9 Aralık 2018 Pazar

Small Basic - GraphicsWindow - Bölüm 2

       Bir önceki bölümde GraphicsWindow özelliğine giriş yapmıştık. Bu bağlantıdan giriş yazısına ulaşabilirsiniz.

       Şimdi ikinci bölüme başlayalım. GraphicsWindow yalnızca pencere oluşturmak için kullanılmıyor elbette. Oluşturduğunuz pencerede istediğiniz şekilleri çizmeniz de mümkün.


Draw ile başlayan çizimleri üstteki resimde görebilirsiniz.

Çizgiler ile başlayalım:
Paylaş:
Devamını Oku

8 Aralık 2018 Cumartesi

Small Basic - GraphicsWindow - Bölüm 1

       Şimdiye kadar yaptığımız tüm çalışmalar Komut İstemi (cmd.exe) üzerinde çalışıyordu. Artık çalışmalarımızı Grafiksel ortamda sürdüreceğiz. Bunun için öğreneceğimiz ilk kod:

GraphicsWindow
       Bu kodu kullanarak small basic üzerinde grafik penceresi oluşturuyoruz. Grafi penceresinden kasıt:  Bilgisayarınızı açtığınızda kullandığınız herhangi bir programda gördüğünüz pencere. Yani grafik penceresi,ne buton, textbox vb. her türlü elementi ekleyebiliyoruz.

Şimdi ilk olarak aşağıdaki kodu yazın ve çalıştırın:


Kod:
GraphicsWindow.Show()

Çalıştırdığınızda aşağıdaki görüntüyü elde edeceksiniz:



Artık Komut İstemi yok. Tüm çalışmalar görsel olacak.

       Açılan bu pencerede değiştirebileceğimiz özellikler var. Başlığı, rengi, boyutu vb. Şimdi biraz da bunlara değinelim:

Yazacağınız kodlar aşağıdaki gibi:


Kodlar:
GraphicsWindow.BackgroundColor = "SteelBlue"
GraphicsWindow.Title = "Grafik Pencerem"
GraphicsWindow.Width = 300
GraphicsWindow.Height = 200
GraphicsWindow.Show()

Çalıştırdığınız zaman şu çıktıyı alacaksınız:


Gelin bu satırları açıklayalım:

1: İlk satır açılan pencerenin arkaplan rengini değiştirmenizi sağlıyor. Daha önce Textwindow ile kullanılabilecek renkleri Small Basic - Textwindow Özellikleri sayfasında belirtmiştik. Grafik penceresi bu koduna daha bonkör. Renk seçenekleri daha geniş.
Renklere bu bağlantıdan ulaşabilirsiniz.

2: Bu satırda ise açılan pencerenin başlığına karar veriyorsunuz. İstediğinizi yazın. İsterseniz değişken bile kullanabilirsiniz.

3:-4: Bu iki satır genişlik(width) ve yükseklik(height) değerlerini girmemizi sağlıyor. Pencere boyutunu piksel cinsinden değer girerek ayarlayabilirsiniz.

5: Bu satır da ayarlarını yaptığınız grafik penceresini göstermek amaçlı kullanılıyor.

Bu konuya bir sonraki yazıda devam edeceğiz.
Paylaş:
Devamını Oku