{"id":88950,"date":"2026-08-02T04:09:52","date_gmt":"2026-08-01T20:09:52","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/88950.html"},"modified":"2026-08-02T04:09:52","modified_gmt":"2026-08-01T20:09:52","slug":"rust-slint%e5%bc%80%e5%8f%91%e7%95%8c%e9%9d%a2%e4%b8%8e%e9%80%bb%e8%be%91%e5%88%86%e7%a6%bb%e5%bc%80%e5%8f%91%e8%af%a6%e8%a7%a3","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/88950.html","title":{"rendered":"Rust Slint\u5f00\u53d1\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e3"},"content":{"rendered":"<\/p>\n<h4>Rust Slint\u5f00\u53d1\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e3<\/h4>\n<ul>\n<li>\u4e00\u3001\u6e90\u7801\u5206\u4eab<\/li>\n<li>\n<ul>\n<li>1\u3001\u5de5\u7a0b\u7ed3\u6784<\/li>\n<li>2\u3001main.rs<\/li>\n<li>3\u3001ui_backend.rs<\/li>\n<li>4\u3001main.slint<\/li>\n<li>5\u3001models.slint<\/li>\n<li>6\u3001Cargo.toml<\/li>\n<li>7\u3001\u8fd0\u884c\u7ed3\u679c<\/li>\n<\/ul>\n<\/li>\n<li>\u4e8c\u3001\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e3<\/li>\n<li>\n<ul>\n<li>1\u3001 \u5206\u79bb\u67b6\u6784\u7684\u6838\u5fc3\u601d\u60f3<\/li>\n<li>2\u3001 \u9879\u76ee\u7ed3\u6784\u4e0e\u804c\u8d23\u5206\u6790<\/li>\n<li>\n<ul>\n<li>2.1 \u3001\u6a21\u578b\u5c42 (&#096;models.slint&#096;): \u5b9a\u4e49\u5951\u7ea6<\/li>\n<li>2.2 \u3001\u89c6\u56fe\u5c42 (&#096;main.slint&#096;): \u63cf\u8ff0\u754c\u9762<\/li>\n<li>2.3\u3001 \u903b\u8f91\u5c42 (&#096;ui_backend.rs&#096;): \u5b9e\u73b0\u4e1a\u52a1<\/li>\n<li>2.4 \u3001\u80f6\u6c34\u5c42 (&#096;main.rs&#096;): \u88c5\u914d\u4e00\u5207<\/li>\n<\/ul>\n<\/li>\n<li>3\u3001 \u6570\u636e\u6d41\u4e0e\u901a\u4fe1\u673a\u5236<\/li>\n<li>4\u3001\u5206\u79bb\u67b6\u6784\u7684\u4f18\u52bf\u4e0e\u6700\u4f73\u5b9e\u8df5<\/li>\n<li>\n<ul>\n<li>\u4f18\u52bf<\/li>\n<li>\u6700\u4f73\u5b9e\u8df5<\/li>\n<\/ul>\n<\/li>\n<li>5\u3001\u603b\u7ed3<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/08\/20260801200946-6a6e528a6da3b.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<h2>\u4e00\u3001\u6e90\u7801\u5206\u4eab<\/h2>\n<h3>1\u3001\u5de5\u7a0b\u7ed3\u6784<\/h3>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/08\/20260801200951-6a6e528f44053.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<h3>2\u3001main.rs<\/h3>\n<p><span class=\"token namespace\">slint<span class=\"token punctuation\">::<\/span><\/span><span class=\"token macro property\">include_modules!<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token keyword\">mod<\/span> <span class=\"token module-declaration namespace\">ui_backend<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token keyword\">use<\/span> <span class=\"token namespace\">ui_backend<span class=\"token punctuation\">::<\/span><\/span><span class=\"token class-name\">UIBackend<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p><span class=\"token keyword\">fn<\/span> <span class=\"token function-definition function\">main<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><\/p>\n<p>    <span class=\"token keyword\">let<\/span> main_window <span class=\"token operator\">&#061;<\/span> <span class=\"token class-name\">MainWindow<\/span><span class=\"token punctuation\">::<\/span><span class=\"token function\">new<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">unwrap<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">let<\/span> window_weak<span class=\"token punctuation\">:<\/span> <span class=\"token namespace\">slint<span class=\"token punctuation\">::<\/span><\/span><span class=\"token class-name\">Weak<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token class-name\">MainWindow<\/span><span class=\"token operator\">&gt;<\/span> <span class=\"token operator\">&#061;<\/span> main_window<span class=\"token punctuation\">.<\/span><span class=\"token function\">as_weak<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>    <span class=\"token keyword\">let<\/span> backend <span class=\"token operator\">&#061;<\/span> <span class=\"token class-name\">UIBackend<\/span><span class=\"token punctuation\">::<\/span><span class=\"token function\">new<\/span><span class=\"token punctuation\">(<\/span>window_weak<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    backend<span class=\"token punctuation\">.<\/span><span class=\"token function\">bind<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>    main_window<span class=\"token punctuation\">.<\/span><span class=\"token function\">run<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">unwrap<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span>                             <\/p>\n<h3>3\u3001ui_backend.rs<\/h3>\n<p><span class=\"token keyword\">use<\/span> <span class=\"token keyword\">crate<\/span><span class=\"token punctuation\">::<\/span>slint_generatedMainWindow<span class=\"token punctuation\">::<\/span><span class=\"token punctuation\">{<\/span><span class=\"token class-name\">MainWindow<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">DataAdapter<\/span><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token keyword\">use<\/span> <span class=\"token namespace\">slint<span class=\"token punctuation\">::<\/span><\/span><span class=\"token punctuation\">{<\/span><span class=\"token class-name\">ComponentHandle<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">ToSharedString<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">Weak<\/span><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token keyword\">pub<\/span> <span class=\"token keyword\">struct<\/span> <span class=\"token type-definition class-name\">UIBackend<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    window<span class=\"token punctuation\">:<\/span> <span class=\"token class-name\">Weak<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token class-name\">MainWindow<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">,<\/span><br \/>\n<span class=\"token punctuation\">}<\/span>   <\/p>\n<p><span class=\"token keyword\">impl<\/span> <span class=\"token class-name\">UIBackend<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token keyword\">pub<\/span> <span class=\"token keyword\">fn<\/span> <span class=\"token function-definition function\">new<\/span><span class=\"token punctuation\">(<\/span>window<span class=\"token punctuation\">:<\/span> <span class=\"token class-name\">Weak<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token class-name\">MainWindow<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">-&gt;<\/span> <span class=\"token keyword\">Self<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token keyword\">Self<\/span> <span class=\"token punctuation\">{<\/span> window <span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><\/p>\n<p>    <span class=\"token comment\">\/\/ \u5efa\u8bae\u6539\u6210 &amp;self&#xff0c;\u907f\u514d\u8f6c\u79fb\u6240\u6709\u6743<\/span><br \/>\n    <span class=\"token keyword\">pub<\/span> <span class=\"token keyword\">fn<\/span> <span class=\"token function-definition function\">bind<\/span><span class=\"token punctuation\">(<\/span><span class=\"token operator\">&amp;<\/span><span class=\"token keyword\">self<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token keyword\">self<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">bind_btn_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><\/p>\n<p>    <span class=\"token keyword\">fn<\/span> <span class=\"token function-definition function\">bind_btn_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token operator\">&amp;<\/span><span class=\"token keyword\">self<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token keyword\">let<\/span> <span class=\"token class-name\">Some<\/span><span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token keyword\">self<\/span><span class=\"token punctuation\">.<\/span>window<span class=\"token punctuation\">.<\/span><span class=\"token function\">clone<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">upgrade<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token keyword\">else<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token keyword\">return<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token keyword\">let<\/span> app_global <span class=\"token operator\">&#061;<\/span> app<span class=\"token punctuation\">.<\/span><span class=\"token function\">global<\/span><span class=\"token punctuation\">::<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token class-name\">DataAdapter<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>        app_global<span class=\"token punctuation\">.<\/span><span class=\"token function\">on_btn_1_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token keyword\">let<\/span> weak<span class=\"token punctuation\">:<\/span> <span class=\"token namespace\">slint<span class=\"token punctuation\">::<\/span><\/span><span class=\"token class-name\">Weak<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token class-name\">MainWindow<\/span><span class=\"token operator\">&gt;<\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token keyword\">self<\/span><span class=\"token punctuation\">.<\/span>window<span class=\"token punctuation\">.<\/span><span class=\"token function\">clone<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token keyword\">move<\/span> <span class=\"token closure-params\"><span class=\"token closure-punctuation punctuation\">|<\/span><span class=\"token closure-punctuation punctuation\">|<\/span><\/span>  <span class=\"token punctuation\">{<\/span><br \/>\n                <span class=\"token keyword\">if<\/span> <span class=\"token keyword\">let<\/span> <span class=\"token class-name\">Some<\/span><span class=\"token punctuation\">(<\/span>strong<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;<\/span> weak<span class=\"token punctuation\">.<\/span><span class=\"token function\">upgrade<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                    <span class=\"token keyword\">let<\/span> _adapter<span class=\"token punctuation\">:<\/span> <span class=\"token class-name\">DataAdapter<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token lifetime-annotation symbol\">&#039;_<\/span><span class=\"token operator\">&gt;<\/span> <span class=\"token operator\">&#061;<\/span> strong<span class=\"token punctuation\">.<\/span><span class=\"token function\">global<\/span><span class=\"token punctuation\">::<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token class-name\">DataAdapter<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n                    <span class=\"token macro property\">println!<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;btn 1 clicked&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n                <span class=\"token punctuation\">}<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        app_global<span class=\"token punctuation\">.<\/span><span class=\"token function\">on_btn_2_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token keyword\">let<\/span> weak<span class=\"token punctuation\">:<\/span> <span class=\"token namespace\">slint<span class=\"token punctuation\">::<\/span><\/span><span class=\"token class-name\">Weak<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token class-name\">MainWindow<\/span><span class=\"token operator\">&gt;<\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token keyword\">self<\/span><span class=\"token punctuation\">.<\/span>window<span class=\"token punctuation\">.<\/span><span class=\"token function\">clone<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token keyword\">move<\/span> <span class=\"token closure-params\"><span class=\"token closure-punctuation punctuation\">|<\/span><span class=\"token closure-punctuation punctuation\">|<\/span><\/span>  <span class=\"token punctuation\">{<\/span><br \/>\n                <span class=\"token keyword\">if<\/span> <span class=\"token keyword\">let<\/span> <span class=\"token class-name\">Some<\/span><span class=\"token punctuation\">(<\/span>strong<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;<\/span> weak<span class=\"token punctuation\">.<\/span><span class=\"token function\">upgrade<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                    <span class=\"token keyword\">let<\/span> _adapter<span class=\"token punctuation\">:<\/span> <span class=\"token class-name\">DataAdapter<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token lifetime-annotation symbol\">&#039;_<\/span><span class=\"token operator\">&gt;<\/span> <span class=\"token operator\">&#061;<\/span> strong<span class=\"token punctuation\">.<\/span><span class=\"token function\">global<\/span><span class=\"token punctuation\">::<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token class-name\">DataAdapter<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n                    <span class=\"token macro property\">println!<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;btn 2 clicked&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n                <span class=\"token punctuation\">}<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        app_global<span class=\"token punctuation\">.<\/span><span class=\"token function\">on_btn_3_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token keyword\">let<\/span> weak<span class=\"token punctuation\">:<\/span> <span class=\"token namespace\">slint<span class=\"token punctuation\">::<\/span><\/span><span class=\"token class-name\">Weak<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token class-name\">MainWindow<\/span><span class=\"token operator\">&gt;<\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token keyword\">self<\/span><span class=\"token punctuation\">.<\/span>window<span class=\"token punctuation\">.<\/span><span class=\"token function\">clone<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token keyword\">move<\/span> <span class=\"token closure-params\"><span class=\"token closure-punctuation punctuation\">|<\/span><span class=\"token closure-punctuation punctuation\">|<\/span><\/span>  <span class=\"token punctuation\">{<\/span><br \/>\n                <span class=\"token keyword\">if<\/span> <span class=\"token keyword\">let<\/span> <span class=\"token class-name\">Some<\/span><span class=\"token punctuation\">(<\/span>strong<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;<\/span> weak<span class=\"token punctuation\">.<\/span><span class=\"token function\">upgrade<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                    <span class=\"token keyword\">let<\/span> adapter<span class=\"token punctuation\">:<\/span> <span class=\"token class-name\">DataAdapter<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token lifetime-annotation symbol\">&#039;_<\/span><span class=\"token operator\">&gt;<\/span> <span class=\"token operator\">&#061;<\/span> strong<span class=\"token punctuation\">.<\/span><span class=\"token function\">global<\/span><span class=\"token punctuation\">::<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token class-name\">DataAdapter<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n                    <span class=\"token macro property\">println!<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;btn 3 clicked&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n                    adapter<span class=\"token punctuation\">.<\/span><span class=\"token function\">set_test<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;100&#034;<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">to_shared_string<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n                <span class=\"token punctuation\">}<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>    <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<h3>4\u3001main.slint<\/h3>\n<p>import <span class=\"token punctuation\">{<\/span> <span class=\"token class-name\">AboutSlint<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">VerticalBox<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">LineEdit<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">HorizontalBox<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">Button<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">GroupBox<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">GridBox<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    <span class=\"token class-name\">ComboBox<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">Spinner<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">Slider<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">ListView<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">Palette<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">ProgressIndicator<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">CheckBox<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token class-name\">Switch<\/span> <span class=\"token punctuation\">}<\/span> from <span class=\"token string\">&#034;std-widgets.slint&#034;<\/span><span class=\"token punctuation\">;<\/span><br \/>\nimport <span class=\"token punctuation\">{<\/span> <span class=\"token class-name\">DataAdapter<\/span><span class=\"token punctuation\">}<\/span> from <span class=\"token string\">&#034;models.slint&#034;<\/span><span class=\"token punctuation\">;<\/span><br \/>\nexport <span class=\"token punctuation\">{<\/span> <span class=\"token class-name\">DataAdapter<\/span> <span class=\"token punctuation\">}<\/span> from <span class=\"token string\">&#034;models.slint&#034;<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>export <span class=\"token keyword\">struct<\/span> <span class=\"token type-definition class-name\">CardData<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    color<span class=\"token punctuation\">:<\/span> string<span class=\"token punctuation\">,<\/span><br \/>\n    icon<span class=\"token punctuation\">:<\/span> string<span class=\"token punctuation\">,<\/span><br \/>\n    index<span class=\"token punctuation\">:<\/span> int<span class=\"token punctuation\">,<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p>export component <span class=\"token class-name\">MainWindow<\/span> inherits <span class=\"token class-name\">Window<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    width<span class=\"token punctuation\">:<\/span> 800px<span class=\"token punctuation\">;<\/span><br \/>\n    height<span class=\"token punctuation\">:<\/span> 600px<span class=\"token punctuation\">;<\/span><br \/>\n    title<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;tedt&#034;<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    background<span class=\"token punctuation\">:<\/span> gray<span class=\"token punctuation\">;<\/span><\/p>\n<p>    <span class=\"token class-name\">VerticalLayout<\/span>  <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token class-name\">Button<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> 150px<span class=\"token punctuation\">;<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> 50px<span class=\"token punctuation\">;<\/span><br \/>\n            text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;Click me&#034;<\/span><span class=\"token punctuation\">;<\/span><br \/>\n            clicked <span class=\"token operator\">&#061;&gt;<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                <span class=\"token class-name\">DataAdapter<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">btn_1_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token class-name\">Button<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> 150px<span class=\"token punctuation\">;<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> 50px<span class=\"token punctuation\">;<\/span><br \/>\n            text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;Click me&#034;<\/span><span class=\"token punctuation\">;<\/span><br \/>\n            clicked <span class=\"token operator\">&#061;&gt;<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                <span class=\"token class-name\">DataAdapter<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">btn_2_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token class-name\">Button<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> 150px<span class=\"token punctuation\">;<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> 50px<span class=\"token punctuation\">;<\/span><br \/>\n            text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;Click me&#034;<\/span><span class=\"token punctuation\">;<\/span><br \/>\n            clicked <span class=\"token operator\">&#061;&gt;<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                <span class=\"token class-name\">DataAdapter<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">btn_3_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token class-name\">Text<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            width<span class=\"token punctuation\">:<\/span> 150px<span class=\"token punctuation\">;<\/span><br \/>\n            height<span class=\"token punctuation\">:<\/span> 50px<span class=\"token punctuation\">;<\/span><br \/>\n            text<span class=\"token punctuation\">:<\/span> <span class=\"token class-name\">DataAdapter<\/span><span class=\"token punctuation\">.<\/span>test<span class=\"token punctuation\">;<\/span><br \/>\n            horizontal<span class=\"token operator\">&#8211;<\/span>alignment<span class=\"token punctuation\">:<\/span> center<span class=\"token punctuation\">;<\/span><br \/>\n            vertical<span class=\"token operator\">&#8211;<\/span>alignment<span class=\"token punctuation\">:<\/span> center<span class=\"token punctuation\">;<\/span><br \/>\n            font<span class=\"token operator\">&#8211;<\/span>size<span class=\"token punctuation\">:<\/span> 20px<span class=\"token punctuation\">;<\/span><br \/>\n            color<span class=\"token punctuation\">:<\/span> white<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token punctuation\">}<\/span><\/p>\n<h3>5\u3001models.slint<\/h3>\n<p>export global <span class=\"token class-name\">DataAdapter<\/span> <span class=\"token punctuation\">{<\/span><\/p>\n<p>     <span class=\"token keyword\">in<\/span><span class=\"token operator\">&#8211;<\/span>out property <span class=\"token operator\">&lt;<\/span>string<span class=\"token operator\">&gt;<\/span> test<span class=\"token punctuation\">:<\/span><span class=\"token string\">&#034;0&#034;<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>    callback <span class=\"token function\">btn_1_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    callback <span class=\"token function\">btn_2_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    callback <span class=\"token function\">btn_3_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    callback <span class=\"token function\">btn_4_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    callback <span class=\"token function\">btn_5_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<h3>6\u3001Cargo.toml<\/h3>\n<p><span class=\"token punctuation\">[<\/span>package<span class=\"token punctuation\">]<\/span><br \/>\nname <span class=\"token operator\">&#061;<\/span> <span class=\"token string\">&#034;chart&#034;<\/span><br \/>\nversion <span class=\"token operator\">&#061;<\/span> <span class=\"token string\">&#034;0.1.0&#034;<\/span><br \/>\nedition <span class=\"token operator\">&#061;<\/span> <span class=\"token string\">&#034;2024&#034;<\/span><\/p>\n<p><span class=\"token punctuation\">[<\/span>dependencies<span class=\"token punctuation\">]<\/span><br \/>\nslint <span class=\"token operator\">&#061;<\/span> <span class=\"token string\">&#034;1.16.1&#034;<\/span><br \/>\n<span class=\"token punctuation\">[<\/span>build<span class=\"token operator\">&#8211;<\/span>dependencies<span class=\"token punctuation\">]<\/span><br \/>\nslint<span class=\"token operator\">&#8211;<\/span>build <span class=\"token operator\">&#061;<\/span> <span class=\"token string\">&#034;1.16.1&#034;<\/span><\/p>\n<h3>7\u3001\u8fd0\u884c\u7ed3\u679c<\/h3>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/08\/20260801200951-6a6e528f53fa6.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<h2>\u4e8c\u3001\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e3<\/h2>\n<p>\u672c\u6587\u5c06\u901a\u8fc7\u4e00\u4e2a\u5b8c\u6574\u7684\u793a\u4f8b\u9879\u76ee&#xff0c;\u8be6\u7ec6\u8bb2\u89e3\u5982\u4f55\u5728 Rust \u4e2d\u4f7f\u7528 Slint \u6846\u67b6\u5b9e\u73b0\u754c\u9762&#xff08;UI&#xff09;\u4e0e\u4e1a\u52a1\u903b\u8f91&#xff08;Business Logic&#xff09;\u7684\u5206\u79bb\u5f00\u53d1\u3002\u8fd9\u79cd\u67b6\u6784\u6a21\u5f0f\u662f\u73b0\u4ee3 GUI \u5e94\u7528\u5f00\u53d1\u7684\u6838\u5fc3&#xff0c;\u5b83\u80fd\u663e\u8457\u63d0\u5347\u4ee3\u7801\u7684\u53ef\u7ef4\u62a4\u6027\u3001\u53ef\u6d4b\u8bd5\u6027\u548c\u56e2\u961f\u534f\u4f5c\u6548\u7387\u3002<\/p>\n<h3>1\u3001 \u5206\u79bb\u67b6\u6784\u7684\u6838\u5fc3\u601d\u60f3<\/h3>\n<p>\u5728\u4f20\u7edf\u7684 GUI \u5f00\u53d1\u4e2d&#xff0c;\u754c\u9762\u4ee3\u7801&#xff08;\u5982\u6309\u94ae\u70b9\u51fb\u5904\u7406\u3001\u6570\u636e\u7ed1\u5b9a&#xff09;\u5e38\u5e38\u4e0e\u4e1a\u52a1\u903b\u8f91&#xff08;\u5982\u6570\u636e\u8ba1\u7b97\u3001\u7f51\u7edc\u8bf7\u6c42&#xff09;\u6df7\u6742\u5728\u4e00\u8d77&#xff0c;\u5bfc\u81f4\u4ee3\u7801\u81c3\u80bf\u3001\u96be\u4ee5\u590d\u7528\u548c\u6d4b\u8bd5\u3002<\/p>\n<p>Slint \u901a\u8fc7\u5176\u58f0\u660e\u5f0f UI \u8bed\u8a00\u548c\u5f3a\u5927\u7684 Rust \u7ed1\u5b9a&#xff0c;\u5929\u7136\u652f\u6301 MVC&#xff08;Model-View-Controller&#xff09; \u6216 MVVM&#xff08;Model-View-ViewModel&#xff09; \u6a21\u5f0f\u3002\u6211\u4eec\u7684\u76ee\u6807\u662f\u5c06\u4ee3\u7801\u6e05\u6670\u5730\u5212\u5206\u4e3a\u4e09\u4e2a\u5c42\u6b21&#xff1a;<\/p>\n<li>\u89c6\u56fe\u5c42 (View): \u7531 .slint \u6587\u4ef6\u5b9a\u4e49&#xff0c;\u7eaf\u58f0\u660e\u5f0f&#xff0c;\u63cf\u8ff0\u754c\u9762\u7ed3\u6784\u3001\u6837\u5f0f\u548c\u4e0e\u6570\u636e\u6a21\u578b\u7684\u7ed1\u5b9a\u5173\u7cfb\u3002<\/li>\n<li>\u6a21\u578b\/\u9002\u914d\u5668\u5c42 (Model\/Adapter): \u5728 .slint \u6587\u4ef6\u4e2d\u5b9a\u4e49\u7684 global \u63a5\u53e3\u6216 struct\u3002\u5b83\u4f5c\u4e3a\u89c6\u56fe\u4e0e\u540e\u7aef\u903b\u8f91\u4e4b\u95f4\u7684\u5951\u7ea6&#xff0c;\u5b9a\u4e49\u4e86\u5c5e\u6027&#xff08;property&#xff09;\u548c\u56de\u8c03&#xff08;callback&#xff09;\u3002<\/li>\n<li>\u903b\u8f91\u5c42 (Logic\/Backend): \u5728 Rust \u6587\u4ef6\u4e2d\u5b9e\u73b0&#xff0c;\u8d1f\u8d23\u6240\u6709\u4e1a\u52a1\u903b\u8f91\u3001\u72b6\u6001\u7ba1\u7406\u548c\u5bf9\u6a21\u578b\u63a5\u53e3\u7684\u5177\u4f53\u5b9e\u73b0\u3002<\/li>\n<h3>2\u3001 \u9879\u76ee\u7ed3\u6784\u4e0e\u804c\u8d23\u5206\u6790<\/h3>\n<p>\u56de\u987e\u6211\u4eec\u7684\u793a\u4f8b\u5de5\u7a0b\u7ed3\u6784&#xff1a;<\/p>\n<p>src\/<br \/>\n\u251c\u2500\u2500 main.rs          # \u5e94\u7528\u5165\u53e3&#xff0c;\u8d1f\u8d23\u7a97\u53e3\u521b\u5efa\u548c\u524d\u540e\u7aef\u7ed1\u5b9a<br \/>\n\u251c\u2500\u2500 ui_backend.rs    # \u540e\u7aef\u903b\u8f91\u5b9e\u73b0 (Logic Layer)<br \/>\n\u251c\u2500\u2500 build.rs         # Slint \u7f16\u8bd1\u811a\u672c (\u901a\u5e38\u81ea\u52a8\u751f\u6210)<br \/>\nslint\/<br \/>\n\u251c\u2500\u2500 main.slint       # \u4e3b\u7a97\u53e3UI\u5b9a\u4e49 (View Layer)<br \/>\n\u2514\u2500\u2500 models.slint     # \u6570\u636e\u6a21\u578b\/\u9002\u914d\u5668\u5b9a\u4e49 (Model\/Adapter Layer)<\/p>\n<h4>2.1 \u3001\u6a21\u578b\u5c42 (models.slint): \u5b9a\u4e49\u5951\u7ea6<\/h4>\n<p>export global <span class=\"token class-name\">DataAdapter<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token comment\">\/\/ \u5b9a\u4e49\u4e00\u4e2a\u53ef\u53cc\u5411\u7ed1\u5b9a\u7684\u5c5e\u6027<\/span><br \/>\n    <span class=\"token keyword\">in<\/span><span class=\"token operator\">&#8211;<\/span>out property <span class=\"token operator\">&lt;<\/span>string<span class=\"token operator\">&gt;<\/span> test<span class=\"token punctuation\">:<\/span><span class=\"token string\">&#034;0&#034;<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token comment\">\/\/ \u5b9a\u4e49\u4e00\u7cfb\u5217\u56de\u8c03\u51fd\u6570&#xff0c;\u4f9bUI\u89e6\u53d1<\/span><br \/>\n    callback <span class=\"token function\">btn_1_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    callback <span class=\"token function\">btn_2_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    callback <span class=\"token function\">btn_3_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<ul>\n<li>\u4f5c\u7528: \u8fd9\u662f\u5206\u79bb\u67b6\u6784\u7684\u6838\u5fc3\u3002\u5b83\u4e0d\u5173\u5fc3\u754c\u9762\u5982\u4f55\u5e03\u5c40&#xff0c;\u4e5f\u4e0d\u5173\u5fc3\u903b\u8f91\u5982\u4f55\u5b9e\u73b0&#xff0c;\u53ea\u58f0\u660e\u201c\u6709\u4ec0\u4e48\u6570\u636e\u201d\u548c\u201c\u80fd\u53d1\u751f\u4ec0\u4e48\u4ea4\u4e92\u201d\u3002<\/li>\n<li>in-out property: \u58f0\u660e\u4e00\u4e2a\u53ef\u4ee5\u88ab UI \u8bfb\u53d6\u548c\u5199\u5165&#xff0c;\u540c\u65f6\u4e5f\u80fd\u88ab Rust \u4ee3\u7801\u4fee\u6539\u7684\u5c5e\u6027\u3002UI \u4e2d\u7684 Text { text: DataAdapter.test; } \u5c31\u7ed1\u5b9a\u4e86\u5b83\u3002<\/li>\n<li>callback: \u58f0\u660e\u4e00\u4e2a\u53ef\u4ee5\u7531 UI \u89e6\u53d1\u7684\u4e8b\u4ef6\u3002UI \u4e2d\u7684 clicked &#061;&gt; { DataAdapter.btn_1_clicked(); } \u5c31\u662f\u5728\u8c03\u7528\u5b83\u3002<\/li>\n<\/ul>\n<h4>2.2 \u3001\u89c6\u56fe\u5c42 (main.slint): \u63cf\u8ff0\u754c\u9762<\/h4>\n<p>export component <span class=\"token class-name\">MainWindow<\/span> inherits <span class=\"token class-name\">Window<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token comment\">\/\/ &#8230; \u7a97\u53e3\u5c5e\u6027<\/span><br \/>\n    <span class=\"token class-name\">VerticalLayout<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token class-name\">Button<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            text<span class=\"token punctuation\">:<\/span> <span class=\"token string\">&#034;Click me&#034;<\/span><span class=\"token punctuation\">;<\/span><br \/>\n            clicked <span class=\"token operator\">&#061;&gt;<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                <span class=\"token comment\">\/\/ \u8c03\u7528\u6a21\u578b\u5c42\u58f0\u660e\u7684\u56de\u8c03&#xff0c;\u4e0d\u5305\u542b\u5177\u4f53\u903b\u8f91<\/span><br \/>\n                <span class=\"token class-name\">DataAdapter<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">btn_1_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token class-name\">Text<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token comment\">\/\/ \u7ed1\u5b9a\u6a21\u578b\u5c42\u58f0\u660e\u7684\u5c5e\u6027<\/span><br \/>\n            text<span class=\"token punctuation\">:<\/span> <span class=\"token class-name\">DataAdapter<\/span><span class=\"token punctuation\">.<\/span>test<span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<ul>\n<li>\u4f5c\u7528: \u7eaf\u63cf\u8ff0\u3002\u5b83\u901a\u8fc7 import \u4f7f\u7528\u6a21\u578b\u5c42 (DataAdapter)&#xff0c;\u5e76\u5c06\u754c\u9762\u5143\u7d20&#xff08;\u6309\u94ae\u7684\u70b9\u51fb\u4e8b\u4ef6\u3001\u6587\u672c\u7684\u663e\u793a\u5185\u5bb9&#xff09;\u4e0e\u6a21\u578b\u5c42\u7684\u56de\u8c03\u548c\u5c5e\u6027\u7ed1\u5b9a\u3002\u8fd9\u91cc\u6ca1\u6709\u4efb\u4f55 Rust \u4ee3\u7801\u6216\u4e1a\u52a1\u903b\u8f91\u3002<\/li>\n<\/ul>\n<h4>2.3\u3001 \u903b\u8f91\u5c42 (ui_backend.rs): \u5b9e\u73b0\u4e1a\u52a1<\/h4>\n<p><span class=\"token keyword\">pub<\/span> <span class=\"token keyword\">struct<\/span> <span class=\"token type-definition class-name\">UIBackend<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    window<span class=\"token punctuation\">:<\/span> <span class=\"token class-name\">Weak<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token class-name\">MainWindow<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token comment\">\/\/ \u6301\u6709\u7a97\u53e3\u7684\u5f31\u5f15\u7528&#xff0c;\u7528\u4e8e\u8bbf\u95eeUI\u7ec4\u4ef6\u548c\u6a21\u578b<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<p><span class=\"token keyword\">impl<\/span> <span class=\"token class-name\">UIBackend<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token keyword\">pub<\/span> <span class=\"token keyword\">fn<\/span> <span class=\"token function-definition function\">new<\/span><span class=\"token punctuation\">(<\/span>window<span class=\"token punctuation\">:<\/span> <span class=\"token class-name\">Weak<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token class-name\">MainWindow<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">-&gt;<\/span> <span class=\"token keyword\">Self<\/span> <span class=\"token punctuation\">{<\/span> <span class=\"token punctuation\">&#8230;<\/span> <span class=\"token punctuation\">}<\/span><br \/>\n    <span class=\"token keyword\">pub<\/span> <span class=\"token keyword\">fn<\/span> <span class=\"token function-definition function\">bind<\/span><span class=\"token punctuation\">(<\/span><span class=\"token operator\">&amp;<\/span><span class=\"token keyword\">self<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token keyword\">self<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">bind_btn_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><\/p>\n<p>    <span class=\"token keyword\">fn<\/span> <span class=\"token function-definition function\">bind_btn_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token operator\">&amp;<\/span><span class=\"token keyword\">self<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n        <span class=\"token keyword\">let<\/span> <span class=\"token class-name\">Some<\/span><span class=\"token punctuation\">(<\/span>app<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;<\/span> <span class=\"token keyword\">self<\/span><span class=\"token punctuation\">.<\/span>window<span class=\"token punctuation\">.<\/span><span class=\"token function\">upgrade<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token keyword\">else<\/span> <span class=\"token punctuation\">{<\/span> <span class=\"token keyword\">return<\/span> <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span><br \/>\n        <span class=\"token keyword\">let<\/span> app_global <span class=\"token operator\">&#061;<\/span> app<span class=\"token punctuation\">.<\/span><span class=\"token function\">global<\/span><span class=\"token punctuation\">::<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token class-name\">DataAdapter<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>        <span class=\"token comment\">\/\/ \u5b9e\u73b0 models.slint \u4e2d\u5b9a\u4e49\u7684 btn_1_clicked \u56de\u8c03<\/span><br \/>\n        app_global<span class=\"token punctuation\">.<\/span><span class=\"token function\">on_btn_1_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token keyword\">let<\/span> weak <span class=\"token operator\">&#061;<\/span> <span class=\"token keyword\">self<\/span><span class=\"token punctuation\">.<\/span>window<span class=\"token punctuation\">.<\/span><span class=\"token function\">clone<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token keyword\">move<\/span> <span class=\"token closure-params\"><span class=\"token closure-punctuation punctuation\">|<\/span><span class=\"token closure-punctuation punctuation\">|<\/span><\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                <span class=\"token keyword\">if<\/span> <span class=\"token keyword\">let<\/span> <span class=\"token class-name\">Some<\/span><span class=\"token punctuation\">(<\/span>strong<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;<\/span> weak<span class=\"token punctuation\">.<\/span><span class=\"token function\">upgrade<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                    <span class=\"token macro property\">println!<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;btn 1 clicked&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n                    <span class=\"token comment\">\/\/ \u8fd9\u91cc\u53ef\u4ee5\u6267\u884c\u590d\u6742\u7684\u4e1a\u52a1\u903b\u8f91&#xff0c;\u5982\u7f51\u7edc\u8bf7\u6c42\u3001\u8ba1\u7b97<\/span><br \/>\n                <span class=\"token punctuation\">}<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>        <span class=\"token comment\">\/\/ \u5b9e\u73b0 btn_3_clicked \u56de\u8c03&#xff0c;\u5e76\u4fee\u6539UI\u5c5e\u6027<\/span><br \/>\n        app_global<span class=\"token punctuation\">.<\/span><span class=\"token function\">on_btn_3_clicked<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span><br \/>\n            <span class=\"token keyword\">let<\/span> weak <span class=\"token operator\">&#061;<\/span> <span class=\"token keyword\">self<\/span><span class=\"token punctuation\">.<\/span>window<span class=\"token punctuation\">.<\/span><span class=\"token function\">clone<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n            <span class=\"token keyword\">move<\/span> <span class=\"token closure-params\"><span class=\"token closure-punctuation punctuation\">|<\/span><span class=\"token closure-punctuation punctuation\">|<\/span><\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                <span class=\"token keyword\">if<\/span> <span class=\"token keyword\">let<\/span> <span class=\"token class-name\">Some<\/span><span class=\"token punctuation\">(<\/span>strong<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">&#061;<\/span> weak<span class=\"token punctuation\">.<\/span><span class=\"token function\">upgrade<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n                    <span class=\"token keyword\">let<\/span> adapter<span class=\"token punctuation\">:<\/span> <span class=\"token class-name\">DataAdapter<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token lifetime-annotation symbol\">&#039;_<\/span><span class=\"token operator\">&gt;<\/span> <span class=\"token operator\">&#061;<\/span> strong<span class=\"token punctuation\">.<\/span><span class=\"token function\">global<\/span><span class=\"token punctuation\">::<\/span><span class=\"token operator\">&lt;<\/span><span class=\"token class-name\">DataAdapter<\/span><span class=\"token operator\">&gt;<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n                    <span class=\"token macro property\">println!<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;btn 3 clicked&#034;<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n                    <span class=\"token comment\">\/\/ \u4e1a\u52a1\u903b\u8f91&#xff1a;\u8bbe\u7f6e\u65b0\u7684\u5c5e\u6027\u503c&#xff0c;UI\u4f1a\u81ea\u52a8\u66f4\u65b0<\/span><br \/>\n                    adapter<span class=\"token punctuation\">.<\/span><span class=\"token function\">set_test<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">&#034;100&#034;<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">to_shared_string<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n                <span class=\"token punctuation\">}<\/span><br \/>\n            <span class=\"token punctuation\">}<\/span><br \/>\n        <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token punctuation\">}<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<ul>\n<li>\u4f5c\u7528: \u8fd9\u662f\u6240\u6709\u201c\u52a8\u4f5c\u201d\u53d1\u751f\u7684\u5730\u65b9\u3002\n<ul>\n<li>\u521d\u59cb\u5316 (new): \u63a5\u6536\u7a97\u53e3\u5f15\u7528\u3002<\/li>\n<li>\u7ed1\u5b9a (bind): \u5728 on_btn_1_clicked \u7b49\u65b9\u6cd5\u4e2d&#xff0c;\u4e3a\u6a21\u578b\u5c42\u58f0\u660e\u7684\u6bcf\u4e2a callback \u63d0\u4f9b\u5177\u4f53\u7684 Rust \u5b9e\u73b0\u3002<\/li>\n<li>\u64cd\u4f5cUI: \u901a\u8fc7 adapter.set_test(&#8230;) \u4fee\u6539\u6a21\u578b\u5c5e\u6027&#xff0c;Slint \u8fd0\u884c\u65f6\u4f1a\u81ea\u52a8\u901a\u77e5\u6240\u6709\u7ed1\u5b9a\u6b64\u5c5e\u6027\u7684 UI \u7ec4\u4ef6\u66f4\u65b0\u3002<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>2.4 \u3001\u80f6\u6c34\u5c42 (main.rs): \u88c5\u914d\u4e00\u5207<\/h4>\n<p><span class=\"token keyword\">fn<\/span> <span class=\"token function-definition function\">main<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br \/>\n    <span class=\"token keyword\">let<\/span> main_window <span class=\"token operator\">&#061;<\/span> <span class=\"token class-name\">MainWindow<\/span><span class=\"token punctuation\">::<\/span><span class=\"token function\">new<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">unwrap<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token keyword\">let<\/span> window_weak <span class=\"token operator\">&#061;<\/span> main_window<span class=\"token punctuation\">.<\/span><span class=\"token function\">as_weak<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>    <span class=\"token comment\">\/\/ 1. \u521b\u5efa\u540e\u7aef\u903b\u8f91\u5b9e\u4f8b<\/span><br \/>\n    <span class=\"token keyword\">let<\/span> backend <span class=\"token operator\">&#061;<\/span> <span class=\"token class-name\">UIBackend<\/span><span class=\"token punctuation\">::<\/span><span class=\"token function\">new<\/span><span class=\"token punctuation\">(<\/span>window_weak<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n    <span class=\"token comment\">\/\/ 2. \u6267\u884c\u7ed1\u5b9a&#xff0c;\u5c06UI\u56de\u8c03\u4e0eRust\u5b9e\u73b0\u8fde\u63a5\u8d77\u6765<\/span><br \/>\n    backend<span class=\"token punctuation\">.<\/span><span class=\"token function\">bind<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p>\n<p>    <span class=\"token comment\">\/\/ 3. \u8fd0\u884c\u4e3b\u4e8b\u4ef6\u5faa\u73af<\/span><br \/>\n    main_window<span class=\"token punctuation\">.<\/span><span class=\"token function\">run<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">unwrap<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br \/>\n<span class=\"token punctuation\">}<\/span><\/p>\n<ul>\n<li>\u4f5c\u7528: \u7a0b\u5e8f\u7684\u8d77\u70b9&#xff0c;\u8d1f\u8d23\u521b\u5efa\u7a97\u53e3\u3001\u5b9e\u4f8b\u5316\u540e\u7aef\u903b\u8f91\u3001\u6267\u884c\u7ed1\u5b9a&#xff0c;\u5e76\u542f\u52a8\u4e8b\u4ef6\u5faa\u73af\u3002\u5b83\u50cf\u80f6\u6c34\u4e00\u6837\u628a\u89c6\u56fe\u3001\u6a21\u578b\u3001\u903b\u8f91\u4e09\u5c42\u7c98\u5408\u5728\u4e00\u8d77\u3002<\/li>\n<\/ul>\n<h3>3\u3001 \u6570\u636e\u6d41\u4e0e\u901a\u4fe1\u673a\u5236<\/h3>\n<p>\u7406\u89e3\u4ee5\u4e0b\u6570\u636e\u6d41\u662f\u638c\u63e1\u5206\u79bb\u5f00\u53d1\u7684\u5173\u952e&#xff1a;<\/p>\n<li>\n<p>UI -&gt; \u903b\u8f91 (\u7528\u6237\u4ea4\u4e92):<\/p>\n<ul>\n<li>\u7528\u6237\u70b9\u51fb\u6309\u94ae -&gt; main.slint \u4e2d\u7684 clicked \u5904\u7406\u5668\u8c03\u7528 DataAdapter.btn_1_clicked() -&gt; Slint \u8fd0\u884c\u65f6\u8c03\u7528 ui_backend.rs \u4e2d\u6ce8\u518c\u7684 on_btn_1_clicked \u95ed\u5305 -&gt; \u6267\u884c Rust \u4e1a\u52a1\u903b\u8f91\u3002<\/li>\n<\/ul>\n<\/li>\n<li>\n<p>\u903b\u8f91 -&gt; UI (\u72b6\u6001\u66f4\u65b0):<\/p>\n<ul>\n<li>Rust \u903b\u8f91\u4e2d\u8c03\u7528 adapter.set_test(&#034;new value&#034;) -&gt; Slint \u8fd0\u884c\u65f6\u66f4\u65b0 DataAdapter.test \u5c5e\u6027\u503c -&gt; \u6240\u6709\u7ed1\u5b9a DataAdapter.test \u7684 UI \u7ec4\u4ef6&#xff08;\u5982 Text&#xff09;\u81ea\u52a8\u91cd\u7ed8&#xff0c;\u663e\u793a\u65b0\u503c\u3002<\/li>\n<\/ul>\n<\/li>\n<li>\n<p>UI &lt;-&gt; \u903b\u8f91 (\u53cc\u5411\u7ed1\u5b9a):<\/p>\n<ul>\n<li>\u5bf9\u4e8e in-out property&#xff0c;UI \u4e5f\u53ef\u4ee5\u76f4\u63a5\u4fee\u6539\u5b83&#xff08;\u4f8b\u5982&#xff0c;\u5728 LineEdit \u4e2d\u8f93\u5165\u6587\u672c&#xff09;&#xff0c;\u4fee\u6539\u540e\u7684\u503c\u4f1a\u7acb\u5373\u540c\u6b65\u5230 Rust \u7aef\u7684\u5c5e\u6027\u4e0a&#xff0c;\u903b\u8f91\u5c42\u53ef\u4ee5\u968f\u65f6\u8bfb\u53d6\u3002<\/li>\n<\/ul>\n<\/li>\n<h3>4\u3001\u5206\u79bb\u67b6\u6784\u7684\u4f18\u52bf\u4e0e\u6700\u4f73\u5b9e\u8df5<\/h3>\n<h4>\u4f18\u52bf<\/h4>\n<ul>\n<li>\u9ad8\u53ef\u7ef4\u62a4\u6027: UI \u8bbe\u8ba1\u5e08\u53ef\u4ee5\u4e13\u6ce8\u4e8e .slint \u6587\u4ef6\u7684\u5916\u89c2\u548c\u4ea4\u4e92&#xff0c;Rust \u5f00\u53d1\u8005\u53ef\u4ee5\u4e13\u6ce8\u4e8e ui_backend.rs \u7684\u4e1a\u52a1\u903b\u8f91&#xff0c;\u4e92\u4e0d\u5e72\u6270\u3002<\/li>\n<li>\u9ad8\u53ef\u6d4b\u8bd5\u6027: \u4e1a\u52a1\u903b\u8f91 (UIBackend) \u4e0d\u4f9d\u8d56\u4e8e\u5177\u4f53\u7684 UI \u5b9e\u4f8b&#xff0c;\u53ef\u4ee5\u8f7b\u677e\u7f16\u5199\u5355\u5143\u6d4b\u8bd5\u3002\u4f60\u53ef\u4ee5\u521b\u5efa\u6a21\u62df\u7684 DataAdapter \u6765\u6d4b\u8bd5\u56de\u8c03\u903b\u8f91\u3002<\/li>\n<li>\u903b\u8f91\u590d\u7528: \u540c\u4e00\u5957\u4e1a\u52a1\u903b\u8f91 (UIBackend) \u53ef\u4ee5\u7ed1\u5b9a\u5230\u4e0d\u540c\u7684 UI \u89c6\u56fe\u4e0a&#xff08;\u4f8b\u5982\u684c\u9762\u7aef\u548c\u79fb\u52a8\u7aef\u5171\u7528\u903b\u8f91&#xff09;\u3002<\/li>\n<li>\u56e2\u961f\u534f\u4f5c: \u524d\u540e\u7aef\u5f00\u53d1\u53ef\u4ee5\u5e76\u884c\u8fdb\u884c&#xff0c;\u53ea\u9700\u9884\u5148\u7ea6\u5b9a\u597d models.slint \u4e2d\u7684\u63a5\u53e3\u3002<\/li>\n<\/ul>\n<h4>\u6700\u4f73\u5b9e\u8df5<\/h4>\n<li>\u4fdd\u6301 models.slint \u7a33\u5b9a: \u5b83\u662f\u524d\u540e\u7aef\u7684\u5951\u7ea6&#xff0c;\u9891\u7e41\u53d8\u66f4\u4f1a\u5bfc\u81f4\u4e24\u8fb9\u90fd\u9700\u8981\u4fee\u6539\u3002\u8bbe\u8ba1\u65f6\u5e94\u5145\u5206\u8003\u8651\u672a\u6765\u9700\u6c42\u3002<\/li>\n<li>\u540e\u7aef\u903b\u8f91\u4fdd\u6301\u65e0\u72b6\u6001: UIBackend \u7ed3\u6784\u4f53\u5e94\u5c3d\u91cf\u8f7b\u91cf&#xff0c;\u590d\u6742\u7684\u4e1a\u52a1\u72b6\u6001\u53ef\u4ee5\u5c01\u88c5\u5728\u72ec\u7acb\u7684\u6a21\u5757\u6216\u7ed3\u6784\u4e2d&#xff0c;\u901a\u8fc7 UIBackend \u6765\u534f\u8c03\u3002<\/li>\n<li>\u5584\u7528\u5f31\u5f15\u7528 (Weak): \u540e\u7aef\u6301\u6709\u7a97\u53e3\u7684\u5f31\u5f15\u7528 (Weak&lt;MainWindow&gt;)&#xff0c;\u53ef\u4ee5\u9632\u6b62\u5faa\u73af\u5f15\u7528\u5bfc\u81f4\u7684\u5185\u5b58\u6cc4\u6f0f\u3002\u5728\u56de\u8c03\u4e2d\u4f7f\u7528 clone() \u5f31\u5f15\u7528\u5e76 upgrade() \u68c0\u67e5\u3002<\/li>\n<li>\u5f02\u6b65\u64cd\u4f5c: \u5982\u679c\u4e1a\u52a1\u903b\u8f91\u6d89\u53ca\u7f51\u7edc\u6216\u6587\u4ef6IO&#xff0c;\u5e94\u5728\u56de\u8c03\u4e2d spawn \u4e00\u4e2a\u5f02\u6b65\u4efb\u52a1&#xff0c;\u907f\u514d\u963b\u585e UI \u4e3b\u7ebf\u7a0b\u3002\u5b8c\u6210\u540e\u901a\u8fc7 slint::invoke_from_event_loop \u56de\u5230\u4e3b\u7ebf\u7a0b\u66f4\u65b0UI\u3002<\/li>\n<li>\u9519\u8bef\u5904\u7406: \u5728 Rust \u540e\u7aef\u8fdb\u884c\u5145\u5206\u7684\u9519\u8bef\u5904\u7406&#xff0c;\u5e76\u901a\u8fc7\u65e5\u5fd7\u6216\u66f4\u65b0UI\u72b6\u6001\u7684\u65b9\u5f0f\u53cb\u597d\u5730\u53cd\u9988\u7ed9\u7528\u6237&#xff0c;\u907f\u514d\u5728 .slint \u6587\u4ef6\u4e2d\u5904\u7406\u590d\u6742\u7684\u9519\u8bef\u903b\u8f91\u3002<\/li>\n<h3>5\u3001\u603b\u7ed3<\/h3>\n<p>\u901a\u8fc7 models.slint \u5b9a\u4e49\u63a5\u53e3\u3001main.slint \u63cf\u8ff0\u754c\u9762\u3001ui_backend.rs \u5b9e\u73b0\u903b\u8f91\u3001main.rs \u8fdb\u884c\u88c5\u914d&#xff0c;\u6211\u4eec\u6210\u529f\u6784\u5efa\u4e86\u4e00\u4e2a\u6e05\u6670\u3001\u677e\u8026\u5408\u7684 Slint \u5e94\u7528\u7a0b\u5e8f\u3002\u8fd9\u79cd\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u7684\u6a21\u5f0f&#xff0c;\u662f\u5f00\u53d1\u590d\u6742\u3001\u53ef\u7ef4\u62a4 GUI \u5e94\u7528\u7684\u57fa\u77f3\u3002\u4f60\u53ef\u4ee5\u57fa\u4e8e\u6b64\u6a21\u677f&#xff0c;\u5c06\u66f4\u590d\u6742\u7684\u4e1a\u52a1\u903b\u8f91&#xff08;\u5982\u6570\u636e\u5217\u8868\u7ba1\u7406\u3001\u7f51\u7edc\u8bf7\u6c42\u3001\u72b6\u6001\u673a&#xff09;\u878d\u5165 UIBackend \u4e2d&#xff0c;\u540c\u65f6\u4fdd\u6301 UI \u5c42\u7684\u7b80\u6d01\u4e0e declarative\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/08\/20260801200951-6a6e528f95dab.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Rust Slint\u5f00\u53d1\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e3\u4e00\u3001\u6e90\u7801\u5206\u4eab1\u3001\u5de5\u7a0b\u7ed3\u67842\u3001main.rs3\u3001ui_backend.rs4\u3001main.slint5\u3001models.slint6\u3001Cargo.toml7\u3001\u8fd0\u884c\u7ed3\u679c\u4e8c\u3001\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e31\u3001 \u5206\u79bb\u67b6\u6784\u7684\u6838\u5fc3\u601d\u60f32\u3001 \u9879\u76ee\u7ed3\u6784\u4e0e\u804c\u8d23\u5206\u67902.1 \u3001\u6a21\u578b\u5c42 (models.slint): \u5b9a\u4e49\u5951\u7ea62.2 \u3001\u89c6\u56fe\u5c42 (main.slint): \u63cf\u8ff0\u754c\u97622.3\u3001 \u903b\u8f91\u5c42 (ui_backend.rs): \u5b9e\u73b0\u4e1a\u52a12.4 \u3001\u80f6\u6c34\u5c42 (main<\/p>\n","protected":false},"author":2,"featured_media":88946,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[206,292,190],"topic":[],"class_list":["post-88950","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-server","tag-rust","tag-292","tag-190"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Rust Slint\u5f00\u53d1\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e3 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/88950.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rust Slint\u5f00\u53d1\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e3 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"Rust Slint\u5f00\u53d1\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e3\u4e00\u3001\u6e90\u7801\u5206\u4eab1\u3001\u5de5\u7a0b\u7ed3\u67842\u3001main.rs3\u3001ui_backend.rs4\u3001main.slint5\u3001models.slint6\u3001Cargo.toml7\u3001\u8fd0\u884c\u7ed3\u679c\u4e8c\u3001\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e31\u3001 \u5206\u79bb\u67b6\u6784\u7684\u6838\u5fc3\u601d\u60f32\u3001 \u9879\u76ee\u7ed3\u6784\u4e0e\u804c\u8d23\u5206\u67902.1 \u3001\u6a21\u578b\u5c42 (models.slint): \u5b9a\u4e49\u5951\u7ea62.2 \u3001\u89c6\u56fe\u5c42 (main.slint): \u63cf\u8ff0\u754c\u97622.3\u3001 \u903b\u8f91\u5c42 (ui_backend.rs): \u5b9e\u73b0\u4e1a\u52a12.4 \u3001\u80f6\u6c34\u5c42 (main\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/88950.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-01T20:09:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/08\/20260801200946-6a6e528a6da3b.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/88950.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/88950.html\",\"name\":\"Rust Slint\u5f00\u53d1\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e3 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-08-01T20:09:52+00:00\",\"dateModified\":\"2026-08-01T20:09:52+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/88950.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/88950.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/88950.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rust Slint\u5f00\u53d1\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Rust Slint\u5f00\u53d1\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e3 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/88950.html","og_locale":"zh_CN","og_type":"article","og_title":"Rust Slint\u5f00\u53d1\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e3 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"Rust Slint\u5f00\u53d1\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e3\u4e00\u3001\u6e90\u7801\u5206\u4eab1\u3001\u5de5\u7a0b\u7ed3\u67842\u3001main.rs3\u3001ui_backend.rs4\u3001main.slint5\u3001models.slint6\u3001Cargo.toml7\u3001\u8fd0\u884c\u7ed3\u679c\u4e8c\u3001\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e31\u3001 \u5206\u79bb\u67b6\u6784\u7684\u6838\u5fc3\u601d\u60f32\u3001 \u9879\u76ee\u7ed3\u6784\u4e0e\u804c\u8d23\u5206\u67902.1 \u3001\u6a21\u578b\u5c42 (models.slint): \u5b9a\u4e49\u5951\u7ea62.2 \u3001\u89c6\u56fe\u5c42 (main.slint): \u63cf\u8ff0\u754c\u97622.3\u3001 \u903b\u8f91\u5c42 (ui_backend.rs): \u5b9e\u73b0\u4e1a\u52a12.4 \u3001\u80f6\u6c34\u5c42 (main","og_url":"https:\/\/www.wsisp.com\/helps\/88950.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-08-01T20:09:52+00:00","og_image":[{"url":"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/08\/20260801200946-6a6e528a6da3b.png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"4 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/88950.html","url":"https:\/\/www.wsisp.com\/helps\/88950.html","name":"Rust Slint\u5f00\u53d1\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e3 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-08-01T20:09:52+00:00","dateModified":"2026-08-01T20:09:52+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/88950.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/88950.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/88950.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"Rust Slint\u5f00\u53d1\u754c\u9762\u4e0e\u903b\u8f91\u5206\u79bb\u5f00\u53d1\u8be6\u89e3"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/88950","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=88950"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/88950\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media\/88946"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=88950"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=88950"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=88950"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=88950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}