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

相关文章

C#使用StackExchange.Redis实现分布式锁的两种方式介绍

《C#使用StackExchange.Redis实现分布式锁的两种方式介绍》分布式锁在集群的架构中发挥着重要的作用,:本文主要介绍C#使用StackExchange.Redis实现分布式锁的... 目录自定义分布式锁获取锁释放锁自动续期StackExchange.Redis分布式锁获取锁释放锁自动续期分布式

redis过期key的删除策略介绍

《redis过期key的删除策略介绍》:本文主要介绍redis过期key的删除策略,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录第一种策略:被动删除第二种策略:定期删除第三种策略:强制删除关于big key的清理UNLINK命令FLUSHALL/FLUSHDB命

Pytest多环境切换的常见方法介绍

《Pytest多环境切换的常见方法介绍》Pytest作为自动化测试的主力框架,如何实现本地、测试、预发、生产环境的灵活切换,本文总结了通过pytest框架实现自由环境切换的几种方法,大家可以根据需要进... 目录1.pytest-base-url2.hooks函数3.yml和fixture结论你是否也遇到过

MySQL中慢SQL优化的不同方式介绍

《MySQL中慢SQL优化的不同方式介绍》慢SQL的优化,主要从两个方面考虑,SQL语句本身的优化,以及数据库设计的优化,下面小编就来给大家介绍一下有哪些方式可以优化慢SQL吧... 目录避免不必要的列分页优化索引优化JOIN 的优化排序优化UNION 优化慢 SQL 的优化,主要从两个方面考虑,SQL 语

C++中函数模板与类模板的简单使用及区别介绍

《C++中函数模板与类模板的简单使用及区别介绍》这篇文章介绍了C++中的模板机制,包括函数模板和类模板的概念、语法和实际应用,函数模板通过类型参数实现泛型操作,而类模板允许创建可处理多种数据类型的类,... 目录一、函数模板定义语法真实示例二、类模板三、关键区别四、注意事项 ‌在C++中,模板是实现泛型编程

Python实现html转png的完美方案介绍

《Python实现html转png的完美方案介绍》这篇文章主要为大家详细介绍了如何使用Python实现html转png功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 1.增强稳定性与错误处理建议使用三层异常捕获结构:try: with sync_playwright(

Java使用多线程处理未知任务数的方案介绍

《Java使用多线程处理未知任务数的方案介绍》这篇文章主要为大家详细介绍了Java如何使用多线程实现处理未知任务数,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 知道任务个数,你可以定义好线程数规则,生成线程数去跑代码说明:1.虚拟线程池:使用 Executors.newVir

JAVA SE包装类和泛型详细介绍及说明方法

《JAVASE包装类和泛型详细介绍及说明方法》:本文主要介绍JAVASE包装类和泛型的相关资料,包括基本数据类型与包装类的对应关系,以及装箱和拆箱的概念,并重点讲解了自动装箱和自动拆箱的机制,文... 目录1. 包装类1.1 基本数据类型和对应的包装类1.2 装箱和拆箱1.3 自动装箱和自动拆箱2. 泛型2

四种Flutter子页面向父组件传递数据的方法介绍

《四种Flutter子页面向父组件传递数据的方法介绍》在Flutter中,如果父组件需要调用子组件的方法,可以通过常用的四种方式实现,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录方法 1:使用 GlobalKey 和 State 调用子组件方法方法 2:通过回调函数(Callb

Python进阶之Excel基本操作介绍

《Python进阶之Excel基本操作介绍》在现实中,很多工作都需要与数据打交道,Excel作为常用的数据处理工具,一直备受人们的青睐,本文主要为大家介绍了一些Python中Excel的基本操作,希望... 目录概述写入使用 xlwt使用 XlsxWriter读取修改概述在现实中,很多工作都需要与数据打交