Xamarin.Froms 第19局:数据模板

总目录


前言

本文介绍数据模板:
一、数据模板
二、数据模板选择器

环境

1.Visual Studio 2017
2.Xamarin.Froms 4.0.0.62955-pre2
3.Android 4.4(API 19)或更高版本
4.约定:XF代表Xamarin.Forms

内容

一、数据模板

数据模板:数据模板提供数据的表现形式。

数据模板常用的是那种实现方式:

  • 内联数据模板:直接将数据模板放入控件内;
  • 类型数据模板:自定义ViewCell类型,然后在数据模板中使用;
  • 资源数据模板:在资源中定义数据模板;

下面分别对其进行介绍。

实现效果
Xamarin.Froms 第19局:数据模板_第1张图片

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

准备代码
Xamarin.Froms 第19局:数据模板_第2张图片

此代码为以下三种方式统一的后台代码。

方式一:内联数据模板
Xamarin.Froms 第19局:数据模板_第3张图片
方式二:类型数据模板
Xamarin.Froms 第19局:数据模板_第4张图片
Xamarin.Froms 第19局:数据模板_第5张图片

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

Xamarin.Froms 第19局:数据模板_第6张图片
方式三:资源数据模板
Xamarin.Froms 第19局:数据模板_第7张图片

二、数据模板选择器

数据模板选择器:在运行时根据数据绑定的属性的值选择模板。

实现效果
Xamarin.Froms 第19局:数据模板_第8张图片

效果描述:

  • 成绩<60:用红色数据模板显示;
  • 60≤成绩<80:用粉色数据模板显示;
  • 成绩>80:用紫色数据模板显示。
实现方式
Xamarin.Froms 第19局:数据模板_第9张图片

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

Xamarin.Froms 第19局:数据模板_第10张图片

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

Xamarin.Froms 第19局:数据模板_第11张图片

后语

下篇介绍导航,待续...


总目录

你可能感兴趣的:(Xamarin.Froms 第19局:数据模板)