Explore the world of files: Create an interactive file browser with Python

Table of contents

Primer:

Application scenario:

source code:

Source code description:

The effect is as follows:

---

D:\spiderdocs\previewjpegmdfile.py

Primer:

        In many applications, you need to conveniently view all pictures in a specific folder, such as gallery managers, photo album applications, picture editors, etc. Manually browsing through folders and viewing each file can be time-consuming and tedious. Therefore, in order to improve user experience and work efficiency, this code uses the wxPython library to create a tree structure containing files and folders, and restricts the display of only image files in the tree structure. This allows users to conveniently browse and select picture files in the tree structure without manual searching and filtering. In addition, the program provides a preview pane for displaying thumbnails or full images of pictures after the user selects them. This way, users can quickly browse and compare different pictures, allowing them to be managed and edited more easily. Therefore, this code provides a convenient and efficient way to view and manage pictures in a folder. "

Application scenario:

1. File Browser: This code can be used to create a simple file browser that allows users to browse all files and folders in a specified directory, and to select and navigate in a tree structure.
2. Image Viewer: By limiting the display of image files in the tree structure, this code can be used to create a simple image viewer that allows the user to select image files in the tree structure and view them in the preview pane.
3. File manager: This code can be used as a basic framework to create a complete file manager, allowing users to select files and folders in the tree structure, and perform operations such as copying, moving, and deleting.
4. File chooser: This code can be used to create a file chooser dialog that allows the user to browse all the files and folders in a specified directory and select a file or folder as input or output.
5. Image picker: By limiting the display of only image files in the tree structure, this code can be used to create an image selector dialog that allows the user to select an image file in the tree structure as input or output. "

source code:
 

import wx
import os

class MainFrame(wx.Frame):
    def __init__(self, parent, title):
        wx.Frame.__init__(self, parent, title=title, size=(800, 600))
        
        # 创建一个垂直布局的主容器，并将其设置为窗体的主布局管理器
        main_sizer = wx.BoxSizer(wx.VERTICAL)
        self.SetSizer(main_sizer)
        
        # 创建一个水平布局的容器，用于将树状组件和预览窗格放置在同一行
        hbox = wx.BoxSizer(wx.HORIZONTAL)
        main_sizer.Add(hbox, proportion=1, flag=wx.EXPAND|wx.ALL, border=5)
        
        # 创建一个按钮，用于打开文件夹选择对话框
        button = wx.Button(self, wx.ID_ANY, "Open Folder")
        hbox.Add(button, proportion=0, flag=wx.ALL, border=5)
        
        # 创建一个树状组件，用于显示指定目录中的所有文件
        self.tree = wx.TreeCtrl(self, style=wx.TR_DEFAULT_STYLE|wx.TR_HIDE_ROOT)
        self.root = self.tree.AddRoot("Root")
        hbox.Add(self.tree, proportion=1, flag=wx.EXPAND|wx.ALL, border=5)
        
        # 创建一个预览窗格，用于显示选定的图像文件
        self.preview = wx.StaticBitmap(self, wx.ID_ANY, wx.NullBitmap)
        hbox.Add(self.preview, proportion=1, flag=wx.EXPAND|wx.ALL, border=5)
        
        # 将按钮的单击事件绑定到处理函数self.on_open_folder()上
        button.Bind(wx.EVT_BUTTON, self.on_open_folder)
        
        # 将树状组件的选中事件绑定到处理函数self.on_tree_select()上
        self.Bind(wx.EVT_TREE_SEL_CHANGED, self.on_tree_select, self.tree)
        
        # 显示窗体
        self.Centre()
        self.Show(True)
    
    def create_tree(self, parent, path):
        # 递归地向树状组件中添加指定目录中的所有文件和子目录
        for item in os.listdir(path):
            fullpath = os.path.join(path, item)
            if os.path.isdir(fullpath):
                node = self.tree.AppendItem(parent, item)
                self.create_tree(node, fullpath)
            else:
                ext = os.path.splitext(fullpath)[1].lower()
                if ext in [".jpg", ".jpeg", ".png", ".bmp", ".gif"]:
                    self.tree.AppendItem(parent, item, data=fullpath)
    
    def on_open_folder(self, event):
        # 处理打开文件夹按钮的单击事件，打开文件夹选择对话框并更新树状组件
        dialog = wx.DirDialog(self, "Select a folder")
        if dialog.ShowModal() == wx.ID_OK:
            self.tree.DeleteChildren(self.root)
            self.create_tree(self.root, dialog.GetPath())
        dialog.Destroy()
                
    def on_tree_select(self, event):
        # 处理树状组件的选中事件，更新预览窗格中的图像文件
        item = event.GetItem()
        if item:
            filepath = self.tree.GetItemData(item)
            if filepath:
                image = wx.Image(filepath, wx.BITMAP_TYPE_ANY)
                self.preview.SetBitmap(wx.Bitmap(image))
                
if __name__ == "__main__":
    app = wx.App(False)
    frame = MainFrame(None, "File Viewer")
    app.MainLoop()

Source code description:

        This code is a simple Python program used to display a tree structure containing files and folders, and a preview function after selecting a file. The program uses the wxPython library, which is a Python GUI toolkit based on wxWidgets, which allows Python to easily create cross-platform desktop applications.

        The code contains a class called MainFrame, which inherits from wx.Frame, and is used to create the main frame. In the constructor of MainFrame, a vertical layout main container main_sizer is created and set as the form's main layout manager. Next, create a hbox container with a horizontal layout, place the tree component and the preview pane on the same row, and add the hbox to main_sizer. Then, create a tree component to display all files in the specified directory, and create a preview pane to display the selected image file. Finally, bind the selected event of the tree component to the processing function self.on_tree_select() and display the form.

        In the MainFrame class, there are two more methods: create_tree and on_tree_select. The create_tree method is used to recursively add all files and subdirectories in the specified directory to the tree component, and add the file name and the full path of the file to the tree component. The on_tree_select method is used to handle the selected event of the tree component and update the image file in the preview pane. When the user selects a file in the tree component, the program gets the full path of the file and loads the image using the wx.Image class in the wxPython library, then displays it in the preview pane.

        Finally, the program uses the wx.App class in the wxPython library to create an application instance app, and uses the MainFrame class to create a main window frame, and then calls the app's MainLoop() method to enter the event loop, waiting for user operations. When the user closes the form, the application exits.

The effect is as follows: