第三章:深入文本(2)

简介:

文本和背景的颜色
如您所见,“标签”视图以适合设备的颜色显示文本。 您可以通过设置两个名为TextColor和BackgroundColor的属性来覆盖该行为。 标签本身定义了TextColor,但它从VisualElement继承了BackgroundColor,这意味着Pageand Layout也有一个BackgroundColor属性。
将TextColor和BackgroundColor设置为Color类型的值,这是一个定义了17个用于获取常用颜色的静态字段的结构。 您可以使用上一章中的问候语程序来试验这些属性。 以下是与HorizontalTextAlignment和VerticalTextAlignment结合使用的两种颜色,用于居中文本:

点击(此处)折叠或打开

public class GreetingsPage : ContentPage
{
    public GreetingsPage()
    {
        Content = new Label
        {
            Text = "Greetings, Xamarin.Forms!",
            HorizontalTextAlignment = TextAlignment.Center,
            VerticalTextAlignment = TextAlignment.Center,
            BackgroundColor = Color.Yellow,
            TextColor = Color.Blue
        };
    }
}

结果可能会让你大吃一惊。 正如这些截图所示,标签实际上占据了页面的整个区域(包括在iOS状态栏的下面),并且HorizontalTextAlignment和VerticalTextAlignment属性定位了该区域内的文本:
2018_02_01_224411

相比之下,下面是一些使文字颜色相同的代码,而使用HorizontalOptions和VerticalOptions属性居中文本:

点击(此处)折叠或打开

public class GreetingsPage : ContentPage
{
    public GreetingsPage()
    {
        Content = new Label
        {
            Text = "Greetings, Xamarin.Forms!",
            HorizontalOptions = LayoutOptions.Center,
            VerticalOptions = LayoutOptions.Center,
            BackgroundColor = Color.Yellow,
            TextColor = Color.Blue
        };
    }
}

现在标签只占用文本所需的空间,而这正是位于页面中心的位置:
2018_02_01_224635

HorizontalOptions和VerticalOptions的默认值不是LayoutOptions.Start,因为文本的默认外观可能会提示。 默认值是LayoutOptions.Fill。 这是导致标签填充页面的设置。 TextAlignment.Start的默认HorizontalTextAlignment和VerticalTextAlignment值是导致文本位于上一章的第一个版本的Greetings程序的左上角的原因。
您可以将不同的效果组合为HorizontalOptions,VerticalOptions,HorizontalTextAlignment和VerticalTextAlignment的各种设置。
您可能想知道:TextColor和BackgroundColor属性的默认值是什么,因为默认值会导致不同平台的颜色不同。
TextColor和BackgroundColor的默认值实际上是一个名为Color.Default的特殊颜色值,它不表示真实颜色,而是用于引用适合特定平台的文本和背景颜色。
让我们更详细地探讨颜色。

目录
相关文章
|
6月前
|
机器学习/深度学习 人工智能 自然语言处理
【Python机器学习】文本特征提取及文本向量化讲解和实战(图文解释 附源码)
【Python机器学习】文本特征提取及文本向量化讲解和实战(图文解释 附源码)
394 0
|
资源调度
一天掌握latex论文编辑,从标题作者,段落,数学公式,图片,图表,到参考文献全流程
一天掌握latex论文编辑,从标题作者,段落,数学公式,图片,图表,到参考文献全流程
652 0
|
机器学习/深度学习 数据采集 算法
2021-4月Python 机器学习——中文新闻文本标题分类
2021-4月Python 机器学习——中文新闻文本标题分类
285 0
|
机器学习/深度学习 自然语言处理 算法
2021-4月Python 机器学习——中文新闻文本标题分类(简单容易版)
2021-4月Python 机器学习——中文新闻文本标题分类(简单容易版)
394 0
|
前端开发 开发者
Web前端开发笔记——第二章 HTML语言 第三节 文本格式化标签
Web前端开发笔记——第二章 HTML语言 第三节 文本格式化标签
Web前端开发笔记——第二章 HTML语言 第三节 文本格式化标签
|
自然语言处理 算法
如何用3行代码简单实现文本情感分析
如何用3行代码简单实现文本情感分析
366 0
|
机器学习/深度学习 存储 自然语言处理
文本特征工程——下篇
文本特征工程——下篇
211 0
文本特征工程——下篇
|
机器学习/深度学习 自然语言处理 并行计算
长文本表示学习概述
摘要: "**如果**你愿意一层一层的剥开我的心·································**那么**你会坐牢的我跟你说"。自然语言就是这么神奇,句子中的长距离特征对于理解语义也非常关键,本文基于Tranformer、RNN、CNN、TCN分别概述近期学界对长句表示学习的诸多方法。 ## 1.长文本表示学习挑战 ​ NLP任务的特点和图像有极大的不同,上图展示了
2172 0

相关课程

更多
下一篇
无影云桌面