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

发布时间:2022-05-16 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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中设置控件样式四种方法 的详细内容,更多请关注脚本宝典其它相关文章

脚本宝典总结

以上是脚本宝典为你收集整理的UWP中设置控件样式四种方法 全部内容,希望文章能够帮你解决UWP中设置控件样式四种方法 所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。