Python ve Kivy ile Uygulama Geliştirme – 5 | Teknopenguen
Bir dersimize daha hoş geldiniz arkadaşlar. Kivy derslerimizin bu bölümünde iki temel yerleşim düzeyini karşılaştırarak anlamaya çalışacağız. Bu yerleşim düzenlerimiz gridlayout ve boxlayout.
Hiç zaman kaybetmeden ilkinden başlayalım.
Gridlayout ızgara yerleşim şekli diyebiliriz. Yani satır ve sütunlar vardır ve elemanlarımız bu satır ve sütunlardan birine yerleşir isterseniz ne demek istediğimizi hemen bir örnekle anlatalım.
İki adet dosya oluşturuyoruz biri calisma.py diğeri ise calisma.kv. Calisma.py dosyamızı açalım ve içeriğini şu şekilde belirtelim.
gördüğünüz gibi görüntümüzü oluşturacak yerlesim sınıfı gridlayout sınıfını miras alıyor gelin şimdi bu dosyanın tasarımını yazalım. Calisma.kv dosyamızı açıyoruz ve içeriğini şu şekilde belirliyoruz.
kv dosyamızda bu şekilde. Burada gördüğünüz gibi gridlayoutumuz 3 sütundan oluşuyor. Sırası ile yerleşime başlayacak.
1. buton —> 1.satıra 1.sütuna
2.buton —> 1.satıra 2.sütuna
3.buton —> 1.satıra 3.sütuna
buradan sonra sütun kalmadığı için otomatik olarak 2.satıra atlayacak
4. buton —> 2.satıra 1.sütuna
5.buton —> 2.satıra 2.sütuna
6.buton —> 2.satıra 3.sütuna
7. buton —> 3.satıra 1.sütuna
8.buton —> 3.satıra 2.sütuna
9.buton —> 3.satıra 3.sütuna
yerleşimimiz bu şekilde olacak. İsterseniz karşılaştırma için uygulamamızın nasıl göründüğüne bakalım.
Eğer sizde de uygulama görüntüsü böyle ise doğru yaptınız demektir. Burada bahsetmemiz gereken bir diğer konu padding ve spacing. Padding uygulama çerçevesi ile layout arasındaki kullanılmayacak alandır. Çerçevenin etrafındaki siyah alanı görüyorsunuz. Orası 10 px lik padding alanımız.
Spacing ise bütün butonlar arasındaki boşluklardır. Bu rakamlarla oynayarak ne demek istediğimizi daha kolay anlayabilirsiniz.
Boxlayout yerleşimi şu şekildedir. Verilen elemanlar yatay veya dikey olarak boxlayout içine sırası ile yerleştirilir ne demek istediğimize hemen bakalım calisma.py dosyamızı açalım ve şu şekilde değiştirelim.
buradaki farkın boxlayout olduğuna dikkat edin.
Şimdide calisma.kv dosyasını şu şekilde değiştirelim.
butonlarımızın boxlayout içerisine yatay mı yoksa dikey mi yerleşeceğini orientation ifadesi ile belirliyoruz dikey için vertical yatay için horizontal kullanılır.
boxlayout yerleşimi de bu şekilde anlamadığınız ya da takıldığınız bir nokta varsa youtube kanalımızdan ders anlatım videomuzu izleyebilir, sitemize veya youtube’a yorum yaparak sorularınızı sorabilirsiniz.
Previous Previous post: Statik ve Dinamik Web Sitesi Nedir ?
Sonraki Sonraki Yazı Python ve Kivy ile Uygulama Geliştirme – 6