Xamarin.Forms 用户界面——控件——主题——Dark Theme

暗主题

PDF用于离线使用

• 下载PDF

让我们知道你对此的感受

主题要求Xamarin.Forms 2.3预览版。 如果发生错误， 请查看  故障排除提示

使用暗主题：

1.添加Nuget包

• Xamarin.Forms.Theme.Base
• Xamarin.Forms.Theme.Dark

2.添加到资源字典

在App.xaml文件中xmlns为主题添加一个新的自定义，然后确保主题的资源与应用程序的资源字典合并。示例XAML文件如下所示：

<?xml version="1.0" encoding="utf-8"?>
<Application xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="EvolveApp.App"
             xmlns:dark="clr-namespace:Xamarin.Forms.Themes;assembly=Xamarin.Forms.Theme.Dark">
    <Application.Resources>
        <ResourceDictionary MergedWith="dark:DarkThemeResources" />
    </Application.Resources>
</Application>

3.加载主题类

按照此问题排查步骤， 并在iOS和Android应用程序项目中添加所需的代码。

4.使用StyleClass

这里是黑色主题中的按钮和标签的示例，以及生成它们的标记。

<StackLayout Padding="20">
    <Button Text="Button Default" />
    <Button Text="Button Class Default" StyleClass="Default" />
    <Button Text="Button Class Primary" StyleClass="Primary" />
    <Button Text="Button Class Success" StyleClass="Success" />
    <Button Text="Button Class Info" StyleClass="Info" />
    <Button Text="Button Class Warning" StyleClass="Warning" />
    <Button Text="Button Class Danger" StyleClass="Danger" />
    <Button Text="Button Class Link" StyleClass="Link" />

    <Button Text="Button Class Default Small" StyleClass="Small" />
    <Button Text="Button Class Default Large" StyleClass="Large" />
</StackLayout>

内置类的完整列表 显示了一些常见控件可用的样式。