Kivy：滚动缩放

Question

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

我从我的 kivy 应用程序中的静态图像开始。我想添加缩放/平移图像的功能。我不想改变图像框的实际大小，只需添加 zoom/pan 功能，就像您可能期望与 google 地图交互一样。

可能的编程方向

根据我的阅读，我应该使用 Scatter(?)，并且我看到我可以手动设置 Scatter 比例来调整图像的 up/down 大小。

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

问题

我找不到合适的事件来更改比例值。 on_motion 事件似乎很有希望。我的应用程序可以使用滑块更新值，但是当我使用 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

为了实现我的目标，我综合使用了, as pointed out ikolim, and the code given here: 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

UPDATE 我的代码经过编辑，从面向对象的方法来看更加正确，因此我无法凭良心拒绝这些编辑。然而，当我刚开始使用 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

Answer 2

@mdoc-2011 的有一个问题，即它没有锚定在鼠标指针上，这意味着使用起来很烦人，因为内容会滚动很多次。这可以通过不使用 .scale 属性而是直接调用 apply_transform:

来解决

if touch.is_mouse_scrolling:
    factor = None
    if touch.button == 'scrolldown':
        if self.scale < self.scale_max:
            factor = 1.1
    elif touch.button == 'scrollup':
        if self.scale > self.scale_min:
            factor = 1 / 1.1
    if factor is not None:
        self.apply_transform(Matrix().scale(factor, factor, factor),
                             anchor=touch.pos)

此版本还使用 .scale_(min/max) 属性，而不是 1.1 和 0.8 使用 1/1.1，这将使滚入和滚出更加直观。

Kivy：滚动缩放

Kivy: scroll to zoom

python

kivy

kivy-language