TextWindow  nesnesi nasıl metinlerle ilgili işlemler yapmamızı sağlıyorsa , Small Basic uygulamasında şekillerle ilgili işlemler yapacağımız zaman kullanacağımız  GraphicsWindow nesnesidir. Haydi o zaman bu nesnede çok sık kullanılan komutları şöyle bir tanıyalım.




GraphicsWindow.BackgroundColor     : Ekranın arka plan rengini değiştirmemizi sağlar.

GraphicsWindow.Title    : Ekrana bir isim vermemizi sağlar.

GraphicsWindow.Width    : Ekranın genişliğini değiştirmemizi sağlar.

GraphicsWindow.Height    : Ekranın yüksekliğini değiştirmemizi sağlar.

GraphicsWindow.Drawline    : Ekrana çizgi çizmemizi sağlar.

GraphicsWindow.PenColor    : Çizginin rengini değiştirmemizi sağlar.

GraphicsWindow.PenWidht    : Çizginin kalınlığını değiştirmemizi sağlar.

Şimdi bu komutların nasıl uygulandığını örneklerle görelim.

ÖRNEK

Çalışma ekranın arkaplan rengini mavi olarak belirleyelim.

Yukarıdaki komut listesine bakarsak arkaplan rengini değiştirmek için GraphicsWindow.BackgroundColor komutunu kullanmamız gerektiğini görürüz. Bu komutun kullanılış şekli TextWindow.BackgroundColor   komutuyla aynıdır. Komutu yazdıktan sonra seçtiğimiz rengin İngilizcesini yazıyoruz.

ÖRNEK

Çalışma ekranın başlığını “İlk Uygulama” olarak belirleyelim.

Yukarıdaki komut listesine bakarsak ekran ismini değiştirmek için GraphicsWindow.Title komutunu kullanmamız gerektiğini görürüz. Komutu yazdıktan sonra tırnak içinde ekran ismini yazmamız yeterli.

KomutEkran Görüntüsü

 

ÖRNEK

Çalışma ekranın genişliğini 500 piksel , yüksekliğini 300 piksel olarak belirleyelim

Yukarıdaki komut listesine bakarsak ekran genişliğini değiştirmek için GraphicsWindow.Width,  ekran yüksekliğini değiştirmek için ise GraphicsWindow.Height komutunu kullanmamız gerektiğini görürüz. Komutu yazdıktan sonra sayı ile kaç piksel yapmak istiyorsak onu yazıyoruz.

 

SIRA SİZDE!
  1. Ekran genişliği 800 piksel,
  2. Ekran yüksekliği 200 piksel,
  3. Ekran ismi Şekiller,
  4. Ekran arkaplan rengi Yeşil olacak şekilde ayarlayın.

Hadi şekil çizmeye başlayalım. Şekil çizerken ekranın neresine şeklimizi çizeceğiz bu önemlidir. Çizim için ekrandaki x ve y değerlerini kullanırız. Peki ne demek bu x ve y değerleri. Ekranda yatay olarak olan eksen x ekseni , dikey olan eksene y ekseni denir. Ekranınızın sol üst bölümü başlangıç bölümüdür. Burada x ve ye değerleri 0 (sıfır) dır. Y değeri ekrandan aşağı doğru indikçe artar. En büyük y değeri ekranınızın yüksekliği kadardır. Mesela ekran yüksekliği 300 piksel ise en büyük y değeri 300’dür. Yatayda soldan sağa doğru gittikçe x değeri artar. En büyük x değeri ekranınızın genişliği kadardır. Mesela ekran genişliği 300 piksel ise en büyük x değeri 300’dür.

Ekrana bir çizgi çizeceğiniz zaman GraphicsWindow.Drawline  komutu kullanılır. Bu komutu yazdıktan sonra parantez içinde çizgimizin başlangıç x ve y değerini , ve sonrada bitiş x ve y değerini yazmamız gerekir.

GraphicsWindow.Drawline ( x başlangıç,y başlangıç , x bitiş , y bitiş )

ÖRNEK

Çalışma ekranına ;

x başlangıç : 100          x bitiş : 300

y başlangıç : 150          y bitiş : 350

olacak şekilde bir çizgi çizelim.

Örnekteki değerleri GraphicsWindow.Drawline ( x başlangıç,y başlangıç , x bitiş , y bitiş ) formüldeki yerine yazarsak aşağıdaki kodları yazmış oluruz ve ekran görüntüsü de yandaki gibi olur.

KomutEkran Görüntüsü

NOT : Yatay bir çizgi çizecekseniz  başlangıç ve bitiş y değerleri aynı olur. 

Dikey bir çizgi çizecekseniz  başlangıç ve bitiş x değerleri aynı olur. 

 

 

ÖRNEK

  1. Çalışma ekranı genişliği ve yüksekliği 300 olacak şekilde ayarlayın.
  2. Çalışma ekranı arkaplan rengi sarı olsun.
  3. Çalışma ekranını dikey olarak ortadan tam ikiye bölen bir çizgi çiziniz.

 

Örneği incelerseniz ilk basamak için Widht ve Height komutlarını kullanarak iki satır kod yazacağız. İkinci basamak için BackgroundColor  komutu kullanılacak sarı dediği için Yellow yazmamız gerekecek. Üçüncü basamakta  dikey dediği için x değerimizi değişmeyecek. Tam ortadan dediği için genişliğin tam yarısını alacağız 300 yarısı 150 olacak o zaman x değerimiz 150 , y değerine gelince en üsten başlayıp en aşağıya kadar inen bir çizgi olacak o zaman Y başlangıç 0 bitiş ise yükseklikle aynı olması gerekir o da 300 dür. Buna göre kodlar aşağıdaki gibi olacaktır.

KomutEkran Görüntüsü

 

SIRA SİZDE! 
  1. Çalışma ekranı genişliği ve yüksekliği 500 olacak şekilde ayarlayın.
  2. Çalışma ekranı arkaplan rengi kırmızı olsun.
  3. Çalışma ekranının adı Çizgiler olacak şekilde ayarlayın.
  4. Çalışma ekranına yandaki resimdeki gibi bir çizgi çizin.

Kalemin rengi değiştirmek istersek GraphicsWindow.PenColor   komutunu kullanıyoruz. Sadece hangi rengi istiyorsak onu tırnak içinde İngilizce olarak yazıyoruz. Kalemin kalınlığını değiştirmek için ise GraphicsWindow.PenWidht  komutunu kullanıyoruz sadece kalınlık için sayımızı yazıyoruz. Haydi bir örnek yaparak konuyu pekiştirelim.

ÖRNEK

  1. Çalışma ekranı genişliği ve yüksekliği 500 olacak şekilde ayarlayın.
  2. Kalem kalınlığımız 10 olacak şekilde ayarlıyoruz.
  3. Yandaki ekran görüntüsündeki gibi aralarında 100 piksel mesafe olan 300 piksel uzunluğunda hepsinin rengi  farklı olan yatay şekilde 3 çizgi çiziyoruz.

İlk basamak için Widht ve Height komutlarını kullanarak iki satır kod yazacağız. İkinci basamak için GraphicsWindow.PenWidht  komutunu kullanıyoruz ve kalınlık 10  yazıyoruz. İlk çizgi rengi kırmızı onun için GraphicsWindow.PenColor  komutunu kullanıyoruz ve red  yazıyoruz. Çizgi çizmek için GraphicsWindow.Drawline komutunu kullanacağız. Yatay çizgi dediği için y değeri sabit. İlk çizgi için ben y değerini 100 olarak belirledim. x değerine gelince x başlangıcı da 100 belirledim. 300 piksellik bir çizgi istediği için x bitiş 100+300 = 400 olacak. İkinci çizgi için pencolor ve drawline kullandım yine. pen color da renk mavi olduğu için blue yazıldı. Drawline ‘da ise x değerleri aynı kaldı çünkü aynı boyutta çizgi çiziyoruz. Çizgiler arasındaki mesafe 100 olacağı için y değerine 100 ekledim yani y değeri 200 oldu. 3. çizgi içinde aynı işlemleri tekrarladım. Aşağıdaki komutları inceleyerek daha iyi anlayabilirsiniz.