使用XAML样式设置Xamarin.Forms应用的样式
Xamarin.Forms应用程序的样式传统上是通过使用Style类将一组属性值分组到一个对象中来完成的,然后可以将其应用于多个视觉元素实例。 这有助于减少重复标记,并使应用外观更容易更改。

使用级联样式表样式化Xamarin.Forms应用程序
Xamarin.Forms支持使用级联样式表(CSS)设置视觉元素的样式。 样式表由规则列表组成,每个规则由一个或多个选择器以及一个声明块组成。

但是在Xamarin.Forms中,CSS样式表在运行时而不是在编译时进行分析和评估,并且样式表在使用时进行重新分析。更多参考

以下只介绍通过XAML Styles来设置

介绍

样式允许自定义视觉元素的外观。 样式是为特定类型定义的,并包含该类型上可用属性的值。

Xamarin.Forms应用程序通常包含外观相同的多个控件。 例如,一个应用程序可能具有多个具有相同字体选项和布局选项的Label实例,如以下XAML代码示例所示:

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    x:Class="Styles.NoStylesPage"
    Title="No Styles"
    IconImageSource="xaml.png">
    <ContentPage.Content>
        <StackLayout Padding="0,20,0,0">
            <Label Text="These labels"
                   HorizontalOptions="Center"
                   VerticalOptions="CenterAndExpand"
                   FontSize="Large" />
            <Label Text="are not"
                   HorizontalOptions="Center"
                   VerticalOptions="CenterAndExpand"
                   FontSize="Large" />
            <Label Text="using styles"
                   HorizontalOptions="Center"
                   VerticalOptions="CenterAndExpand"
                   FontSize="Large" />
        </StackLayout>
    </ContentPage.Content>
</ContentPage>
View Code

相关文章: