Kivy - 按钮大小

Kivy 应用的用户界面上的组件必须具有适当的大小。与位置属性一样，按钮（任何组件）的大小属性也受其所在布局的控制。

按钮大小可以通过两个属性“size”和“size_hint”来配置。“kivy.uix.button.Button”类从 Widget 类继承了这些属性。

按钮的“size_hint”属性是一个值元组，其父布局使用它来确定大小。它定义的是相对于布局大小的相对大小，而不是绝对大小。例如：

btn.size_hint = (w, h)

参数“w”和“h”都指定为0到1范围内的浮点数。例如，0.5代表50％，1代表100％。

# This button has width and height of the parent layout
btn.size_hint=(1,1)

# Width of this button will be half of the container's width
btn.size_hint=(0.5, 1)

# This button will be of width and height 20% of the layout
btn.size_hint=(.2,.2)

另一方面，“size”属性以像素为单位指定按钮的绝对宽度和高度。

btn.size=(200,100)

但是，为了使按钮具有绝对大小，必须要求 Kivy 布局忽略大小提示。如果不想为宽度或高度使用 size_hint，则将其值设置为 None。换句话说，必须先设置“size_hint=(None, None)”才能以绝对测量单位分配大小。

还可以使用“size_hint_x”和“size_hint_y”属性分别设置宽度或高度的大小提示。

假设想要创建一个宽度为 250 像素，高度为父级高度 30% 的按钮

btn.size_hint_x = None
btn.size_hint_y= 0.3
widget.width = 250

这些属性也可以在 Button 构造函数参数中设置：

btn = Button(text="Hi there!", size_hint=(None, 0.3), width=250)

示例

下面的程序将各种按钮放置在应用窗口的 FloatLayout 中，并使用 size_hint、size、pos_hint 和 pos 属性的不同组合：

from kivy.app import App
from kivy.uix.floatlayout import FloatLayout
from kivy.uix.button import Button
from kivy.core.window import Window

Window.size = (720,400)

class DemoApp(App):
   def build(self):
      f = FloatLayout()

      b1 = Button(text="B1", size_hint=(None, None))
      f.add_widget(b1)

      b2 = Button(text="B2", size_hint=(1, None), height=20)
      f.add_widget(b2)

      b3 = Button(text="B3", size_hint=(None, None), pos=(0, 100), size=(400, 100))
      f.add_widget(b3)
      b4 = Button(text='B4', size_hint=(None,.3), width=50, pos_hint={'x':.6, 'y':.2} )
      f.add_widget(b4)

      b5 = Button(text='B5', size_hint=(None,.9), width=50, pos_hint={'x':.5, 'y':.5} )
      f.add_widget(b5)
      return f

if __name__ == '__main__':
   DemoApp().run()

输出

运行此代码后，将获得以下输出窗口：