python - Kivy:滚动缩放

Question

有没有办法在桌面 kivy 应用程序上放大图像(例如用鼠标滚轮缩放)？似乎在这里讨论:https://github.com/kivy/kivy/issues/3563但我看不出是否有解决方法。

我从我的 kivy 应用程序中的静态图像开始。我想添加缩放/平移图像的功能。我不想改变图像框架的实际大小，只是添加缩放/平移功能，就像您可能希望与谷歌地图进行交互一样。

可能的编程方向

根据我读到的内容，我应该使用 Scatter(?)，而且我发现我可以手动设置 Scatter 比例来放大/缩小图像。

我最初的想法是，我必须添加一个单独的带有 ScrollView 的小部件来包含散点布局，这将使图像框架保持一致的大小。然后我需要添加一个动态更改比例值的事件。

问题

• 我找不到合适的事件来更改比例值。 on_motion 事件看起来很有希望。我的应用程序可以使用 slider 更新值，但是当我使用 on_motion, 尝试类似的方法时，我得到了 AttributeError: motion 错误

• 我正在努力创建小部件。大多数文档似乎在 python 文件中使用 .add_widget(...) 。是否可以从 kv 文件执行此操作？我想这个过程类似于屏幕和屏幕管理器，但我正在努力寻找一种可行的方法。

• 有没有更直接的方法来做到这一点？

有没有一种方法可以在我的 kv 文件中使用 on_motion 类型事件来使用鼠标滚轮调整此值？

我给出了一个我的 kivy 应用程序结构的简化示例 - 以及我尝试添加 Scatter 的方法。我想我需要将它放入它自己的小部件中以保持图像大小相同？

玩具示例

import kivy
from kivy.lang import Builder
from kivy.core.window import Window


kivy.require('1.1.0')

from kivy.app import App

presentation = Builder.load_file("scatter.kv")
class TestApp(App):
    def build(self):
        Window.clearcolor = (1, 1, 1, 1)
        return presentation

    # def foo():
    #    print("You've reached foo")    

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

和

#:kivy 1.10.0
GridLayout:
    cols: 2

    Scatter:
        scale: 5
        # on_motion: root.foo()
        Image :
            source: 'foo.png'
            allow_stretch: True
            keep_ratio: True

    Button:
        text: 'Hello World'

产生:

相关类型:

• Scatter Covers whole display kivy (未回答)
• https://github.com/kivy/kivy/issues/3563

Answer 1

为了实现我的目标，我结合使用了 kivy python3 detect mousewheel 中的信息，正如 ikolim 所指出的，以及此处给出的代码:https://github.com/kivy/kivy/wiki/Draggable-Scalable-Button

为了让我的回答简短，这里是扩展 Scatter 对象的简约对象。

class ResizableDraggablePicture(Scatter):
    def on_touch_down(self, touch):
        # Override Scatter's `on_touch_down` behavior for mouse scroll
        if touch.is_mouse_scrolling:
            if touch.button == 'scrolldown':
                if self.scale < 10:
                    self.scale = self.scale * 1.1
            elif touch.button == 'scrollup':
                if self.scale > 1:
                    self.scale = self.scale * 0.8
        # If some other kind of "touch": Fall back on Scatter's behavior
        else:
            super(ResizableDraggablePicture, self).on_touch_down(touch)

布局略有不同，我更改了按钮上的文本，但我的代码的功能可以在下面的 gif 中看到:

对于任何想要查看我的整个玩具项目以适应他们自己目的的人，整个代码都在我的 github 上:https://github.com/melissadale/Learning-Kivy/tree/master/ZoomPanning

更新 我的代码经过编辑，从面向对象的方法来看更加正确，因此我无法凭良心拒绝这些编辑。然而，当我刚开始使用 kivy 时，我会发现这段代码令人困惑。如果只想看简单版可以直接申请验证相关，这是我的原代码:

    if touch.is_mouse_scrolling:
    if touch.button == 'scrolldown':
        print('down')
        ## zoom in
        if self.scale < 10:
            self.scale = self.scale * 1.1

    elif touch.button == 'scrollup':
        ## zoom out
        print('up')
        if self.scale > 1:
            self.scale = self.scale * 0.8