Python ve Kivy ile Uygulama Geliştirme – 7

Categories python kivyPosted on
teknopenguen kivy uygulama

Ders numaramız 7 bu dersimizde yerleşim türlerinden floatlayout yerleşim türünü inceleyeceğiz.

Biliyorsunuz ki daha önceki derslerimizde yerleşim türlerinden bahsetmiştik ve bunlardan boxlayout ve gridlayoutu kullanmıştık. Floatlayout’da bu yerleşim türlerinden biri, ancak farklı olarak eklediğimiz bileşenlerin yerleşimini daha esnek bir şekilde yapabiliriz. 

Şimdi size 3 yerleşim şekli ve nasıl kullanıldığını örnek üzerinden karşılaştıralım. 4 adet butonu bu yerleşim düzenleri ile oluşturalım farkı daha iyi anlayacağız.

 

BoxLayout

boxlayout kivy

Burada orientation vertical seçilmiş bir boxlayout görüyoruz. Düzenli bir yerleşim gerektiği zaman kullanılabilir. Fazla hareket alanı yok verilen elemanları sıralar

GridLayout

gridlayout kivy

Gridlayout yerleşiminde de gördüğünüz gibi yerleşimler belli bir düzende tabiki üzerinde değişiklik yapabiliriz ama esnekliğimiz kısıtlıdır.

FloatLayout

floatlayout kivy

Asıl konumuz olan float layouta baktığımızda gördüğünüz gibi yerleşimleri istediğimi gibi yapabiliriz. Esneklik daha fazladır ve bir diğer artı yanı oransal bir yerleşim düzeni olduğundan farklı çözünürlükteki ekranlarda kendini modifiye edebilir bir yapıya sahiptir. Gelin şimdi floatlayout kullanımını kodlarımız ile inceleyelim.

İki dosya oluşturalım ve bunların birinin adına float.py diğerine ise uygulama.kv diyelim. Float.py dosyamızın içeriğini şu şekilde belirleyelim:

 

  1. from kivy.app import App
  2.  
  3. from kivy.uix.floatlayout import FloatLayout
  4.  
  5. class uygulama(App):
  6.  
  7. def build(self):
  8.  
  9. pass
  10.  
  11. if __name__ == "__main__":
  12. uygulama().run()

burada diğer derslerimizden farklı olan kod floatlayoutun dahil edildiği satırdır. Buraya dikkat edelim. Şimdi yerleşim düzenimizin asıl mimarı olan uygulama.kv dosyamızın içeriğini belirleyelim:

  1. FloatLayout:
  2.  
  3. Button:
  4.  
  5. text: "1"
  6. size_hint: 0.2,0.2
  7. pos_hint: {"right":1 , "top":0.5}
  8.  
  9. Button:
  10.  
  11. text: "2"
  12. size_hint: 0.2,0.2
  13. pos_hint: {"x":0.2 , "y":0.2}
  14.  
  15. Button:
  16.  
  17. text: "3"
  18. size_hint: 0.2,0.2
  19. pos_hint: {"x":0.4 , "y":0.6}
  20.  
  21. Button:
  22.  
  23. text: "4"
  24. size_hint: 0.2,0.2
  25. pos_hint: {"x":0 , "y":0}

bu kodlar bize resimdeki örneği verir. 

Şimdi gelin burada yerleşimimizi sağlaya asıl kod olan pos_hint bölümüne bakalım. Bu parametre bizim butonumuzun yerleşim yerini oransal olarak ayarlar. Floatlayoutumuzun sol alt noktası (0,0) noktasıdır sağ üst noktasıda (1,1) noktasıdır butün yerleşimler bu 1 ve 0 lar arasındaki oranla yapılır.

Örneğin:

pos_hint: {“x”:0 , “y”:0}  —-> butonun sol alt noktasının başlayacağı yer (0,0) noktası

pos_hint: {“x”:0 , “top”:1}  —-> butonun sol üst noktasının başlayacağı yer (0,1) noktası

pos_hint: {“right”:1 , “top”:1}  —-> butonun sağ üst noktasının başlayacağı yer (1,1) noktası

pos_hint: {“right”:1 , “y”:0}  —-> butonun sağ alt noktasının başlayacağı yer (1,0) noktası

pos_hint: {“center_x”: 0.5 , “center_y”: 0.5}  —-> butonun merkez noktasının başlayacağı yer (0.5,0.5) noktası

bu parametreleri deneyerek yerleşimlerin nasıl olacağına bakın.

Eğer anlamadığınız bir nokta olursa youtube kanalımızdan videoları izleyebilir ya da yorum yaparak sorabilirsiniz. 

avatar
MURAT
MURAT

Çok işime yaradı eyvallah