Kivy按钮文本对齐问题
问题描述
我正在尝试用Kivy开发一个电子邮件应用程序,基本上只是作为一个练习来学习框架中的输入和输出……我正在试着创建初始窗口,已经到了有点磕磕绊绊的挡路了!它的想法是,它只会在收件箱中显示电子邮件列表,就像移动设备上的任何基本电子邮件应用程序一样。
我遇到的问题是我不知道如何让每个列表项(这只是一个按钮)的文本正确对齐。在我的按钮中使用"halign=‘Left’"将使文本左对齐,但仅相对于每个按钮;它仍然在每个按钮内居中。
我的实际应用程序太大了,不能发布,所以这是我从一个常见的Kivy示例创建的一个快速而肮脏的示例。(我意识到这个代码并不完美…就像我说的又快又脏,举个例子.它确实可以工作!)如您所见,每个按钮上的两行文本彼此对齐,但它们并不是全部整体对齐。有没有人能建议我怎么做才能让所有的文本与每个按钮的左侧对齐,比如说,10px?我确实在StackOverflow上找到了一个听起来相对合理的项目,但它并没有真正回答这个问题,例如,它似乎更多地涉及到在按钮上使用图像。我刚接触Kivy,但我已经通读了教程和文档,并广泛搜索了Google-因此,任何帮助都将不胜感激!
import kivy
kivy.require('1.0.8')
from kivy.app import App
from kivy.core.window import Window
from kivy.uix.button import Button
from kivy.uix.scrollview import ScrollView
from kivy.uix.gridlayout import GridLayout
import random
class ScrollViewApp(App):
def build(self):
# create a default grid layout with custom width/height
layout = GridLayout(cols=1, spacing=10, size_hint=(None, None),
width=Window.width)
# when we add children to the grid layout, its size doesn't change at
# all. we need to ensure that the height will be the minimum required to
# contain all the childs. (otherwise, we'll child outside the bounding
# box of the childs)
layout.bind(minimum_height=layout.setter('height'))
# add button into that grid
for i in range(30):
btn = Button(text=str(i * random.random()) + '
' + str(i * random.random()),
size=(300, 40),
size_hint=(None, None),
halign='left')
layout.add_widget(btn)
# create a scroll view, with a size < size of the grid
root = ScrollView(size_hint=(None, None))
root.size = (Window.width, Window.height)
root.center = Window.center
root.add_widget(layout)
return root
if __name__ == '__main__':
ScrollViewApp().run()
解决方案
Button的文档以";A Button开头,是一个标签&Quot;。即使Widgets没有明确提到它们的血统,您也应该注意所讨论的小部件的API doc中的第二行。在本例中,";base:kivy.uix.label.Label";。
这将确定按钮继承自标签。(我之所以明确提到这一点,是因为查看基类的继承属性的这一部分有时对每个人都不直观)。
如果您查看Docs中的标签,特别是halign
属性,它会要求您使用text_size
来实现正确的文本对齐。这意味着文本在由text_size
属性设置的边界框内对齐。此属性可以设置为:
text_size: self.size
b)小于小部件的大小(您要查找的)text_size: self.width - dp(10), self.height - dp(10)
c)其中一侧不受约束text_size: self.width, None
d)或同时text_size: None, None
e)或约束到不同的Widgettext_size: other_button.size
使用text_size
的原因是给用户更多控制权。
您还应该查看textalign example
相关文章