如何在Rust中正确访问Slint组件子元素的属性？

示例Slint代码 #

import { HorizontalBox , LineEdit} from "std-widgets.slint";

export component MainWindow inherits Window {
    callback line_edit_edited();
    HorizontalBox {
        LineEdit {
            edited => {
                root.line_edit_edited();
            }
        }
    }
}

对应Rust代码 #

slint::include_modules!();

fn main() -> Result<(), slint::PlatformError> {
    let ui = MainWindow::new()?;
    ui.on_line_edit_edited(move || {
        println!("Edited text /* How to get text from LineEdit here? */");
    });

    ui.run()
}

我希望在Rust代码中访问上述Slint里LineEdit的text属性。我知道可以通过绑定或单例实现，但如果存在数百个属性，全部从根组件访问并非理想方案，请问是否有其他解决办法？

解决办法 #

1. 让回调直接携带属性值 #

这是最轻量化的方案，直接在Slint的回调中传递需要的属性值，Rust端无需额外访问组件实例：

修改Slint代码：

import { HorizontalBox , LineEdit} from "std-widgets.slint";

export component MainWindow inherits Window {
    // 给回调添加字符串参数，用于传递文本
    callback line_edit_edited(string);
    HorizontalBox {
        LineEdit {
            edited => {
                root.line_edit_edited(self.text);
            }
        }
    }
}

对应的Rust代码：

slint::include_modules!();

fn main() -> Result<(), slint::PlatformError> {
    let ui = MainWindow::new()?;
    ui.on_line_edit_edited(move |text| {
        println!("Edited text: {}", text);
    });

    ui.run()
}

2. 给组件添加全局引用标识 #

如果需要访问组件的多个属性，而非单个值，可以在Slint中给目标组件标记global，Rust端直接通过标识获取组件实例：

修改Slint代码：

import { HorizontalBox , LineEdit} from "std-widgets.slint";

export component MainWindow inherits Window {
    callback line_edit_edited();
    HorizontalBox {
        // 给LineEdit添加全局标识input_field
        LineEdit := input_field {
            edited => {
                root.line_edit_edited();
            }
        }
    }
}

对应的Rust代码：

slint::include_modules!();

fn main() -> Result<(), slint::PlatformError> {
    let ui = MainWindow::new()?;
    // 通过全局标识获取LineEdit实例
    let input_field = ui.global::<LineEdit>("input_field");
    ui.on_line_edit_edited(move || {
        if let Some(text) = input_field.text() {
            println!("Edited text: {}", text);
        }
    });

    ui.run()
}

3. 封装独立子组件 #

针对大量同类组件（如多个输入框）的场景，将单个组件封装为独立的子组件，对外暴露需要的属性和回调，避免根组件臃肿：

子组件CustomInput.slint：

import { LineEdit } from "std-widgets.slint";

export component CustomInput inherits LineEdit {
    // 对外暴露携带文本的编辑回调
    callback text_edited(string);
    edited => {
        root.text_edited(self.text);
    }
}

主组件MainWindow.slint：

import { HorizontalBox } from "std-widgets.slint";
import { CustomInput } from "./CustomInput.slint";

export component MainWindow inherits Window {
    HorizontalBox {
        CustomInput {
            text_edited => {
                console.debug("Edited text:", $0);
            }
        }
        // 可批量添加同类组件，各自独立处理回调
        CustomInput {
            text_edited => {
                console.debug("Another input edited:", $0);
            }
        }
    }
}

Rust端直接处理子组件的回调即可，每个子组件的属性都通过自身暴露的接口获取，无需在根组件维护大量绑定。

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