如何在GTK-RS/Relm4中实现可展开的文件树？

你的代码核心问题在于子目录加载的路径处理、TreeExpander的绑定逻辑以及UI元素复用这几个点，以下是修正后的完整代码和问题说明：

修正后的代码 #

pub fn load_folder_view(state: &mut State) {
    let path = state.current_folder_path.clone();
    let file = File::for_path(&path);
    // 根目录的DirectoryList设置排序属性
    let dir_list = DirectoryList::new(Some("standard::name"), Some(&file));

    // 创建TreeListModel，修正子目录加载逻辑
    let model = TreeListModel::new(dir_list, false, false, move |item| {
        let file_info = item.downcast_ref::<FileInfo>().unwrap();
        // 从FileInfo获取对应的File实例，避免手动拼接路径的错误
        if let Some(file) = file_info.file() {
            if file.query_file_type(FileQueryInfoFlags::NONE, None)
                .unwrap_or_default()
                .is_dir()
            {
                // 子目录同样设置排序属性，确保子项正确加载显示
                let dir_list_local = DirectoryList::new(Some("standard::name"), Some(&file));
                Some(dir_list_local.into())
            } else {
                None
            }
        } else {
            None
        }
    });

    let selection = SingleSelection::new(Some(model.upcast()));
    let factory = SignalListItemFactory::new();

    // Setup阶段创建并复用UI元素，避免重复创建
    factory.connect_setup(move |_, list_item| {
        let label = Label::new(None);
        let expander = TreeExpander::builder()
            .child(&label)
            .build();
        // 将Label存储到list_item的状态中，方便Bind阶段更新文本
        list_item.set_state(Box::new(label));
        list_item.set_child(Some(&expander));
    });

    // Bind阶段正确绑定数据和TreeExpander
    factory.connect_bind(move |_, list_item| {
        // 从SingleSelection中获取TreeListRow
        let tree_row = list_item.item()
            .and_then(|item| item.downcast_ref::<TreeListRow>().cloned())
            .unwrap();
        
        let file_info = tree_row.item()
            .and_then(|item| item.downcast_ref::<FileInfo>())
            .unwrap();

        let expander = list_item.child()
            .and_downcast::<TreeExpander>()
            .unwrap();
        // 直接绑定当前项的TreeListRow，确保展开逻辑正确
        expander.set_list_row(Some(&tree_row));

        // 更新Label文本，处理可能的非UTF-8文件名
        let label = list_item.state::<Box<Label>>().unwrap();
        label.set_text(file_info.name().to_str().unwrap_or("无法识别的文件名"));
    });

    state.file_view.set_model(Some(&selection));
    state.file_view.set_factory(Some(&factory));
}

关键修正点说明 #

1. 子目录路径获取逻辑
   原代码手动拼接路径存在风险（比如特殊字符、符号链接、权限问题等），改为通过FileInfo::file()获取对应文件实例，确保子目录路径的准确性。

2. TreeExpander绑定逻辑
   原代码通过model.row(list_item.position())获取行数据，在列表滚动或动态加载时位置可能不准确。改为直接从list_item.item()获取当前的TreeListRow，并绑定到TreeExpander，确保展开状态与数据正确关联。

3. UI元素复用
   原代码每次Bind都创建新的Label，既低效又可能导致UI状态异常。改为在Setup阶段创建Label并存储到list_item的状态中，Bind阶段仅更新文本内容。

4. 子目录排序属性
   原代码创建子目录的DirectoryList时未设置排序属性，导致子项可能无法正确加载或排序。统一设置Some("standard::name")作为排序依据，确保子目录内容正常显示。

内容的提问来源于stack exchange，提问作者Cyncrovee