Xamarin 快速上手--文本的处理(一)

 

Label Class -- 标签

 

Label -- 标签

Guides链接: https://developer.xamarin.com/guides/xamarin-forms/user-interface/text/

API链接: https://developer.xamarin.com/api/type/Xamarin.Forms.Label/

功能描述: 标签视图用于显示文本。它可以显示多行文本或单行的文本。标签可以显示在内联

中使用的多个格式选项文本。标签视图可以包裹或截形文字的时候不能放在一行

 

Label相关属性

Font 字体 ; 获取或设置标签的字体。这是一个可绑定属性。

FontAttributes FontAttributes ; 获取一个值,指示是标签的字体是否为粗体,斜体,或者都不是。

FontFamily String ; 获取字体为标签的字体。

FontSize Double ; 获取标签的字体大小。

FormattedText formattedstring ; 获取或设置标签格式化文本。可绑定属性。

示例中涉及到了两个属性节点Label.FormattedText和FormattedString.Spans,显得代码冗长,可以删除FormattedString.Spans节点,只保留节点内元素,显示同样效果。

HorizontalTextAlignment TextAlignment ; 获取或设置文本的水平对齐属性。可绑定属性。

LineBreakMode linebreakmode ; 获取或设置标签的linebreakmode。可绑定属性。

 


Text String ; 文字内容 。可绑定属性。

TextColo Color ; 字体颜色。可绑定属性。

BackgroundColor Color ; 背景颜色

VerticalTextAlignment TextAlignment ; 获取或设置文本的垂直对齐属性。可绑定属性。

XAlig TextAlignment ;获取或设置文本里面的标签绑定的垂直对齐。

YAlign TextAlignment ; 获取或设置文本里面的标签绑定的垂直对齐。

 

============================================================

 

官方_Label的创建

(1) C#代码示例:

 

(2)XAML示例:

 

============================================================

Label相关注意及扩展

注意:

(1) Andorid下默认背景颜色是白色,iOS 下为黑色,没有文字是检查一下Label背景色;

(2) 初始化的Label的frame默认是自适应的;

 

Style && Styles Class--文本风格

styles Guides :

https://developer.xamarin.com/guides/xamarin-forms/user-interface/text/styles/

style API:

https://developer.xamarin.com/api/type/Xamarin.Forms.Style/

功能描述:

style 完全或部分定义类的视觉元素的外观和行为

styles 可以用来调整标签项的外观,和编辑。

注意!:

styles 可以定义一次,在多个视图View中使用;

styles 可以根据一个"key"选择不同style

style 只能在View视图里使用·一种style类型,包含了 triggers, setters, and behaviors。

 

============================================================

 

Style Class相关属性

公共属性

applytoderivedtypes : BOOl。

BasedOn Style。基础风格。

baseresourcekeyString。获取或设置标识的关键风格在这风格基于。

Behavior: IList 。获取列表行为属于此对象风格。

cancascade BOOl

Setters: IList获取到这种风格的setter list

TargetType: type。获取属于对象,这种风格可以描述的类型。见备注。

Triggers: IList获取列表触发属于此对象风格

 

 

Styles创建和常见风格

常见的场景风格:

1 BodyStyle

2 captionstyle

3 listitemdetailtextstyle

4 listitemtextstyle

5 subtitlestyle

6 titlestyle

Styles创建

(1) C#代码示例:

(2)XAML示例:

(3)效果图:

 

============================================================

 

自定义Styles

 

(1) C#代码示例:

(2)XAML示例:

 

(3)效果图:

 

 

============================================================

 

应用样式

应用自定义内置样式视图

一旦一个风格已经建立,它可以应用到任何视图匹配 TargetType

(1) C#代码示例:

a)

b)

c)

(2)XAML示例:

a)

b)

 

 

============================================================

 

可达

确保文本方面的辅助功能设置。

 

说明:built-in styles 让偏好设置变得更加容易。当使用任何内置的样式,字体大小会自动根据用户设置的风格调整大小。

 

注意:

相同的页面视图样式 在 accesibility设置成启用和禁用是内置的样式的不同:

禁用时:

 

启用时

 

 

 

 

你可能感兴趣的:(Xamarin快速上手,Xamarin.Forms)