前言
在wpf中使用style的时候,有时需要有一些小修改,外形是相同的但颜色不一样,或者形状相同大小不一样等等。如果为上述的情况排列组合定个大量的Style,那Style也就失去了原本的意义,还不如直接将样式写在页面上。提高Style复用性的方法是设置参数,设置一系列的参数比如宽高颜色圆角等,在不同的页面使用不同的参数。
一、为什么要使用参数?
使用参数可以有效的减少代码冗余,及维护量,提高Style的复用性。
以ScrollBar为例子,一个ScrollBar的完整Style需要大概80行xaml代码。如果不同页面需要ScrollBar的宽度不同,如下:
为此定义2个ScrollBar的Style即需要大概160行xaml代码,维护时也需要改两份代码,这个再拓展到n种相似ScrollBar那代码行数和维护量就相当大了。
此时如果使用参数的方式则只需要加1行参数代码:“ScrollBar宽度”,就完成了上述2种ScrollBar的适配。也即是总共80+1行代码,维护也只有一份代码。
二、如何使用参数
1.定义参数
在Style的资源字典中定义需要的参数,参数也xaml标签,通过x:key
标识参数名称:
比如定义ScrollBar的宽度及滑块颜色:
<!--滚动条宽度-->
<sys:Double x:Key="ScrollBarThickness">4</sys:Double>
<!--滑块颜色-->
<SolidColorBrush x:Key="ThumbBackground" Color="#cccccc" />
2.关联参数
定义好参数后需要在Style中关联参数,关联参数的方式是使用DynamicResource
,例如在Style的ControlTemplate中:
<ControlTemplate>
<Border Width="{DynamicResource ScrollBarThickness}" Background="{DynamicResource ThumbBackground}" />
</ControlTemplate>
3.使用参数
关联参数后,在页面中的Resources定义一个同名的标签即可作为新的参数被关联。在里的Resources根据具体需求选择作用域,可以放在Window下,也可以放在使用Style的控件下。例子如下:
<ScrollBar Style="{DynamicResource ScrollStyle_Nomal}">
<ScrollBar.Resources>
<!--设置滑块宽度-->
<sys:Double x:Key="ScrollBarThickness">16</sys:Double>
<!--设置滑块颜色-->
<SolidColorBrush x:Key="ThumbBackground" Color="#666666" />
</ScrollBar.Resources>
</ScrollBar>
三、示例
加减按钮滚动条
https://blog.csdn.net/u013113678/article/details/120843370
总结
以上就是今天要讲的内容,本文介绍了Style的一种使用技巧,通过参数的方式使用Style,减少了代码冗余,增加了Style的可维护性以及可复用性,而且简化了一些复杂界面的实现。