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

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

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，够用且跨平台：

标签： android git go app ai ios switch 路由 microsoft 模拟器