UWP-xaml之style样式

短命女 2021-11-19 12:22 406阅读 0赞

style是样式，主要作用就是对元素的属性值进行分组，相对于普通元素添加效果的写法而言，其使用比较方便。

### style的使用 ###

**普通代码**

**样式代码**

**效果图**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW4xMDgzMzc2NTEx_size_16_color_FFFFFF_t_70][]

### **继承style** ###

**代码（添加到被继承的style后面）**

**效果图**

![20190727173340105.png][]

### 共享style ###

所谓共享，就是目标类型可分为多种具体目标类型，比如Control可分为按钮、文本框等具体控件类型。Control被style为目标类型，则所有具体控件类型就会共享到style设置好的效果。

**效果图**

![20190727174953165.png][]

### 共享style的规则 ###

1.Control类型的也分为好几种，比如按钮、文本框类、组合框等具体类型控件。如果setter所列出来的属性，对某些具体控件是没有的，则该属性对该控件是不产生作用的。但setter所列出来的属性，如果该控件有这个属性，就对该属性产生作用。

2.在setter添加不一样目标类型的控件，就会报错，如代码：

<Setter  Property="TextBox.TextAlignment" Value="Right" >

3.虽然在WPF中，允许style中可不写上TargetType目标类型，表示可在不特定的控件下使用。但在UWP就必须写上这个TargetType。

在所有xaml设置控件style

在应用程序加载之后，所有目标类型控件设置为相同属性值效果，可在在App.xaml添加代码：

<Application.Resources>
    
            <Style  TargetType="Button">
                <Setter Property="Button.FontSize" Value="22"/>
                <Setter  Property="Button.Background" Value="Purple"/>
                <Setter  Property="Button.Foreground" Value="White"/>
                <Setter  Property="Button.Height" Value="50"/>
                <Setter  Property="Button.Width" Value="50"/>
                <Setter  Property="Button.RenderTransformOrigin" Value=".5,.5"/>
                <Setter  Property="Button.RenderTransform" >
                    <Setter.Value>
                        <RotateTransform Angle="10"/>
                    </Setter.Value>
                </Setter>
            </Style>
            
        </Application.Resources>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NoZW4xMDgzMzc2NTEx_size_16_color_FFFFFF_t_70]: /images/20211119/550cfcfb0b1a48daab06b79e209d514e.png
[20190727173340105.png]: /images/20211119/ba4a0b65d9694e91b7b3a95eb55ef498.png
[20190727174953165.png]: /images/20211119/09fa3959cb0b4ceb82931dd4a8acf6f4.png