更改 Kivy 小部件的部分文本的顏色

Question

我正在嘗試編寫一個程序，如果我按下一個按鈕，Label 小部件的部分文本的顏色會發生變化。

例如，有一個帶有文本“1/0”的Label小部件。 現在，如果我按下按鈕，1 的顏色會更改為某個指定的顏色。 這是我試過的程序：

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.button import Button
from kivy.lang import Builder
from kivy.utils import get_color_from_hex

Builder.load_string('''
#: import get_color_from_hex kivy.utils.get_color_from_hex
<b>:
    orientation: 'horizontal'
    Button:
        text: 'Press Me'
        on_press: num.text[0].color = get_color_from_hex('#04d3ff')

    Label:
        id: num
        text: '1/0'
''')

class b(BoxLayout):
    pass

class main(App):
    def build(self):
        return b()

if __name__ == "__main__":
    main().run()

這是我得到的錯誤：

Traceback (most recent call last):
   File "b.py", line 28, in <module>
     main().run()
   File "/usr/lib/python2.7/dist-packages/kivy/app.py", line 828, in run
     runTouchApp()
   File "/usr/lib/python2.7/dist-packages/kivy/base.py", line 487, in runTouchApp
     EventLoop.window.mainloop()
   File "/usr/lib/python2.7/dist-packages/kivy/core/window/window_sdl2.py", line 619, in mainloop
     self._mainloop()
   File "/usr/lib/python2.7/dist-packages/kivy/core/window/window_sdl2.py", line 362, in _mainloop
     EventLoop.idle()
   File "/usr/lib/python2.7/dist-packages/kivy/base.py", line 330, in idle
     self.dispatch_input()
   File "/usr/lib/python2.7/dist-packages/kivy/base.py", line 315, in dispatch_input
     post_dispatch_input(*pop(0))
   File "/usr/lib/python2.7/dist-packages/kivy/base.py", line 221, in post_dispatch_input
     listener.dispatch('on_motion', etype, me)
   File "kivy/_event.pyx", line 718, in kivy._event.EventDispatcher.dispatch (kivy/_event.c:7699)
   File "/usr/lib/python2.7/dist-packages/kivy/core/window/__init__.py", line 1030, in on_motion
     self.dispatch('on_touch_down', me)
   File "kivy/_event.pyx", line 718, in kivy._event.EventDispatcher.dispatch (kivy/_event.c:7699)
   File "/usr/lib/python2.7/dist-packages/kivy/core/window/__init__.py", line 1046, in on_touch_down
     if w.dispatch('on_touch_down', touch):
   File "kivy/_event.pyx", line 718, in kivy._event.EventDispatcher.dispatch (kivy/_event.c:7699)
   File "/usr/lib/python2.7/dist-packages/kivy/uix/widget.py", line 432, in on_touch_down
     if child.dispatch('on_touch_down', touch):
   File "kivy/_event.pyx", line 718, in kivy._event.EventDispatcher.dispatch (kivy/_event.c:7699)
   File "/usr/lib/python2.7/dist-packages/kivy/uix/behaviors/button.py", line 110, in on_touch_down
     self.dispatch('on_press')
   File "kivy/_event.pyx", line 714, in kivy._event.EventDispatcher.dispatch (kivy/_event.c:7654)
   File "kivy/_event.pyx", line 1224, in kivy._event.EventObservers.dispatch (kivy/_event.c:13497)
   File "kivy/_event.pyx", line 1108, in kivy._event.EventObservers._dispatch (kivy/_event.c:12329)
   File "/usr/lib/python2.7/dist-packages/kivy/lang.py", line 1557, in custom_callback
     exec(__kvlang__.co_value, idmap)
   File "<string>", line 7, in <module>
 AttributeError: 'str' object has no attribute 'color'

Answer 1

使用Kivy的基本標記語法來設置顏色以及markup: True標簽中為markup: True 。

Answer 2

對於您評論中的第二個問題，您問“我現在遇到另一個問題。：\\如果有多個Label，該怎么辦？如果我想一起更改多個Label的第一個字符，該怎么辦？” 您應該打開一個新問題，並向我們提供一些代碼。

但是，乍一看，您似乎可以簡單地遍歷標簽並執行以下操作：

1. 獲取標簽的當前文本（label.text）

2. 通過使用第一個字符的標記來更新標簽顏色。 例如，如果label.text =“ my_text”，則可以通過更新標簽內的以下內容來突出顯示標簽文本的“ m”：

    text = '[color=FFFF00]'+label.text[0]+'[/color]'+label.text[1:] 

該答案假設您有一組現有標簽，並且您想要修改每個標簽的第一個字符。 沒有代碼，很難給出更具體的答案，但是這種通用方法會起作用。

Answer 3

Inclement 的解決方案非常有效。 這是kv語言的解決方案代碼：

<b>:
    orientation: 'horizontal'
    Button:
        text: 'Press Me'
        on_press: num.text = "[color=#04d3ff]1[/color]/0"
        on_release: num.text = "[color=#ffffff]1[/color]/0"

    Label:
        id: num
        markup: True
        text: '1/0'

---

_{這個答案是作為對問題Changing color of a part of text of a Kivy widget的編輯發布的，由 OP Parthib Biswas在 CC BY-SA 3.0 下發布。}