Kivy按钮文本对齐问题

2022-02-24 00:00:00 python 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属性设置的边界框内对齐。此属性可以设置为:

a)小工具的大小。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

相关文章