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

来源:互联网 发布:linux find size 编辑:程序博客网 时间:2024/06/05 05:00

暗主题

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>

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