Rust语言之egui库窗口中复选框、Panel、下拉框（8）

案例（1）：添加复选框

输入代码：

//复选框
use eframe::egui::{self, accesskit::VerticalOffset};

fn main() -> eframe::Result<()> {
    //可以变更数值类型
    let mut key = false;
    let mut keys:Vec<bool> = (0..10).map(|_|false).collect();
    let options = eframe::NativeOptions::default();

    eframe::run_simple_native("My egui App", options, move |ctx, _frame| {
        egui::CentralPanel::default().show(ctx, |ui| {
            //控件添加区
            ui.checkbox(&mut key, "text");
            for (idx,item) in keys.iter_mut().enumerate(){
                ui.checkbox(item, idx.to_string());
            }
        });
	})
}

显示：

案例（2）：添加单选框

输入代码：

//单选框
use eframe::egui::{self, accesskit::VerticalOffset};

fn main() -> eframe::Result<()> {
    //可以变更数值类型
    let mut value=0;
    let options = eframe::NativeOptions::default();

    eframe::run_simple_native("My egui App", options, move |ctx, _frame| {
        egui::CentralPanel::default().show(ctx, |ui| {
            //控件添加区
            ui.radio_value(&mut value, 0, "0");
            ui.radio_value(&mut value, 1, "1");
            ui.radio_value(&mut value, 2, "2");
            ui.radio_value(&mut value, 3, "3");
            ui.label(format!("value:{}",value));
        });
	})
}

显示：

案例（3）：添加Panel

输入代码：

//panel面板
use eframe::egui;

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

    eframe::run_simple_native("My egui App", options, move |ctx, _frame| {
        egui::TopBottomPanel::top("top").show(ctx, |ui|{
            ui.label("top");
        });
        egui::TopBottomPanel::bottom("bottom").show(ctx, |ui|{
            ui.label("bottom");
        });
        egui::SidePanel::left("left").show(ctx, |ui|{
            ui.label("left");
        });
        egui::SidePanel::right("right").show(ctx, |ui|{
            ui.label("right");
        });
        egui::CentralPanel::default().show(ctx, |ui| {
            //控件添加区
            ui.label("CentralPanel");
        });
	})
}

显示：

案例（4）：添加下拉框

输入代码：

use eframe::egui;

fn main() -> eframe::Result<()> {
    let options = eframe::NativeOptions::default();
    let alternatives=["a","b","c","d"];
    let mut selected=2;

    eframe::run_simple_native("My egui App", options, move |ctx, _frame| {
        egui::CentralPanel::default().show(ctx, |ui| {
            //控件添加区
            
            egui::ComboBox::from_label("Select one").show_index(ui, &mut selected, alternatives.len(), |i|alternatives[i]);
        });
	})
}

显示:

案例（5）：下拉框显示

输入代码：

use eframe::egui;

fn main() -> eframe::Result<()> {
    let options = eframe::NativeOptions::default();
    let alternatives:Vec<usize> = (0..20).collect();
    let mut selected=2;

    eframe::run_simple_native("My egui App", options, move |ctx, _frame| {
        egui::CentralPanel::default().show(ctx, |ui| {
            //控件添加区
            
            egui::ComboBox::from_label("Select one").show_index(ui, &mut selected, alternatives.len(),|i|format!("idx:{}",alternatives[i]));
        });
	})
}

显示：

案例（6）：下拉框显示内容填入

输入代码：

use eframe::egui;

fn main() -> eframe::Result<()> {
    let options = eframe::NativeOptions::default();
    let mut alternatives:Vec<String> = Vec::new();
    let mut selected=2;
    let mut input = String::new();

    eframe::run_simple_native("My egui App", options, move |ctx, _frame| {
        egui::CentralPanel::default().show(ctx, |ui| {
            //控件添加区
            
            let rp = egui::ComboBox::from_label("Select one").show_index(
                ui, 
                &mut selected, alternatives.len(),
                |i| if let Some(s)=alternatives.get(i){
                    s.clone()
                }else{
                    "".into()
            });
            if rp.changed(){
                if let Some(s) = alternatives.get(selected){
                    input = s.clone();
                }
            }
            ui.text_edit_singleline(&mut input);
            if ui.button("ADD").clicked(){
                alternatives.push(input.clone());
            }
        });
	})
}

显示：