Rust语言之egui库窗口中按钮、标签、输入框控件案例（3）

最新推荐文章于 2024-06-13 11:04:22 发布

helloziyi

最新推荐文章于 2024-06-13 11:04:22 发布

阅读量299

点赞数 4

分类专栏： Rust语言egui库文章标签： rust 开发语言后端

本文链接：https://blog.csdn.net/u013466301/article/details/137480619

版权

Rust语言egui库专栏收录该内容

8 篇文章 2 订阅

订阅专栏

案例（1）：显示按钮、标签、输入框

输入代码：

//按钮、标签、输入框学习
use eframe::egui;

fn main() -> eframe::Result<()> {
    let options = eframe::NativeOptions::default();
    let mut text:String = String::new();

    eframe::run_simple_native("My egui App", options, move |ctx, _frame| {
        egui::CentralPanel::default().show(ctx, |ui| {
            //添加UI组件区
            ui.label("this is label");
            ui.button("this is button");
            ui.text_edit_singleline(&mut text)

        });
	})
}

显示：

案例（2）：标签内容实时更新（egui是即时模式图形库）

输入代码：

//标签内容随输入框变化
use eframe::egui;

fn main() -> eframe::Result<()> {
    let options = eframe::NativeOptions::default();
    let mut text:String = String::new();

    eframe::run_simple_native("My egui App", options, move |ctx, _frame| {
        egui::CentralPanel::default().show(ctx, |ui| {
            //添加UI组件区
            ui.label(&text);
            ui.button(&text);
            ui.text_edit_singleline(&mut text)

        });
	})
}

显示：

案例（3）：显示按钮添加点击事件（使用if）

输入代码：

//输入框输入内容，点击按钮获取数据显示在标签中
use eframe::egui;

fn main() -> eframe::Result<()> {
    let options = eframe::NativeOptions::default();
    let mut text:String = String::new();
    let mut edit_text:String = String::new();

    eframe::run_simple_native("My egui App", options, move |ctx, _frame| {
        egui::CentralPanel::default().show(ctx, |ui| {
            //添加UI组件区
            ui.label(&text);

            //使用if添加事件机制
            if ui.button("GetData").clicked(){
                text = edit_text.clone();
            }
            ui.text_edit_singleline(&mut edit_text)

        });
	})
}

显示：

案例（4）：添加、读取vec动态数组中数据显示在label上

输入代码：

//点击按钮获取输入框内容显示在列表标签中
use eframe::egui;

fn main() -> eframe::Result<()> {
    let options = eframe::NativeOptions::default();
    
    let mut edit_text:String = String::new();
    let mut texts:Vec<String> = Vec::new();

    eframe::run_simple_native("My egui App", options, move |ctx, _frame| {
        egui::CentralPanel::default().show(ctx, |ui| {
            //添加UI组件区

            ui.text_edit_singleline(&mut edit_text);

            //使用if添加事件机制
            if ui.button("Add").clicked(){
                texts.push(edit_text.clone());
                edit_text.clear();
            }

            for text in &texts{
                ui.label(text);
            }
        });
	})
}

显示：