0

0

MAUI怎么实现下拉选择框 MAUI Picker控件使用方法

幻夢星雲

幻夢星雲

发布时间:2025-12-24 14:49:02

|

805人浏览过

|

来源于php中文网

原创

MAUI 中 Picker 即为下拉选择框,跨平台呈现为下拉列表或弹出选择器;支持数据绑定、显示/值分离、平台微调,是覆盖 90% 场景的首选控件。

maui怎么实现下拉选择框 maui picker控件使用方法

MAUI 中没有叫“下拉选择框”的原生控件,但 Picker 就是你要的——它在不同平台呈现为下拉列表(Android/iOS)或弹出选择器(Windows),语义和功能完全对应。

Picker 基础用法:绑定数据 + 响应选中

Picker 是最轻量、最常用的单选选择控件。只需设置 ItemsSource(数据源)和 SelectedItem(当前选中项),再监听 SelectedItemChanged 事件即可。

  • 在 XAML 中声明:
  • 在 ViewModel 中准备集合:public ObservableCollection Cities { get; } = new() { "北京", "上海", "广州", "深圳" };
  • 绑定 SelectedItem 并响应变化:public string SelectedCity { get; set; },配合 INotifyPropertyChanged 或使用 CommunityToolkit.Mvvm 的 [ObservableProperty]

自定义显示文本与值(Value/DisplayText 分离)

实际开发中常需显示名称(如“北京市”),但提交 ID(如 "110000")。Picker 本身不直接支持 ValueMember/DisplayMember,但可通过对象绑定实现:

  • 定义一个简单类:public class City { public string Name { get; set; } = ""; public string Code { get; set; } = ""; }
  • ItemsSource 绑定 ObservableCollection,然后用 ItemDisplayBinding="{Binding Name}" 指定显示字段
  • SelectedItem 是 City 对象,可直接取 SelectedCity.Code 获取值

Platform-specific 行为微调(可选)

Picker 在各平台默认行为合理,但若需定制,可用平台特定代码:

Rustic AI
Rustic AI

AI驱动的创意设计平台

下载
  • iOS:默认弹出 UIPickerView;如需禁用滚动动画,可在 MauiProgram.cs 注册自定义渲染器(较重,一般不需)
  • Android:点击即展开下拉;若想设默认提示文字(如“请选择城市”),用 Title="请选择城市" 属性(仅 Android & iOS 显示标题)
  • Windows:显示为 ComboBox 风格下拉;若需键盘导航支持,确保 Focusable="True"(默认已开启)

替代方案:ComboBox(Windows 专用)与 Popup(跨平台灵活方案)

Picker 是跨平台首选,但有局限:不支持搜索、不能输入、样式不可控。进阶场景可考虑:

  • Microsoft.Maui.Controls.Compatibility.Controls.ComboBox:仅 Windows 可用,带搜索和输入建议
  • CommunityToolkit.Maui.Views.Popup + ListView/CollectionView:完全自定义弹出层,支持搜索、分组、图标等,适合复杂业务
  • 注意:不要用 Shell 或 NavigationPage 模拟下拉——体验差、不符合平台规范

基本上就这些。Picker 看似简单,但把数据绑定、平台适配、扩展边界理清楚,就能稳稳覆盖 90% 的下拉选择需求。

相关专题

更多
string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

311

2023.08.02

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

452

2024.01.03

python中class的含义
python中class的含义

本专题整合了python中class的相关内容,阅读专题下面的文章了解更多详细内容。

6

2025.12.06

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

481

2023.07.26

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1021

2023.07.27

windows照片无法显示
windows照片无法显示

当我们尝试打开一张图片时,可能会出现一个错误提示,提示说"Windows照片查看器无法显示此图片,因为计算机上的可用内存不足",本专题为大家提供windows照片无法显示相关的文章,帮助大家解决该问题。

725

2023.08.01

windows查看端口被占用的情况
windows查看端口被占用的情况

windows查看端口被占用的情况的方法:1、使用Windows自带的资源监视器;2、使用命令提示符查看端口信息;3、使用任务管理器查看占用端口的进程。本专题为大家提供windows查看端口被占用的情况的相关的文章、下载、课程内容,供大家免费下载体验。

393

2023.08.02

windows无法访问共享电脑
windows无法访问共享电脑

在现代社会中,共享电脑是办公室和家庭的重要组成部分。然而,有时我们可能会遇到Windows无法访问共享电脑的问题。这个问题可能会导致数据无法共享,影响工作和生活的正常进行。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2338

2023.08.08

苹果官网入口直接访问
苹果官网入口直接访问

苹果官网直接访问入口是https://www.apple.com/cn/,该页面具备0.8秒首屏渲染、HTTP/3与Brotli加速、WebP+AVIF双格式图片、免登录浏览全参数等特性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

10

2025.12.24

热门下载

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

精品课程

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

共162课时 | 9.3万人学习

Java 教程
Java 教程

共578课时 | 36.9万人学习

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

共64课时 | 6.4万人学习

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

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