0

0

MAUI怎么实现一个设置页面 MAUI Settings Page实战

幻夢星雲

幻夢星雲

发布时间:2025-12-21 14:01:02

|

307人浏览过

|

来源于php中文网

原创

MAUI设置页推荐用NavigationPage+ContentPage实现导航,CollectionView展示设置项,Preferences/SecureStorage持久化数据,PushAsync或Shell跳转子页,并通过MessagingCenter同步状态。

maui怎么实现一个设置页面 maui settings page实战

MAUI 实现设置页面不难,关键是用对组件、理清导航逻辑、保证数据持久化。下面直接上实用方案,不绕弯。

用 NavigationPage + ContentPage 搭建设置主界面

MAUI 默认不强制用 NavigationPage,但设置页通常需要返回上级,推荐显式启用:

  • 在 App.xaml.cs 的 MainPage 初始化时,用 new NavigationPage(new SettingsPage())
  • SettingsPage 继承 ContentPage,顶部自动带返回按钮(Android/iOS 都兼容)
  • 避免用 Shell 当主容器再嵌套 SettingsPage——容易导致路由混乱和状态丢失

用 CollectionView 做可点击的设置项列表

比 ListView 更现代、更轻量,支持模板、分组、下拉刷新(虽然设置页一般不用刷新):

  • 绑定一个 IEnumerable 数据源,比如:主题切换、通知开关、语言选择
  • 每个 SettingItem 包含 Title、Icon、IsToggled(布尔)、Command(跳转或触发动作)
  • 模板中用 Switch 或 CheckBox 控件绑定 IsToggled,用 TapGestureRecognizer 响应点击
  • 示例:点击“深色模式”项 → 触发命令 → 切换 App.Current.RequestedTheme 并保存到 Preferences

用 Preferences 和 SecureStorage 存储设置项

MAUI 内置 Microsoft.Maui.Storage,够用且跨平台:

喜鹊标书
喜鹊标书

AI智能标书制作平台,10分钟智能生成20万字投标方案,大幅提升中标率!

下载
  • Preferences.Set("theme_mode", "dark") —— 存普通设置(字符串/布尔/数字)
  • SecureStorage.Default.SetAsync("api_token", token) —— 存敏感信息(如登录令牌)
  • 首次进入 SettingsPage 时,用 Preferences.Get("theme_mode", "light") 初始化 UI 状态
  • 注意:SecureStorage 在 iOS 模拟器可能报错,真机或 Android 模拟器测试更稳

跳转子设置页(比如“关于”“帮助”)用 Shell 或 PushAsync

简单场景用 PushAsync 更直接:

  • 点击“关于” → await Navigation.PushAsync(new AboutPage())
  • AboutPage 同样继承 ContentPage,自带返回按钮
  • 如果整个 App 已用 Shell,可在 AppShell.xaml 中注册路由:Routing.RegisterRoute("about", typeof(AboutPage)),然后用 Shell.Current.GoToAsync("about")
  • 避免在 SettingsPage 里写太多业务逻辑——把每个子页拆成独立 Page,职责清晰

基本上就这些。不复杂但容易忽略的是状态同步:比如用户在设置页关了通知,回到主页后要立刻响应变化。可以用 MessagingCenter 或 CommunityToolkit.Mvvm 的 ObservableObject + OnPropertyChanged 主动通知,而不是等重启才生效。

相关专题

更多
switch语句用法
switch语句用法

switch语句用法:1、Switch语句只能用于整数类型,枚举类型和String类型,不能用于浮点数类型和布尔类型;2、每个case语句后面必须跟着一个break语句,以防止执行其他case的代码块,没有break语句,将会继续执行下一个case的代码块;3、可以在一个case语句中匹配多个值,使用逗号分隔;4、Switch语句中的default代码块是可选的等等。

533

2023.09.21

Java switch的用法
Java switch的用法

Java中的switch语句用于根据不同的条件执行不同的代码块。想了解更多switch的相关内容,可以阅读本专题下面的文章。

413

2024.03.13

登录token无效
登录token无效

登录token无效解决方法:1、检查token的有效期限,如果token已经过期,需要重新获取一个新的token;2、检查token的签名,如果签名不正确,需要重新获取一个新的token;3、检查密钥的正确性,如果密钥不正确,需要重新获取一个新的token;4、使用HTTPS协议传输token,建议使用HTTPS协议进行传输 ;5、使用双因素认证,双因素认证可以提高账户的安全性。

6096

2023.09.14

登录token无效怎么办
登录token无效怎么办

登录token无效的解决办法有检查Token是否过期、检查Token是否正确、检查Token是否被篡改、检查Token是否与用户匹配、清除缓存或Cookie、检查网络连接和服务器状态、重新登录或请求新的Token、联系技术支持或开发人员等。本专题为大家提供token相关的文章、下载、课程内容,供大家免费下载体验。

806

2023.09.14

token怎么获取
token怎么获取

获取token值的方法:1、小程序调用“wx.login()”获取 临时登录凭证code,并回传到开发者服务器;2、开发者服务器以code换取,用户唯一标识openid和会话密钥“session_key”。想了解更详细的内容,可以阅读本专题下面的文章。

1062

2023.12.21

token什么意思
token什么意思

token是一种用于表示用户权限、记录交易信息、支付虚拟货币的数字货币。可以用来在特定的网络上进行交易,用来购买或出售特定的虚拟货币,也可以用来支付特定的服务费用。想了解更多token什么意思的相关内容可以访问本专题下面的文章。

1250

2024.03.01

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

258

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

208

2023.09.04

高德地图升级方法汇总
高德地图升级方法汇总

本专题整合了高德地图升级相关教程,阅读专题下面的文章了解更多详细内容。

72

2026.01.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Excel 教程
Excel 教程

共162课时 | 12.3万人学习

Java 教程
Java 教程

共578课时 | 47.6万人学习

Uniapp从零开始实现新闻资讯应用
Uniapp从零开始实现新闻资讯应用

共64课时 | 6.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号