Python ve Kivy ile Uygulama Geliştirme – 7

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

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 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

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:

from kivy.app import App
 
from kivy.uix.floatlayout import FloatLayout
 
class uygulama(App):
 
	def build(self):
 
		pass
 
if __name__ == "__main__":
	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:

FloatLayout:
 
	Button:
 
		text: "1"
		size_hint: 0.2,0.2
		pos_hint: {"right":1 , "top":0.5}
 
	Button:
 
		text: "2"
		size_hint: 0.2,0.2
		pos_hint: {"x":0.2 , "y":0.2}
 
	Button:
 
		text: "3"
		size_hint: 0.2,0.2
		pos_hint: {"x":0.4 , "y":0.6}
 
	Button:
 
		text: "4"
		size_hint: 0.2,0.2
		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.