在 kivy 中围绕中心点旋转圆形排列的小部件

Question

我有一些排列成圆形的文本输入，我正在寻找一种方法来围绕它们的中心旋转这些小部件的整个包，就像轮子一样，在其中的一部分上拖动鼠标。我尝试结合在某些页面中找到的一些代码，但不知道如何使其正常工作。

from kivy.app import App
from kivy.uix.widget import Widget
from kivy.uix.floatlayout import FloatLayout
from kivy.lang import Builder
from kivy.uix.textinput import TextInput
from kivy.properties import NumericProperty
from kivy.core.window import Window
import math

pi = math.pi

kv = '''
<-RotatableTI>:
    size_hint: None, None
    canvas.before:
        PushMatrix
        Rotate:
            angle: root.angle
            axis: 0,0,1
            origin: self.center

        Color:
            rgba: self.background_color
        BorderImage:
            border: self.border
            pos: self.pos
            size: self.size
            source: self.background_active if self.focus else (self.background_disabled_normal if self.disabled else self.background_normal)
        Color:
            rgba:
                (self.cursor_color
                if self.focus and not self._cursor_blink
                else (0, 0, 0, 0))
        Rectangle:
            pos: self._cursor_visual_pos
            size: root.cursor_width, -self._cursor_visual_height
        Color:
            rgba: self.disabled_foreground_color if self.disabled else (self.hint_text_color if not self.text else self.foreground_color)
    canvas.after:
        PopMatrix
        
<Dial>:
    canvas:
        Rotate:
            angle: self.angle
            origin: self.center

'''
Builder.load_string(kv)

class Circle(Widget):
    def on_touch_down(self, touch):
        if self.collide_point(*touch.pos):
            pass

class RotatableTI(TextInput):
    angle = NumericProperty(0)

class Scat(FloatLayout,Widget):
    Window.size = (600, 600)
    def __init__(self, **kwargs):
        super(Scat, self).__init__(**kwargs)
        p_x = 0
        p_y = 0
        b = 0
        r = 150
        div = 20
        pt = []
        for i in range(div):
            angle = 360.0 / (div - 1) * i
            p_x = Window.size[0] / 2 + math.cos(2 * pi / (div - 1) * i) * r
            p_y = Window.size[1] / 2 + math.sin(2 * pi / (div - 1) * i) * r
            pt.append(p_x)
            pt.append(p_y)
            if i > 0:
                self.add_widget(RotatableTI(text="hi" + str(i), size=(50, 30), pos=(p_x, p_y), angle=angle))
                
    angle = NumericProperty(0)
    def on_touch_down(self, touch):

        y = (touch.y - self.center[1])
        x = (touch.x - self.center[0])
        calc = math.degrees(math.atan2(y, x))
        self.prev_angle = calc if calc > 0 else 360+calc
        self.tmp = self.angle

        return super(Scat, self).on_touch_down(touch) # dispatch touch event futher

    def on_touch_move(self, touch):
        y = (touch.y - self.center[1])
        x = (touch.x - self.center[0])
        calc = math.degrees(math.atan2(y, x))
        new_angle = calc if calc > 0 else 360+calc

        self.angle = self.tmp + (new_angle-self.prev_angle)%360

class DialApp(App):
    def build(self):
        return Scat()

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

我想在 kivy 中对一些文本输入进行极坐标排列，但只找到一种在分散类中通过鼠标拖动来旋转文本输入的方法。我所有的尝试都达到了一个不旋转的文本输入，只有当我输入文本时，文本才会显示旋转（没有旋转的文本输入框！），并且看起来不太好，所以我正在寻找更好的方法，我可以接近带按钮的解决方案，但它们并不完全是我想要的，只是它们的位置是极性的，而不是它们的方向。有没有办法让 textInputs 像描述的那样进行数组？

最后，我正在寻找一种方法，拥有 3 或 4 个旋转的文本输入包，我想知道鼠标拖动会识别出其中哪一个是完美选择的，还是有时错误选择的？因为当我想用鼠标旋转 kivy 中的一个项目时，如果选择对象边框的外部仍然可以选择并旋转它。

编辑 亲爱的约翰·安德森的回应，向前迈出了一步；但效果仍然不好。我在第二张图片中提到了下面的问题（在代码下方）。

from kivy.app import App
from kivy.uix.widget import Widget
from kivy.uix.floatlayout import FloatLayout
from kivy.lang import Builder
from kivy.uix.textinput import TextInput
from kivy.properties import NumericProperty
from kivy.core.window import Window
import math

pi = math.pi

kv = '''

<Scat>:
    canvas.before:
        PushMatrix
        Rotate:
            angle: self.angle
            origin: self.center
    canvas.after:
        PopMatrix
<-RotatableTI>:
    size_hint: None, None
    canvas.before:
        PushMatrix
        Rotate:
            angle: root.angle
            axis: 0,0,1
            origin: self.center

        Color:
            rgba: self.background_color
        BorderImage:
            border: self.border
            pos: self.pos
            size: self.size
            source: self.background_active if self.focus else (self.background_disabled_normal if self.disabled else self.background_normal)
        Color:
            rgba:
                (self.cursor_color
                if self.focus and not self._cursor_blink
                else (0, 0, 0, 0))
        Rectangle:
            pos: self._cursor_visual_pos
            size: root.cursor_width, -self._cursor_visual_height
        Color:
            rgba: self.disabled_foreground_color if self.disabled else (self.hint_text_color if not self.text else self.foreground_color)
    canvas.after:
        PopMatrix
        
    canvas:
        Rotate:
            angle: self.angle
            origin: self.center

'''
Builder.load_string(kv)

class Circle(Widget):
    def on_touch_down(self, touch):
        if self.collide_point(*touch.pos):
            pass

class RotatableTI(TextInput):
    angle = NumericProperty(0)

class Scat(FloatLayout):
    Window.size = (600, 600)
    def __init__(self, **kwargs):
        super(Scat, self).__init__(**kwargs)
        p_x = 0
        p_y = 0
        b = 0
        r = 150
        div = 20
        pt = []
        for i in range(div):
            angle = 360.0 / (div - 1) * i
            p_x = Window.size[0] / 2 + math.cos(2 * pi / (div - 1) * i) * r
            p_y = Window.size[1] / 2 + math.sin(2 * pi / (div - 1) * i) * r
            pt.append(p_x)
            pt.append(p_y)
            if i > 0:
                self.add_widget(RotatableTI(text="hi" + str(i), size=(50, 30), pos=(p_x, p_y), angle=angle))

    angle = NumericProperty(0)
    def on_touch_down(self, touch):

        y = (touch.y - self.center[1])
        x = (touch.x - self.center[0])
        calc = math.degrees(math.atan2(y, x))
        self.prev_angle = calc if calc > 0 else 360+calc
        self.tmp = self.angle

        return super(Scat, self).on_touch_down(touch) # dispatch touch event futher

    def on_touch_move(self, touch):
        y = (touch.y - self.center[1])
        x = (touch.x - self.center[0])
        calc = math.degrees(math.atan2(y, x))
        new_angle = calc if calc > 0 else 360+calc

        self.angle = self.tmp + (new_angle-self.prev_angle)%360

class DialApp(App):
    def build(self):
        return Scat()

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

除了该环之外，除了轨道运动之外，它还向其他方向移动（其中心点不是永久的，可以通过拖动来改变它），这是意想不到的！ [1]: https://i.sstatic.net/3jhQ8.png [2]: https://i.sstatic.net/Mrpf7.png

Answer 1

您几乎可以进行轮换工作。只需将其添加到您的 kv 中：

<Scat>:
    canvas.before:
        PushMatrix
        Rotate:
            angle: self.angle
            origin: self.center
    canvas.after:
        PopMatrix

另外，

class Scat(FloatLayout,Widget):

应该只是：

class Scat(FloatLayout):

因为 FloatLayout 是一个 Widget。

如果您打算使用多个 Scat 小部件，则应使用 collide_point() 来确定哪个实例被触摸。