Kivy 简明教程

Kivy - Button Size

按钮在 Kivy 应用程序的用户界面上的窗口小部件必须有合适的大小非常重要。和 position 属性一样，按钮（就这一点而言任何窗口小部件）的 size 属性受其所在布局的支配。

按钮大小可以通过两个属性“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)

Example

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

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

Output

运行此代码后，你将看到以下输出窗口：

kivy button size