Xamarin.Forms 用戶界面——控件——主題——Dark Theme

暗主題

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>

內置類完整列表 顯示了一些常見控件可用的樣式。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章