UWP中設定控制項樣式四種方法

1.隱式方法，通過僅指定 Style 的 TargetType。(設定全部的Button樣式)

1 <Page.Resources >2         <Style TargetType="Button">3             <Setter Property="BorderBrush" Value="Lime"/>4             <Setter Property="BorderThickness" Value="4"/>5         </Style>6     </Page.Resources>

2.顯式方法，通過指定 Style 的 TargetType 和 x:Key 特性這一特性，然後通過使用顯式鍵的 {StaticResource} 標記延伸引用設定目標控制項的 Style 屬性

<Page.Resources >        <Style x:Key="btnStyle" TargetType="Button">            <Setter Property="BorderBrush" Value="Lime"/>            <Setter Property="BorderThickness" Value="4"/>        </Style> </Page.Resources>//調用<Button Content="跳轉方法" x:Name="btnTest" Style="{StaticResource btnStyle}"/>

3.單個樣式表示

//1.App.xaml設定檔中<Application.Resources>     <SolidColorBrush x:Key="BlueBrush" Color="#FF1C90D1"/></Application.Resources>//2.頁面中綁定值MainPage.xaml<Rectangle Height="2" Width="18" Fill="{StaticResource EggshellBrush}"/>//3.擷取值MainPage.xaml.csApp.Current.Resources["EggshellBrush"] as SolidColorBrush

4.使用樣式檔案進行調整樣式

1) 建立檔案夾Themes右鍵添加建立項visual C# àxamlà資源字典 style.xaml

2) 在style.xaml寫樣式例如

<Style TargetType="Button" x:Key="gft_FormBtm">        <Setter Property="Background" Value="OrangeRed"></Setter>        <Setter Property="Height" Value="50"></Setter>        <Setter Property="FontSize" Value="16"></Setter>        <Setter Property="Foreground" Value="White"></Setter>        <Setter Property="HorizontalAlignment" Value="Center"></Setter>        <Setter Property="MinWidth" Value="300"></Setter> </Style>

3) 在App.xaml檔案中指定資源

<!--4.使用樣式檔案-->    <Application.Resources>        <ResourceDictionary>            <ResourceDictionary.MergedDictionaries>                <ResourceDictionary Source="Themes/style.xaml"></ResourceDictionary>            </ResourceDictionary.MergedDictionaries>        </ResourceDictionary></Application.Resources>

4) 在xaml介面中使用樣式檔案

1 <Button x:Name="btnSubmit"  Content="同意以上協議並註冊" HorizontalAlignment="Center" Click="btnSubmit_Click" Style="{StaticResource gft_FormBtm}" />