《Python+Kivy(App开发)从入门到实践》自学笔记：高级UX部件——FileChooser文件选择器

章节知识点总览

        kivy中的FileChooser小部件提供了浏览文件的功能，它可以通过两种不同的方式(FileChooserListView图标显示，FileChooserIconView列表显示)显示文件或文件夹，这两种方式都提供了滚动和选择等基本的用户交互功能。

5.4.1 使用方法：

        新建一个filechooser.py文件，在filechooser.py文件中定义Popup弹窗和show_load()回调方法，具体代码如下：

from kivy.app import App
from kivy.uix.popup import Popup
from kivy.uix.boxlayout import BoxLayout
from kivy.properties import ObjectProperty
 
 
class MyFileChooser(BoxLayout):
    load = ObjectProperty(None)
    cancel = ObjectProperty(None)
 
class FileChooserBox(BoxLayout):
    loadfile = ObjectProperty(None)
 
    def __init__(self,**kwargs):
        super().__init__(**kwargs)
 
    def show_load(self):
        content = MyFileChooser(load=self.load,cancel=self.dismiss_popup)
        #打开一个弹窗
        self._popup = Popup(title='Load file',content=content,size_hint=(0.9,0.9))
        self._popup.open()
 
    def load(self,path,filename):
        print(path,filename)
        self.dismiss_popup()
 
    def dismiss_popup(self):
        #关闭弹窗
        self._popup.dismiss()
 
class FileChooserApp(App):
    def build(self):
        return FileChooserBox()
 
if __name__ == '__main__':
    FileChooserApp().run()
    

        根据filechooser.py文件中FilechooserApp()类，新建filechooser.kv文件，内容如下：

<MyFileChooser>:
	BoxLayout:
		size:root.size
		pos:root.pos
		orientation:'vertical'
		FileChooserIconView:
			id:filechooser
 
		BoxLayout:
			size_hint_y:None
			height:30
		
			Button:
				text:'Cancel'
				on_release:root.cancel()
			Button:
				text:'load'
				on_release:root.load(filechooser.path,filechooser.selection)
<FileChooserBox>:
	Button:
		text:'choose file'
		size_hint:.2,.1
		on_release:root.show_load()

        运行filechooser.py文件，点击choose file按钮，弹出文件路径及图标，选择文件后，后台打印该文件名。结果如下：

 

 

 

 5.4.2 常用属性

FileChooser文件选择器常用属性

上一篇：高级UX部件——Popup弹窗

下一篇：高级UX部件——Spinner选择框