《Python+Kivy(App开发)从入门到实践》自学笔记：高级UX部件——Bubble气泡

章节知识点总览

5.1 Bubble气泡

        Bubble气泡市kivy提供的一个提示气泡小部件，可以指定气泡箭头的方向以及显示的图像。还可以在气泡中添加其他小部件。

5.1.1 使用方法：

        实例：在页面中添加Bubble气泡

        新建一个bubble.py文件来加载.kv文件，引入App类和BoxLayout布局，并设置背景颜色，具体内容如下：

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
 
 
class BubbleWidget(BoxLayout):
    def __init__(self,**kwargs):
        super().__init__(**kwargs)
 
 
class BubbleApp(App):
    def build(self):
        return BubbleWidget()
 
if __name__ == '__main__':
    from kivy.core.window import Window
    Window.clearcolor = [.8,.8,.8,1]
    BubbleApp().run()

        根据bubble.py文件中创建的BubbleApp()类，新建bubble.kv文件，在其中添加两个气泡，第一个气泡箭头方向进行特殊设置；第二个气泡内添加一个Button按钮，具体代码如下：

<BubbleWidget>:
	size_hint:.5,.2
	pos_hint:{'center_x':.5,'center_y':.5}
	Bubble:
		arrow_pos:'bottom_left'
 
	Bubble:
		Button:
			text:'Bubble'
			on_release:print('Bubble Button')

        执行bubble.py文件，点击右边气泡内的按钮，后台会显示'Bubble Button'的反馈，结果如下图：

 5.1.2 常用属性

        Bubble气泡常用属性

5.1.3 BubbleButton按钮

        在Bubble气泡内的触发事件，只能通过在其内部添加子部件来实现。Kivy内部Bubble包下已经定义好了BubbleButton小部件，功能与Button部件基本一致。

        实例： 使用BubbleButton按钮

        打开上面创建的bubble.kv文件，将其中的Button改为BubblButton，具体代码如下：

<BubbleWidget>:
	size_hint:.5,.2
	pos_hint:{'center_x':.5,'center_y':.5}
	Bubble:
		arrow_pos:'bottom_left'
 
	Bubble:
		BubbleButton:
			text:'BubbleBubble'
			on_release:print('Bubble Button')

        执行bubble.py文件，使用BubbleButton后，气泡内的按钮有了渐变色效果，功能与之前完全一致，如下图所示：

上一篇：简单UX部件——Video视频

下一篇：高级UX部件——DropDown下拉列表