在kivy中将文本与ScrollView中的标签边缘对齐

Posted 2023-04-14

【中文标题】在kivy中将文本与ScrollView中的标签边缘对齐

【英文标题】：Align text to edge of Label in ScrollView in kivy

【发布时间】：2016-05-08 01:33:40

【问题描述】：

我正在尝试使标签水平滚动并希望 halign:"right 和 valign:middle 按照以下代码

ScrollView:

  Label:    
    id:maindisplay
    text:"0"
    font_size:"50sp"
    text_size: None ,self.height[1] #  Set the text wrap box height
    size_hint_x:None
    width: self.texture_size[0]

#Following part is not working
    halign: 'right'
    valign: 'middle'

【问题讨论】：

怎么不工作了？预期的结果是什么？

它不是 align 和 valign ......它水平滚动......但我们希望文本在右侧，为此我们使用了 halign 和 valign ，它们没有给出输出

使用canvas.before: Color: rgba:1,0,0,1 Rectangle: pos: self.pos size: self.size 确保您的标签确实在您期望的位置，当我设置text:"1\n123" 时，它显然垂直居中且右对齐。

也许text_size: self.width, self.height size_hint_x: 1是你想要的？

只需检查已编辑的问题......你就会得到我想要的

【参考方案1】：

这里的关键点是文本的宽度。如果设置为None，则不受约束，如果文本比父级宽，则可以滚动。但是，如果文本只需要父级宽度的一小部分，则文本将在标签内居中（尽管多行仍将右对齐）。另一方面，如果text_size 静态设置为有限值，则不适合的文本将自动换行并且永远不会滚动。 hacky 的解决方案是设置 text_size: 8000, self.height （非常广泛，不太可能发生）。这允许滚动，但很丑陋（并且可能会意外滚动到没有显示任何内容的区域）。

相反，我们动态更改text_width。当text 发生变化时，我们首先移除宽度约束。然后我们让标签更新其内容，并将text_size 设置为与文本一样宽，但至少与父级一样宽。

其他设置确保标签本身至少与父标签 (width) 一样宽，并且 ScrollView 从其右边缘开始 (scroll_x:1)

这是一个完整的例子：

from kivy.app import App
from kivy.lang import Builder
from kivy.config import Config
from kivy.clock import Clock
from kivy.properties import StringProperty, NumericProperty

kv = '''ScrollView:
  scroll_x: 1
  Label:
    canvas.before:
      Color:
        rgba:1,0,0,1
      Rectangle:
        pos: self.parent.pos
        size: self.size
    id:maindisplay
    text:"2"
    font_size:"50sp"
    text_size: None, self.height
    size_hint_x: None
    width:  max(self.texture_size[0], self.parent.width)
    halign: 'right'
    valign: 'middle'
    on_text: app.txt_cb(*args)
'''

class QApp(App):
    txt = StringProperty("1")
    num = NumericProperty(0)

    def add_string(self, dt=0):
        self.num += 1
        self.txt += "%i" % self.num
        self.root.ids.maindisplay.text = self.txt

    def txt_cb(self, obj, text):
        obj.text_size = (None, obj.height)
        obj.texture_update()
        obj.text_size = (max(obj._label.content_width, obj.parent.width), obj.height)

    def build(self):
        Clock.schedule_once(lambda dt:self.txt_cb(self.root.ids.maindisplay, ""), 0)
        Clock.schedule_interval(self.add_string, .5)
        return Builder.load_string(kv)

if __name__ == '__main__':
    QApp().run()

【讨论】：

试试这个...等一下

它不工作......我只想要一个可滚动的标签，它的开始文本从右边......而不是从左边开始，它应该水平滚动......

我让它从右边开始文本，但现在它不再滚动了

你有什么想法让文本在右侧并使其也滚动

不，它仍然没有滚动...我编码如下 ScrollView：scroll_x：1 标签：canvas.before：颜色：rgba：1,0,0,1 矩形：pos：self.parent .pos size: self.size id:maindisplay text:"1899897723" font_size:"50sp" text_size: max(self._label.content_width, self.parent.width), self.height size_hint_x: None width: max(self.texture_size [0], self.parent.width) halign: 'right' valign: 'middle'