(KivyMD) 如何更改 MDLabel 的文本？

Question

這是我的代碼：

from kivymd.app import MDApp
from kivy.app import App
from kivy.lang import Builder
from kivy.uix.screenmanager import ScreenManager, Screen

n = 1

class Screen1(Screen):
    pass

class Screen2(Screen):
    def set_number(self, n):
        self.ids["number"].text == f"{n}"
        print(f"The n variabile value is: {n}")
        txt = self.ids["number"].text
        print(f"The displayed number is: {txt}\n")
        return
    
    

sm = ScreenManager()
sm.add_widget(Screen1(name="Screen1"))
sm.add_widget(Screen2(name="Screen2"))


class TestApp(MDApp):

    def build(self):
       self.title = "Test app"
       self.theme_cls.primary_palette = "Indigo"
       self.theme_cls.primary_hue = "600"
       screen =  Builder.load_file("test.kv")
       return screen



    def arrow_up(self):
        global n
        if n == 5:
            pass
        else:
            n += 1
            Screen2().set_number(n)
        
    def arrow_down(self):
        global n
        if n == 1:
            pass
        else:
            n -= 1
            Screen2().set_number(n)
        





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

這里是我的 KV 文件：

ScreenManager:
    id: scrn_mngr
    Screen1:
    Screen2:


<Screen1>:
    id: Scrn1    
    name: "Screen1"
    MDRectangleFlatIconButton:
        text: "Next screen"
        icon: "arrow-right"
        pos_hint: {"center_x": .5, "center_y": .5}
        width: dp(180)
        on_press: root.manager.current = "Screen2" 



<Screen2>
    id: Scrn2 
    name: "Screen2"    
    MDFloatingActionButton:
        icon: "arrow-up-bold-outline"
        md_bg_color: app.theme_cls.primary_color
        pos_hint: {"center_x": .4, "center_y": .5}
        on_press: app.arrow_up()
    MDFloatingActionButton:
        icon: "arrow-down-bold-outline"
        md_bg_color: app.theme_cls.primary_color
        pos_hint: {"center_x": .6, "center_y": .5}
        on_press: app.arrow_down()    
    MDLabel:
        text: "Number"
        halign: "center"
        pos_hint: {"center_x": .5, "center_y": .55}
    MDLabel:
        id: number
        text: "1"
        halign: "center"
        pos_hint: {"center_x": .5, "center_y": .5}

我正在嘗試使用第二個屏幕上的兩個 MDFloatingActionButton 來增加和減少變量 n。 問題是MDLabel的text屬性不會隨着n的增加或減少而變化，並且總是顯示數字1，即使n實際正確變化。 我無法弄清楚出了什么問題，有人可以幫助我嗎？ 謝謝！

Answer 1

線路：

Screen2().set_number(n)

對您的 GUI 沒有影響。 當您使用Screen2()您正在創建Screen2一個新實例，該實例與 GUI 中顯示的實例無關。 因此，調用Screen2().set_number(n)是在 GUI 中未顯示的Screen2實例中設置n 。

有幾種方法可以解決這個問題。 一種方法是將arrow_up()和arrow_down()方法移動到Screen2類中，如下所示：

class Screen2(Screen):
    def set_number(self, n):
        self.ids["number"].text = f"{n}"  # Note: changed == to =
        print(f"The n variabile value is: {n}")
        txt = self.ids["number"].text
        print(f"The displayed number is: {txt}\n")
        return

    def arrow_up(self):
        global n
        if n == 5:
            pass
        else:
            n += 1
            self.set_number(n)

    def arrow_down(self):
        global n
        if n == 1:
            pass
        else:
            n -= 1
            self.set_number(n)

然后在“kv”中更改app.arrow_down()和app.arrow_up()以引用root而不是app ：

<Screen2>
    id: Scrn2 
    name: "Screen2"    
    MDFloatingActionButton:
        icon: "arrow-up-bold-outline"
        md_bg_color: app.theme_cls.primary_color
        pos_hint: {"center_x": .4, "center_y": .5}
        on_press: root.arrow_up()
    MDFloatingActionButton:
        icon: "arrow-down-bold-outline"
        md_bg_color: app.theme_cls.primary_color
        pos_hint: {"center_x": .6, "center_y": .5}
        on_press: root.arrow_down()    
    MDLabel:
        text: "Number"
        halign: "center"
        pos_hint: {"center_x": .5, "center_y": .55}
    MDLabel:
        id: number
        text: "1"
        halign: "center"
        pos_hint: {"center_x": .5, "center_y": .5}