0

0

MAUI怎么给CollectionView绑定数据 MAUI列表数据绑定方法

月夜之吻

月夜之吻

发布时间:2026-01-10 07:51:13

|

197人浏览过

|

来源于php中文网

原创

MAUI中CollectionView绑定数据需使用ObservableCollection作为数据源、设置BindingContext指向ViewModel、并在XAML中通过ItemsSource="{Binding Items}"和ItemTemplate内Binding路径正确关联属性。

maui怎么给collectionview绑定数据 maui列表数据绑定方法

MAUI 中给 CollectionView 绑定数据,核心是通过 绑定上下文(BindingContext) + 数据模板(DataTemplate) 实现。只要数据源是可观察集合(如 ObservableCollection),且控件设置了正确的绑定路径,列表就能自动刷新。

设置 ViewModel 并指定 BindingContext

在页面的后台代码或 XAML 中,把包含列表数据的 ViewModel 赋给页面的 BindingContext

  • 推荐在页面构造函数中初始化 ViewModel,并赋值:// MainPage.xaml.cs
    this.BindingContext = new MyViewModel();
  • ViewModel 中定义一个 ObservableCollection 类型的属性(比如叫 Items),确保它支持通知变化
  • 不要用普通 List 或数组——它们不会触发 UI 更新

在 XAML 中配置 CollectionView 绑定

在 XAML 中声明 CollectionView,用 ItemsSource 绑定到 ViewModel 的集合属性:

  • 写法示例:
  • 必须确保 Items 是 public 属性,且命名与 BindingContext 中的字段/属性名完全一致
  • 如果绑定不生效,先检查输出窗口是否有 “Binding: path not found” 类似警告

定义 ItemTemplate 显示每条数据

仅绑定数据源还不够,得告诉 MAUI 每一项长什么样:

  • CollectionView 内添加 ItemTemplate,里面用 DataTemplate 包裹布局
    例如显示标题和描述:





  • 每个 Binding 的路径(如 Title)要和数据项(ItemModel)中的 public 属性名一致

动态更新列表内容(增删改)

因为用了 ObservableCollection,直接操作集合即可实时反映到界面:

  • 添加:Items.Add(new ItemModel { Title = "新条目" });
  • 清空:Items.Clear();
  • 替换整个集合(注意:别直接赋新对象,要用 Clear() + AddRange() 或封装为属性 setter 并调用 OnPropertyChanged
  • 如果需要局部刷新某一项,确保 ItemModel 实现了 INotifyPropertyChanged

基本上就这些。关键点就三个:用对集合类型、设好 BindingContext、写对 Binding 路径。不复杂但容易忽略细节。

相关专题

更多
css中的padding属性作用
css中的padding属性作用

在CSS中,padding属性用于设置元素的内边距。想了解更多padding的相关内容,可以阅读本专题下面的文章。

129

2023.12.07

c++主流开发框架汇总
c++主流开发框架汇总

本专题整合了c++开发框架推荐,阅读专题下面的文章了解更多详细内容。

22

2026.01.09

c++框架学习教程汇总
c++框架学习教程汇总

本专题整合了c++框架学习教程汇总,阅读专题下面的文章了解更多详细内容。

22

2026.01.09

学python好用的网站推荐
学python好用的网站推荐

本专题整合了python学习教程汇总,阅读专题下面的文章了解更多详细内容。

64

2026.01.09

学python网站汇总
学python网站汇总

本专题整合了学python网站汇总,阅读专题下面的文章了解更多详细内容。

8

2026.01.09

python学习网站
python学习网站

本专题整合了python学习相关推荐汇总,阅读专题下面的文章了解更多详细内容。

8

2026.01.09

俄罗斯手机浏览器地址汇总
俄罗斯手机浏览器地址汇总

汇总俄罗斯Yandex手机浏览器官方网址入口,涵盖国际版与俄语版,适配移动端访问,一键直达搜索、地图、新闻等核心服务。

47

2026.01.09

漫蛙稳定版地址大全
漫蛙稳定版地址大全

漫蛙稳定版地址大全汇总最新可用入口,包含漫蛙manwa漫画防走失官网链接,确保用户随时畅读海量正版漫画资源,建议收藏备用,避免因域名变动无法访问。

142

2026.01.09

php学习网站大全
php学习网站大全

精选多个优质PHP入门学习网站,涵盖教程、实战与文档,适合零基础到进阶开发者,助你高效掌握PHP编程。

10

2026.01.09

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
10分钟--Midjourney创作自己的漫画
10分钟--Midjourney创作自己的漫画

共1课时 | 0.1万人学习

Midjourney 关键词系列整合
Midjourney 关键词系列整合

共13课时 | 0.9万人学习

AI绘画教程
AI绘画教程

共2课时 | 0.2万人学习

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

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