总目录
前言
本文介绍数据模板:
一、数据模板
二、数据模板选择器
环境
1.Visual Studio 2017
2.Xamarin.Froms 4.0.0.62955-pre2
3.Android 4.4(API 19)或更高版本
4.约定:XF代表Xamarin.Forms
内容
一、数据模板
数据模板:数据模板提供数据的表现形式。
数据模板常用的是那种实现方式:
- 内联数据模板:直接将数据模板放入控件内;
- 类型数据模板:自定义ViewCell类型,然后在数据模板中使用;
- 资源数据模板:在资源中定义数据模板;
下面分别对其进行介绍。
实现效果

此截图为以下三种方式统一的实现效果。
准备代码

此代码为以下三种方式统一的后台代码。
方式一:内联数据模板

方式二:类型数据模板


创建BooKCell,并定义布局。注意:BookCell必须继承自ViewCell。

方式三:资源数据模板

二、数据模板选择器
数据模板选择器:在运行时根据数据绑定的属性的值选择模板。
实现效果

效果描述:
- 成绩<60:用红色数据模板显示;
- 60≤成绩<80:用粉色数据模板显示;
- 成绩>80:用紫色数据模板显示。
实现方式

创建模板选择器,声明多个模板,并在OnSelectTemplate内实现选择模板的逻辑。

定义具体的模板,然后实例化模板选择器,并对模板选择器中声明的模板赋值,最后将模板选择器应用到ListView的ItemTemplate。

后语
下篇介绍导航,待续...
网友评论