Kivy按钮文本对齐问题 [英] Kivy button text alignment issue

问题描述

我正在尝试用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

这篇关于Kivy按钮文本对齐问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！