Question

我正在尝试在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()) + '\n' + 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()

Answer 1

Button的文档以“按钮是标签”开头。即使Widgets未明确提及其谱系，您也应该记下相关Widget的API doc中的第二行。在这种情况下“Bases：kivy.uix.label.Label”。

这确定按钮继承自Label。（我明确提到这一点，因为查看基类的继承属性的这一部分有时对每个人都不直观）。

如果您查看文档标签，特别是halign属性，则会要求您使用text_size来实现正确的文本对齐。这意味着文本在由text_size属性设置的边界框内对齐。此属性可以设置为：

a）小工具的大小。

b）小于小部件大小（您正在寻找的）

c）其中一方无限制

d）或两者

e）或约束到不同的Widget

以下是所有上述可能性的示例。

Made using Kivy catalog Demo present in examples http://wstaw.org/m/2013/03/11/plasma-desktopsL1945.png

使用text_size的原因是为用户提供更多控制权。您还应该查看textalign example

Answer 2

您需要设置text_size属性，例如：

btn.text_size = (290, 40)

Answer 3

如果您想避免text.size中的号码，请尝试以下操作：

text_size: self.size

Answer 4

如qua-non所述，按钮是标签，因此您可以查看如何实现这一目标的标签属性。因为我没有看到太多，我想添加一小段代码，可以帮助其他程序员我将展示如何使用标签制作按钮并调整内部文本。

    'add column to datagridview ...
    Dim col As New DataGridViewTextBoxColumn
    col.DataPropertyName = "cellvalue"
    col.HeaderText = "Article"
    col.Name = "Article"
    DataGridView1.Columns.Add(col)

    'second coulmn...
    Dim cols As New DataGridViewTextBoxColumn
    cols.DataPropertyName = "cellnumber"
    cols.HeaderText = "number"
    cols.Name = "number"
    DataGridView1.Columns.Add(cols)

    'third coulmn...
    Dim colsa As New DataGridViewTextBoxColumn
    colsa.DataPropertyName = "cellnumber"
    cols.HeaderText = "number"
    colsa.Name = "number"
    DataGridView1.Columns.Add(colsa)
    DataGridView1.DefaultCellStyle.WrapMode = DataGridViewTriState.True
    DataGridView1.AutoSizeRowsMode = DataGridViewAutoSizeRowsMode.None

    ProgressBar1.Value = 0

    Dim x As Integer = 0
    For i = 0 To ListBox1.Items.Count - 1
        'get RTF files...
        RichTextBox1.LoadFile(ListBox1.Items(i).ToString(), 
RichTextBoxStreamType.RichText)
        RichTextBox1.SelectAll()
        RichTextBox1.SelectionAlignment = 
HorizontalAlignment.Right

        'Convert to html method...
        converttohtml()

        'just for fallow the process
        MsgBox("Ok " + i.ToString())

        'insert new row with the html result
        DataGridView1.Rows.Insert(i, New String() 
{RichTextBox2.Text, RichTextBox1.Text, xstring})

        'increase progress by one
        ProgressBar1.Value += 1
    Next
End Sub

主要部分在Button中。你可以使用字体，对齐和填充来获得任何想要的结果。

{{1}}

Kivy按钮文本对齐问题

4 个答案: