当前位置: 首页 > news >正文

模板网站客服电话ip域名查询网

模板网站客服电话,ip域名查询网,网页打不开显示证书错误是怎么回事,疫情最新数据消息陕西文章目录 平直布局with_layout 平直布局 在前面的示例中,已经用到了ui.horizontal用来布局,其特点是水平摆放控件。相应地,ui.vertical则是垂直摆放控件。根据控件的摆放顺序不同,这两个布局组件衍生出一系列布局函数 horizonta…

文章目录

    • 平直布局
    • with_layout

平直布局

在前面的示例中,已经用到了ui.horizontal用来布局,其特点是水平摆放控件。相应地,ui.vertical则是垂直摆放控件。根据控件的摆放顺序不同,这两个布局组件衍生出一系列布局函数

  • horizontal_top, 此即horizontal默认的布局方式
  • horizontal_centered
  • horizontal_wrapped
  • vertical_centered, 此为vertical的默认布局方式
  • vertical_centered_justified

下面演示一下这几种布局的区别

#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
use eframe::egui;struct MyApp {
}impl Default for MyApp {fn default() -> Self {Self { }}
}impl eframe::App for MyApp {fn update(&mut self, ctx: &egui::Context, _frame: &mut eframe::Frame) {egui::CentralPanel::default().show(ctx, |ui| {ui.horizontal_wrapped(|ui| {for i in 1..8{if ui.button(format!("horizontal_wrapped{}", i)).clicked(){};}});ui.horizontal_top(|ui| {for i in 1..8{if ui.button(format!("horizontal_top{}", i)).clicked(){};}});ui.vertical_centered(|ui| {if ui.button("vertical_centered1").clicked(){};if ui.button("vertical_centered2").clicked(){};});ui.vertical_centered_justified(|ui| {if ui.button("vertical_centered_justified1").clicked(){};if ui.button("vertical_centered_justified2").clicked(){};});ui.horizontal_centered(|ui| {for i in 1..8{if ui.button(format!("horizontal_centered{}", i)).clicked(){};}});});}
}fn main() -> Result<(), eframe::Error> {let options = eframe::NativeOptions {initial_window_size: Some(egui::vec2(640.0, 320.0)),..Default::default()};eframe::run_native("layout",options,Box::new(|_cc| Box::<MyApp>::default()),)
}

效果如下

在这里插入图片描述

即以_warpped为后缀的水平布局,其控件会自动换行;以_justified为后缀的垂直布局,其控件会自适应水平方向的宽度;以centered为后缀的水平布局,会自动占据剩余空间的中间位置。

with_layout

这些水平或者垂直的布局显然不足以涵盖所有情况,所以egui提供了更加灵活的布局方法with_layout,其输入参数除了填充组件外,还有一个Layout类型的结构体,可调用下列函数来生成

  • left_to_right
  • right_to_left
  • top_down
  • top_down_justified
  • bottom_up
  • with_main_aligned
  • with_main_align
  • with_cross_align

这些函数的参数是枚举类型的Align,共有三个选择,分别是Min, Center以及Max。接下来,将show函数更改为如下形式,

egui::CentralPanel::default().show(ctx, |ui| {ui.with_layout(egui::Layout::left_to_right(egui::Align::Min),|ui| {for i in 1..5{if ui.button(format!("left_to_right{}", i)).clicked(){};}});ui.with_layout(egui::Layout::top_down(egui::Align::Max),|ui| {for i in 1..5{if ui.button(format!("top_down{}", i)).clicked(){};}});
});

得到结果如下

在这里插入图片描述

由此可知,Align表示当前布局在父组件中的位置,Min表示位置尽可能小,Max表示位置尽可能大。

http://www.ds6.com.cn/news/42462.html

相关文章:

  • 网站建设方案功能惠州关键词排名优化
  • wordpress全球销量主题优化教程网官网
  • 沈阳网站制作思路网络可以搜索国外网站的搜索引擎
  • 做网站哪里的服务器速度快免费建站哪个最好
  • 网站建设业务如何自己免费制作网站
  • 网站seo排名肇庆网站制作软件
  • o2o平台有哪些网站搜索引擎推广培训
  • 网站运营商查询一份完整的市场调查方案
  • 深圳个人做网站手游推广渠道和推广方式
  • wordpress建站服务器百度小说网
  • 智慧团建注册登录入口官网手机版无锡网站制作优化
  • 专门做钻石国外网站推销网站
  • 茂名一站式网站建设报价宁波seo服务推广
  • 什么建站程序最利于seo景区营销案例100例
  • 公司网站百度小程序开发百度新闻网站
  • 海外 国内网站建设百度文库官网登录入口
  • 网站开发的心得体会做推广的公司一般都叫什么
  • 做全世界的生意的网站关键词查找的方法有以下几种
  • 权威的赣州网站建设站长之家seo概况查询
  • 相城高端网站建设线上营销方式
  • 北京做网站建设的公司排名怎么看百度指数
  • 电子商务网站建设 下载企业推广方式
  • 杭州网站建设杭州手机网站建设如何开通自己的网站
  • 安多网站制作成都专门做网站的公司
  • 八里庄网站建设市场推广策略 包括哪些
  • wordpress lazy load优化设计方法
  • 网站开发 财务自由网站免费制作平台
  • 做好的网站如何上线中国数据统计网站
  • 蜂鸟配送网站谁做的站长之家 seo查询
  • 如何制作网站网页今日头条热榜