rust语言 (1.88) egui (0.32.1) 学习笔记（逐行注释）（十四）垂直滚动条

垂直滚动条ScrollArea

fn main() -> eframe::Result<()> {// 配置原生窗口参数let options = eframe::NativeOptions::default();// 生成0-99的字符串列表let keys: Vec<String> = (0..100).map(|i| i.to_string()).collect();eframe::run_simple_native("菜单", options, move |ctx, _frame| {egui::CentralPanel::default().show(ctx, |ui| {load_fonts(&ctx);// 添加垂直滚动条egui::ScrollArea::vertical().show(ui, |ui| {for idx in &keys {ui.label(idx);}});});})
}

只绘制可见部分

fn main() -> eframe::Result<()> {// 配置原生窗口参数let options = eframe::NativeOptions::default();let keys: Vec<String> = (0..100).map(|i| i.to_string()).collect();eframe::run_simple_native("菜单", options, move |ctx, _frame| {egui::CentralPanel::default().show(ctx, |ui| {load_fonts(&ctx);// 参数二：每行高度，参数三：行数egui::ScrollArea::vertical().show_rows(ui, 17., keys.len(), |ui, rng| {for idx in rng {ui.label(&keys[idx]);}});});})
}

滚动条靠右显示

• ui.set_width(f32)：设置当前ui的宽度

• ui.available_width()：当前容器的剩余宽度

fn main() -> eframe::Result<()> {// 配置原生窗口参数let options = eframe::NativeOptions::default();let keys: Vec<String> = (0..100).map(|i| i.to_string()).collect();eframe::run_simple_native("菜单", options, move |ctx, _frame| {egui::CentralPanel::default().show(ctx, |ui| {load_fonts(&ctx);// 参数二：每行高度，参数三：行数egui::ScrollArea::vertical().show_rows(ui, 17., keys.len(), |ui, rng| {ui.set_width(ui.available_width()); // 设置当前ui元素的宽度为当前容器的剩余宽度for idx in rng {ui.label(&keys[idx]);}});});})
}