如何使用Kivy制作工具提示?

当鼠标指针悬停在ActionBar中的图标上时,我想看到Qt中的工具提示.
是的,我可以使用mode =’spinner’,但图标更好.

如何使用Kivy制作工具提示?
如何使用Kivy制作工具提示?

解决方法:

您可以改进和扩展的一个简单示例:

from kivy.app import App
from kivy.lang import Builder
from kivy.uix.widget import Widget
from kivy.core.window import Window
from kivy.uix.actionbar import ActionButton
from kivy.uix.label import Label
from kivy.clock import Clock

Builder.load_string("""
<Tooltip>:
    size_hint: None, None
    size: self.texture_size[0]+5, self.texture_size[1]+5
    canvas.before:
        Color:
            rgb: 0.2, 0.2, 0.2
        Rectangle:
            size: self.size
            pos: self.pos

<MyWidget>
    ActionBar:
        ActionView:
            MyActionButton:
                icon: 'atlas://data/images/defaulttheme/audio-volume-high'
            MyActionButton:
                icon: 'atlas://data/images/defaulttheme/audio-volume-high'                
""")

class Tooltip(Label):
    pass

class MyActionButton(ActionButton):
    tooltip = Tooltip(text='Hello world')

    def __init__(self, **kwargs):
        Window.bind(mouse_pos=self.on_mouse_pos)
        super(ActionButton, self).__init__(**kwargs)

    def on_mouse_pos(self, *args):
        if not self.get_root_window():
            return
        pos = args[1]
        self.tooltip.pos = pos
        Clock.unschedule(self.display_tooltip) # cancel scheduled event since I moved the cursor
        self.close_tooltip() # close if it's opened
        if self.collide_point(*self.to_widget(*pos)):
            Clock.schedule_once(self.display_tooltip, 1)

    def close_tooltip(self, *args):
        Window.remove_widget(self.tooltip)

    def display_tooltip(self, *args):
        Window.add_widget(self.tooltip)


class MyWidget(Widget):
    pass

class ClientApp(App):
    def build(self):
        return MyWidget()

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

首先,我将on_mouse_pos方法绑定到Window.mouse_pos事件,以便我可以检测鼠标光标悬停在我的ActionButton子类上的时间.这是基于this snippet.然后我使用Clock.schedule_once()进行操作,以便在我不移动光标时使工具箱可见.要显示我只是将一个Label的子类添加到窗口小部件堆栈中.您可以将display_tooltip()和close_tooltip()方法替换为更复杂的方法.

编辑:相应更新代码到this answer

上一篇:javascript-使alt标签显示更快


下一篇:javascript-D3工具提示无法在React组件中正确更新