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。基础风格。
baseresourcekey: String。获取或设置标识的关键风格在这风格基于。
Behavior: IList
cancascade : BOOl
Setters: IList
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设置成启用和禁用是内置的样式的不同:
禁用时:
启用时