Xamarin.Forms Views介绍(六)——ListView

2024-04-24 09:08

本文主要是介绍Xamarin.Forms Views介绍(六)——ListView,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

以下主要内容转自:http://www.jianshu.com/p/55c8e3e672ec

 

ListView属性

Footer :object类型,获取、设置列表底部的字符串或视图。

FooterTemplate :DataTemplate类型,获取、设置列表底部数据模版。

Header :object类型,获取、设置列表顶部的字符串或视图。

HeaderTemplate :DataTemplate类型,获取、设置列表定部数据模版。

HasUnevenRows :bool类型,表示列表是否有不均匀的行高,默认值false,设置为true后ListView每行的高度会因为内容不同而提供不同高度。

可以在运行时通过Cell.ForceUpdateSize 方法更新cell大小。

IsGroupingEnabled :bool类型,表示是否对列表进行分组。

GroupDisplayBinding : 绑定分组头的值。

GroupHeaderTemplate : DataTemplate类型,分组头的数据模版。

GroupShortNameBinding : 绑定分组跳转列表中的值。

IsPullToRefreshEnabled :bool类型,表示列表是否可以进行下拉刷新。

IsRefreshing :bool类型,表示列表是否正在刷新。

RowHeight :表示列表行高。

SelectedItem :object类型,表示列表当前选中对象。

SeparatorColor :表示列表分割栏的颜色。

SeparatorVisibility :SeparatorVisibility枚举,表示分割栏的显示方式。

 

ListView事件

ItemAppearing :ListView元素显示时触发,ListView滑动使Item显示在屏幕内。

ItemDisappearing :ListView元素消失时触发,ListView滑动使Item消失在屏幕内。

ItemSelected :新的Item元素被选中时触发。

ItemTapped :ListView的元素Item被点击是触发。

Refreshing :ListView刷新事件。

 

ListView基本使用

填充ListView显示的数据有两种方式:设置ListView的ItemsSource和Data Binding。Data Binding后面介绍。ItemsSource类型是IEnumerable。

XAML定义ListView会默认填充整个屏幕

  <ListView x:Name="listView"/>

通过C#代码设置ItemsSource:

    listView.ItemsSource = new List<string>() {"List Item 1","List Item 2","List Item 3","List Item 4","List Item 5"};

IOS会有多余分割线显示可以通过代码隐藏分割线listView.SeparatorVisibility = SeparatorVisibility.None;

默认情况下ItemSource集合提供的数据调用ToString方法显示在TextCell上,即 ListView每行是一个TextCell。

 

ListView 结合 Data Binding使用

ListView的数据源(ItemsSource)不仅可以是简单的字符串集合也可以是自定义的Model类集合,要显示类集合数据时需要结合Data Binding实现,演示一个TextCell显示Text和Detail的示例。

新建ListViewItem类:

    class ListViewItem{public string Title { get; set; }public string Detail { get; set; }}

Data Source设置代码:

            var source = new List<ListViewItem>(){new ListViewItem {Title="Title1",Detail="Detail1" },new ListViewItem {Title="Title2",Detail="Detail2" },new ListViewItem {Title="Title3",Detail="Detail3" },new ListViewItem {Title="Title4",Detail="Detail4" },new ListViewItem {Title="Title5",Detail="Detail5" }};listView.ItemsSource = source;

在定义ItemSource的数据集合时推荐用ObservableCollection<T>代替List<T>,ObservableCollection实现了INotifyPropertyChanged接口能够通知数据的变化,提供更新功能。

在XAML代码中定义ListVIew时应显示指出TextCell的展现形式。设置ListView.ItemTemplate,DataTemplate元素节点内定义一个TextCell,绑定 TextCell的Text和Detail属性为对应Model的属性。

  <ListView x:Name="listView"><ListView.ItemTemplate><DataTemplate><TextCell Text="{Binding Title}" Detail="{Binding Detail}"/></DataTemplate></ListView.ItemTemplate></ListView>

运行效果:

 

ListView Selected事件

当用户点击ListView的Item时触发ListView的ItemTapped事件,SelectedItem值发生改变还会触发ItemSelected事件,用户连续点击同一个Item时ItemTapped触发多次,SelectedItem只会在第一次点击时触发。

如果想使ListView禁用ListView被取消ListView的选中效果

            listView.ItemSelected += (sender, e) => {listView.SelectedItem = null;};

ListView Cell介绍

前面有提到过TextCell,是Xamarin.Forms 提供的Cell子类可以帮助我们显示更复杂的ListView。

Xamarin.Forms提供给ListVIew常用的Cell有两种:TextCell和ImageCell。SwitchCell和EntryCell通常用在TableView中。

TextCell 用来显示文本,并允许在第二行显示详细文本:

Text – 显示在第一行的文本,以较大字体显示.

Detail – 以较小字体显示在第二行的文本.

TextColor – Text文本颜色.

DetailColor – Detail文本颜色.

 

ImageCell与TextCell相比在Cell的左侧可以显示图片信息。

 

具体使用参考ListView 结合 Data Binding使用。更复杂的列表效果需自定义单元格,继承ViewCell实现期望的效果。自定义单元格更多信息参考:https://developer.xamarin.com/guides/xamarin-forms/user-interface/listview/customizing-cell-appearance/#Custom_Cells

 

ListView的Header和Footer

这里不研究了具体参见原文。

 

ListView分组

具体见原文

 

ListView 刷新

设置ListView的IsPullToRefreshEnabled属性为true,使ListView支持下拉刷新。

用户下拉ListView会触发Refreshing事件,在处理Refreshing事件重新加载数据后应通过设置IsRefreshing为false或调用ListView的EndRefresh方法通知ListView数据加载完成以取消下拉加载的效果。

也可以通过调用ListView 的BeginRefresh方法触发Refreshing事件。

 

ListView Context Actions

有时我们需要为ListView的每一项提供菜单行为,如Item的删除。IOS为左滑动Item,Android和Windows Phone为长按Item。

Context Actions依靠MenuItem实现,可以通过C#或XAML代码定义。MenuItem提供了Clicked事件响应MenuItem的点击,MenuItem继承BaseMenuItem,有三个常用属性属性:

Text – string类型,表示MenuItem显示文本.

Icon – FileImageSource类型,表示MenuItem图标.

IsDestructive – bool类型,值为true时iOS平台MenuItem以红色背景渲染.

 

具体应用见原文。

 

ListView 性能优化

见原文。

 

Improving ListView Performance

ListView使用过程中很多技巧可以帮助我们提高ListView的性能:

对于绑定的数据源用IList<T> 集合代替 IEnumerable<T>集合。

尽量使用Forms提供的Cell(TextCell / SwitchCell),避免自定义Cell。

自定Cell时减少布局嵌套和使用视图,布局尽量使用AbsoluteLayout 和 Grid,对于LayoutOptions属性尽量设置为Fill。

显示不规律数据时用TableView代替ListView。

减少Cell.ForceUpdateSize方法的调用。

避免将ListView放置在ScrollView中使用。

过于复杂的Cell,尽量使用Custom Renderer。

这篇关于Xamarin.Forms Views介绍(六)——ListView的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/931328

相关文章

Java中HashMap的用法详细介绍

《Java中HashMap的用法详细介绍》JavaHashMap是一种高效的数据结构,用于存储键值对,它是基于哈希表实现的,提供快速的插入、删除和查找操作,:本文主要介绍Java中HashMap... 目录一.HashMap1.基本概念2.底层数据结构:3.HashCode和equals方法为什么重写Has

Springboot项目构建时各种依赖详细介绍与依赖关系说明详解

《Springboot项目构建时各种依赖详细介绍与依赖关系说明详解》SpringBoot通过spring-boot-dependencies统一依赖版本管理,spring-boot-starter-w... 目录一、spring-boot-dependencies1.简介2. 内容概览3.核心内容结构4.

setsid 命令工作原理和使用案例介绍

《setsid命令工作原理和使用案例介绍》setsid命令在Linux中创建独立会话,使进程脱离终端运行,适用于守护进程和后台任务,通过重定向输出和确保权限,可有效管理长时间运行的进程,本文给大家介... 目录setsid 命令介绍和使用案例基本介绍基本语法主要特点命令参数使用案例1. 在后台运行命令2.

MySQL常用字符串函数示例和场景介绍

《MySQL常用字符串函数示例和场景介绍》MySQL提供了丰富的字符串函数帮助我们高效地对字符串进行处理、转换和分析,本文我将全面且深入地介绍MySQL常用的字符串函数,并结合具体示例和场景,帮你熟练... 目录一、字符串函数概述1.1 字符串函数的作用1.2 字符串函数分类二、字符串长度与统计函数2.1

zookeeper端口说明及介绍

《zookeeper端口说明及介绍》:本文主要介绍zookeeper端口说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、zookeeper有三个端口(可以修改)aVNMqvZ二、3个端口的作用三、部署时注意总China编程结一、zookeeper有三个端口(可以

Python中win32包的安装及常见用途介绍

《Python中win32包的安装及常见用途介绍》在Windows环境下,PythonWin32模块通常随Python安装包一起安装,:本文主要介绍Python中win32包的安装及常见用途的相关... 目录前言主要组件安装方法常见用途1. 操作Windows注册表2. 操作Windows服务3. 窗口操作

c++中的set容器介绍及操作大全

《c++中的set容器介绍及操作大全》:本文主要介绍c++中的set容器介绍及操作大全,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录​​一、核心特性​​️ ​​二、基本操作​​​​1. 初始化与赋值​​​​2. 增删查操作​​​​3. 遍历方

HTML img标签和超链接标签详细介绍

《HTMLimg标签和超链接标签详细介绍》:本文主要介绍了HTML中img标签的使用,包括src属性(指定图片路径)、相对/绝对路径区别、alt替代文本、title提示、宽高控制及边框设置等,详细内容请阅读本文,希望能对你有所帮助... 目录img 标签src 属性alt 属性title 属性width/h

MybatisPlus service接口功能介绍

《MybatisPlusservice接口功能介绍》:本文主要介绍MybatisPlusservice接口功能介绍,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友... 目录Service接口基本用法进阶用法总结:Lambda方法Service接口基本用法MyBATisP

MySQL复杂SQL之多表联查/子查询详细介绍(最新整理)

《MySQL复杂SQL之多表联查/子查询详细介绍(最新整理)》掌握多表联查(INNERJOIN,LEFTJOIN,RIGHTJOIN,FULLJOIN)和子查询(标量、列、行、表子查询、相关/非相关、... 目录第一部分:多表联查 (JOIN Operations)1. 连接的类型 (JOIN Types)