Xamarin.Forms 第07局：显示型控件

总目录

前言

本文介绍控件：
一、控件概述
二、Label
三、Image
四、BoxView
五、WebView

环境

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

内容

一、控件概述

控件(Control)是构建界面的基础元素，通常有以下几种类型：

1.显示型控件：
Label：显示文本，可单行或多行显示；
Image：显示图像；
BoxView：显示矩形；
WebView：显示Web和Html内容；

2.命令型控件
Button：可触发点击事件；
ImageButton：带图片的Button，可触发点击事件；
SearchBar：搜索条，可提供用户搜索功能；

3.设置型控件
Slider：滑动条；
Stepper：步进器；
Switch：开关；
DatePicker：日期选择器；
TimePicker：时间选择器；

4.编辑型控件
Entry：文本框，输入或编辑单行文本；
Editor：编辑器，输入或编辑多行文本；

5.状态型控件
ActivityIndicator：活动指示器，一个转圈圈动画的控件；
ProgressBar：进度条；

6.集合型控件
Picker：选取器，提供一个供选择的列表；
ListView：集合列表；
TableView：表控件，它允许每行显示不同模板的内容，而ListView所有行的模板相同。

显示型控件

二、Label

Label：显示文本，可以调整文本样式。

实现效果

Xaml方式

1.TextDecorations：文本修饰，其属性值为：
- None：无修饰(默认值)；
- Underline：下划线；
- Strikethrough：删除线。

2.FontSize：字体大小，可设置固定值。也可以使用XF内置属性值，XF会根据不同平台选择最佳大小：
- Default：默认；
- Micro：微小；
- Small：小；
- Medium：中；
- Large：大；

3.FontAttributes：字体样式，其属性值为：
- None：无(默认值)；
- Bold：粗体；
- Italic：斜体；

4.TextColor：设置字体颜色。
- 16 进制，例如："#000000"；
- 系统内置，例如："Orange"

5.LineBreakMode：行截断模式，其属性值为：
- NoWrap：不换行；
- WordWrap：按单词换行(默认值)；
- CharacterWrap：按字符换行；
- HeadTruncation：断头，即：显示尾部，头部显示省略号...；
- TailTruncation：断尾，即：显示头部，尾部显示省略号...；
- MiddleTruncation：断中间，即：显示头尾内容，中间显示省略号...。

6.MaxLines：设置可以显示的最行数。

7.FormattedText：格式化文本，由多个Span组成。