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.cs
App.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} />

四种四种方法方法样式样式样式

UWP中设置控件样式四种方法

相关文章