Kivy：如何根據輸入連續旋轉圖像

Question

我正在使用Raspberry Pi為船上的方向舵反饋指示器創建程序。

電位器幾乎連接到舵，可變電壓發送到連接到我的Pi的模數轉換器。

我可以使用輸入來顯示當前的舵角（以文本形式），但是我希望它能夠旋轉圖像，而我必須充當表盤（或標尺）

我希望角度不斷更新並出現在GUI上。 我如何獲得一個功能來返回我的.KV文件中的旋轉角度？

首次運行該程序時它將起作用，但不會在整個程序中進行更新

class RudderAngle(Screen):
def __init__(self, **kwargs):
    super(RudderAngle, self).__init__(**kwargs)
    Clock.schedule_interval(self.Print_Rudder,0.02)
def Print_Rudder(self, *args):
    angle = mcp.read_adc(7)
    deg = angle/17.0
    dega = angle/17.0

    if deg<=30:
        ri = (30-deg)
        colour = [0, 1, 0, 1]
        angle = 90-dega*3
    if deg==30:
        ri = (0)
        colour = [0,0,0,1]
        angle = 0
    if deg>30:
        ri = (deg-30)
        colour = [1, 0, 0, 1]
        angle =-(dega*3)+90

    ri = math.floor(ri)
    ri = int(ri)
    ri = str(ri)

    rai = self.ids.rudderposition
    ind1 = self.ids.ind
    rai.text = ri
    rai.color = colour
    ind1.angle = angle
    return angle

---------- KV文件----------

FloatLayout:
        id: rudder_angle
        padding: 10

        canvas.before:
            Color:
                rgba: .95, 1, 1, 1
            Rectangle:
                pos: self.pos
                size: self.size

        Label:
            font_size: 100
            id: rudderposition
            text: '0'
            pos_hint: {"center_x": .5, "center_y": .6}
            background_color: (1, 1, 1, 1)


        Image:
            id: ind
            source: 'rai-pics/dial.png'
            size_hint: 1,1
            pos_hint: {"center_x": .5, "center_y": .5}
        Image:
            source: 'rai-pics/ri.png'
            size_hint: 0.7,0.5
            pos_hint: {"center_x": .5, "center_y": .5}
            canvas.before:
                PushMatrix
                Rotate:
                    #angle: root.Print_Rudder()
                    axis: 0, 0, 1
                    origin: root.center
            canvas.after:
                PopMatrix   

Answer 1

對於這些情況，必須創建一個屬性並使用角度進行綁定，在這種情況下，將使用NumericProperty ：

.py

...
from kivy.properties import NumericProperty


class RudderAngle(Screen):
    angle_of_rudder = NumericProperty()
    def __init__(self, **kwargs):
        super(RudderAngle, self).__init__(**kwargs)
        Clock.schedule_interval(self.Print_Rudder,0.02)

    def Print_Rudder(self, *args):
        ...
        ind1.angle = angle
        self.angle_of_rudder = angle

root = Builder.load_file("main.kv")

class TestApp(App):
    def build(self):
        return root

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

主.kv

RudderAngle:
    name : 'screen'
    FloatLayout:
        id: rudder_angle
        padding: 10

        canvas.before:
            Color:
                rgba: 0.95, 1, 1, 1
            Rectangle:
                pos: self.pos
                size: self.size

        Label:
            font_size: 100
            id: rudderposition
            text: '0'
            pos_hint: {"center_x": .5, "center_y": .6}
            background_color: (1, 1, 1, 1)


        Image:
            id: ind
            source: 'rai-pics/dial.png'
            size_hint: 1,1
            pos_hint: {"center_x": .5, "center_y": .5}

        Image:
            source: 'rai-pics/ri.png'
            size_hint: 0.7,0.5
            pos_hint: {"center_x": .5, "center_y": .5}
            canvas.before:
                PushMatrix
                Rotate:
                    angle: root.angle_of_rudder
                    axis: 0, 0, 1
                    origin: root.center
            canvas.after:
                PopMatrix