rust语言 (1.88) egui (0.32.1) 学习笔记（逐行注释）（三） 文本标签、按钮、文本框基本使用

一、文本标签、按钮、文本框在窗口展示

fn main() -> eframe::Result<()> {// 配置原生窗口参数let options = eframe::NativeOptions::default();let mut text = String::new();    // 文本框内容eframe::run_simple_native("文本标签、按钮、文本框学习",options,move |ctx, _frame| {egui::CentralPanel::default().show(ctx, |ui| {load_fonts(&ctx);      // 字体设置，函数定义：查看我博客：中文乱码相关章节ui.label("文本标签");                // 文本标签ui.button("点击");                  // 按钮ui.text_edit_singleline(&mut text); // 文本框});},)
}

二、修改文本框，标签、按钮文字实时改变

• 文本共用一个字符串变量，修改时同时改变文本内容

fn main() -> eframe::Result<()> {// 配置原生窗口参数let options = eframe::NativeOptions::default();let mut text = String::new();eframe::run_simple_native("文本标签、按钮、文本框学习",options,move |ctx, _frame| {egui::CentralPanel::default().show(ctx, |ui| {load_fonts(&ctx);     // 字体设置，函数定义：查看我博客：中文乱码相关章节ui.label(&text);                    // 文本标签ui.button(&text);                   // 按钮ui.text_edit_singleline(&mut text); // 文本框});},)
}

三、按钮点击事件，修改标签内容为文本框输入内容

fn main() -> eframe::Result<()> {// 配置原生窗口参数let options = eframe::NativeOptions::default();let mut text = "页面加载后显示的内容……".to_string(); // 文本标签显示的文本let mut edittext = String::new();                 // 文本框的文本eframe::run_simple_native("文本标签、按钮、文本框学习",options,move |ctx, _frame| {egui::CentralPanel::default().show(ctx, |ui| {load_fonts(&ctx);    // 字体设置，函数定义：查看我博客：中文乱码相关章节ui.label(&text);     // 文本标签if ui.button("点击修改内容").clicked() {   // 按钮点击text = edittext.clone();             // 修改文本标签文本为文本框内容};ui.text_edit_singleline(&mut edittext);  // 文本框});},)
}

四、点击按钮动态添加标签

fn main() -> eframe::Result<()> {// 配置原生窗口参数let options = eframe::NativeOptions::default();let mut texts: Vec<String> = Vec::new();    // 文本标签显示的文本let mut edittext = String::new();           // 文本框的文本eframe::run_simple_native("文本标签、按钮、文本框学习",options,move |ctx, _frame| {egui::CentralPanel::default().show(ctx, |ui| {load_fonts(&ctx); // 字体设置，函数定义：查看我博客：中文乱码相关章节ui.text_edit_singleline(&mut edittext);  // 输入文本框if ui.button("点击添加内容").clicked() {texts.push(edittext.clone());   // 输入框内容添加到列表edittext.clear();               // 清空输入框};for text in &texts {          // 遍历列表ui.label(text);           // 标签显示列表内容}});},)
}