推广 热搜:   公司  企业  中国  快速    行业  上海  设备  未来 

MAUI 框架安卓入门开发01 界面设计手机界面设计「MAUI 框架安卓入门开发01 界面设计」

   日期:2025-01-12     移动:http://fabua.ksxb.net/mobile/quote/7293.html

1.1 由于需要水平布局的设计方式,所以外围需要使用一个HorizontalStackLayout 进行包裹着所有的子控件,来达到水平布局的效果。页面大概是这样子,按钮全部由RadioButton 进行重绘

 最终要做的效果

 

 1.2 代码页面设计

1.3 运行效果发现,整个页面不怎么理想。所有的控件都是垂直居中。

1.4 那么可以通过设置布局控件 的VerticalOptions属性,值设为Start ,把这个RadioButton 显示在开头

  • Start 该位置位于 RadioButton 开头
  • Center 垂直居中 RadioButton 
  • End 该位置位于 RadioButton 末尾 
  • Fill 这可确保 RadioButton 填充的高度 

以上出自官网的文档.NET MAUI HorizontalStackLayout - .NET MAUI | Microsoft Docs

 这张图片出自官方文档

 1.5 设置后的效果

2.1 由于项目初始加载是AppShell.xaml,这个AppShell.xaml引用了MainPage.xaml页面模板。把Home标题去掉,只需要在页面调用的时候直接指向MainPage.xaml 页面即可

 2.2 要在应用中不显示手机状态栏,需要进入安卓设备进行修改 

2.3 打开安卓文件夹,在MainActivity 类中调整安卓渲染的相关配置信息(外层窗口的配置信息)

  •  重写onCreate 方法

 

 2.4 修改后的效果

  • 调整边距使用Margin属性
  • 把整个页面改颜色,用Background 属性,需要在ContentPage 里面修改 

3.1 修改RadioButton 样式模板

  •  首先统一设置样式,并且设置Key
  • 在RadioButton 中,通过StaticResource 去关联到设置的统一样式

 

3.2 统一修改控件模板

 上面的意思就是通过绑定的关系,实现模板中的Text 文字关联到实际控件的值

 

 下一章接着处理布局

 出自:全网首发.NET MAUI框架入门 已完结 附企业级WPF实战(C#/blazor/xamarin/停车场项目+通用框架+数据采集与监控/数据库)B0858_哔哩哔哩_bilibili

本文地址:http://fabua.ksxb.net/quote/7293.html    海之东岸资讯 http://fabua.ksxb.net/ , 查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


相关最新动态
推荐最新动态
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  粤ICP备2023022329号