WPF 杂谈——资源文件

2017-05-01 20:45:51来源:cnblogs.com作者:Aomi人点击

编写一个应用难免要用到WPF本身的控件。不管是WinForm还是网页都会有自己的控件。只是在写法和用法上有所不同而以。而控件命名却离不开那几个单词。所以不用担心判断不出来哪个是按扭,哪个是文本框。举个例子吧。

HTML

 <input type="button" value="扭按" />

WinForm

 private System.Windows.Forms.Button button1;

WPF

  <Button  Content="按扭"/>

看到了吧。本质上来讲没有什么区别。只要学习他的属性用法就可以了。

在设计业务界面的时候,我们一定离不开对界面进行相应的布局。网页上常常会用到DIV+CSS来进行布局。只是笔者想要讲的不是要用到什么技术。而是用到的知识。如:HTML里面用于布局元素有DIV、SPAN、Table等。又好比如:WinForm里面常常会用Panel。那么WPF里面是不是也有类似这样子的知识点。这是当然了。值得注意的是PC端(C/S)和网页(B/S)在布局上有所不同。PC端这边多出了一个布局方式的知识点。一般有分为绝对布局(AbsoluteLayout),边框布局(BorderLayout),流布局(FlowLayout),表格布局(TableLayout),锚点布局(AnchorLayout)等。但是不是什么布局都存在。这个要看设计这门技术的人有没有把所有的布局都包进来。

WPF用于布局的元素有:Grid,StackPanel,WrapPanel。这些全是布局方式的知识。如下

Grid:表格布局或是绝对布局。

StackPanel:线性布局(要么垂直要么水平)。

WrapPanel:流布局。

可以说上面这三个元素足够让你们布局出令流目的界面出来。但是这只是用于界面上的划分。而想要做的美丽和漂亮就要用到样式(Style)。

笔者学习WPF的样式,最开始是以CSS样式来学习。如:CSS有三种方式来实现——外部样式,内部样式,内嵌样式。WPF的样式(Style)实现有几种方式呢?笔者从开发过程得出来——二种。没有了内嵌样式。但是却又多出了一种概念。这个概念跟控件有关系。所以笔者就在网页上面下载了一个图片。如下

我们可以从图片上看到所有常用到的控件都会继承于FrameworkElement类。在FrameworkElement类里面有一个属性叫Resources。这个属性里面可以创建和存放各种各样的样式。这就意味着每一个控件都有自己的样式存放的地方。也就是说样式的作用可以控制到某个控件的范围。虽然网页也可以随时随地的创建CSS样式。只要在声明的Style里面就行了。但是他还是作用于整个网页。所以WPF在控件或是Window窗体里面声明的样式笔者都喜欢叫他们为内部样式。

网页上的外部样式是引用一个外部文件。而这个外部文件里面存放大量的CSS样式。同样子WPF也是这样子的。但是有一个区别的——范围。网页上的外部文件最终作用只能是某个网页,但是WPF的作用可以是整个应用。不管是多少个Window,多少个UserControl。就是上一章中讲到的在Application里面设置引用的外部文件。也是笔者认为的外部样式。如下

 <ResourceDictionary Source="/FirstFloor.ModernUI;component/Assets/ModernUI.xaml" />

 即然每一个控件都会有自己的样式资源,那问题来了——如果俩个样式对同一个对象进行修饰,那么他要什么样子选择呢?举一个小小的例子吧。

<Window x:Class="WpfApp.MainWindow"        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"        Title="MainWindow" Height="350" Width="525">    <Window.Resources>        <Style TargetType="TextBlock">            <Setter Property="Foreground" Value="Red"></Setter>        </Style>    </Window.Resources>    <Grid>        <Grid.Resources>            <Style TargetType="TextBlock">                <Setter Property="Foreground" Value="Blue"></Setter>            </Style>        </Grid.Resources>        <TextBlock Text="1223"></TextBlock>    </Grid></Window>

运行结果:

笔者在Window窗体里面写了一个对TextBlock控件进行修饰的样式,同时前景色设为红色。在Grid也写了一个对TextBlock控件进行修饰的样式,只是这个颜色为蓝色。结果我们可以看到他会选择最近的样式。

上面列子里面笔者是对所有的TextBlock控件进行修饰。跟CSS样式里面的元素选择器有一点类似。往往一般用于自定义控件。还有一种写法,跟CSS样式里面的类选择器有一点类似。如下

 1     <Style x:Key="AlertButton" TargetType="ButtonBase" BasedOn="{StaticResource SystemButtonBase}"> 2         <Setter Property="Cursor" Value="Hand" /> 3         <Setter Property="Margin" Value="8"/> 4         <Setter Property="Padding" Value="4"/> 5         <Style.Triggers> 6             <Trigger Property="IsMouseOver" Value="True"> 7                 <Setter Property="Opacity" Value=".7" /> 8             </Trigger> 9             <Trigger Property="IsPressed" Value="True">10                 <Setter Property="Opacity" Value=".4" />11             </Trigger>12         </Style.Triggers>13     </Style>

上面的代码来自于开源项目FirstFloor.ModernUI里面的。“x:Key”就是相当于CSS样式里面的"."。除了这些之外我们还是可以看到baseOn,它用于继承的。相信大家都可以看得懂是什么意思。Setter用于设置当前的属性值。Style.Triggers用于一些触发动作设置。比如按扭按下时要发生一些什么样子的变化。Property="IsPressed" Value="True"就是相当于IF。当前按扭按下去时候,IsPressed的值会变成True。发现服合当前的一个触发条件。于是就开始执行相应的设置工作。如:上面透明度(Opacity)会成.4。

当前除了上面讲到的样式之外,资源还可以存放别的东西。如:颜色。算了。只有文字的说明不能够明显和直接。在笔者在举个列子吧。

 1 <Window x:Class="WpfApp.MainWindow" 2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 4         xmlns:sys="clr-namespace:System;assembly=mscorlib" 5         Title="MainWindow" Height="350" Width="525"> 6     <Window.Resources> 7         <sys:String x:Key="TestString">I am Aomi</sys:String> 8     </Window.Resources> 9     <Grid>10         <TextBlock Text="{StaticResource TestString}"></TextBlock>11     </Grid>12 </Window>

运行结果:

我们可以看到。资源文件不只是样式,还可以存放一些系统的值。但是一定要注意引用。如上面的xmlns:sys="clr-namespace:System;assembly=mscorlib"。

在引用样式方面,WPF也分为静态和动态的差别。如上面是静态引用。动态则要用到关键字DynamicResource。那么动态资源和静态资源的概念就出来。记得以前有人问过笔者他们之间到底有什么差别。笔者连什么是动态资源,什么是静态资源都搞不清楚。

静态资源(StaticResource):会在加载xaml文件的时候进行初始化,而且只有一次。同时运行的时候是不能对资源进行相关的操作。这就意味着后面如果对资源进行修改,是不会同步相应的引用。

动态资源(DynamicResource):会在运行的时候进行初始化,同时运行的时候也可以操作。显然后面对资源进行修改会同步到相应的引用。

知道这些之后,让笔者做了例子吧。就按上面的列子稍微的修改一下吧。

<Window x:Class="WpfApp.MainWindow"        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"        xmlns:sys="clr-namespace:System;assembly=mscorlib"        Title="MainWindow" Height="350" Width="525">    <Window.Resources>        <sys:String x:Key="TestString">I am Aomi</sys:String>    </Window.Resources>    <Grid>        <Grid.RowDefinitions>            <RowDefinition Height="auto" />            <RowDefinition Height="auto" />        </Grid.RowDefinitions>        <TextBlock x:Name="TbText" Grid.Row="0" Text="{DynamicResource TestString}"></TextBlock>        <Button Grid.Row="1" Content="变化" Click="Button_Click"></Button>    </Grid></Window>

后台按扭的代码:

 private void Button_Click(object sender, RoutedEventArgs e)        {            this.Resources["TestString"] ="aaa";        }

动态资源的执行结果:

把上面的引用改成如下静态引用。

 <TextBlock x:Name="TbText" Grid.Row="0" Text="{StaticResource TestString}"></TextBlock>

静态资源的执行结果:

至于到底是用动态资源好,还是用静态资源好呢?笔者是这样子理解的:静态资源他只会在编译的时候加载一次。后面哪怕你修改他资源也不会发生变化。而动态资源会在编译的时候也初始化,只是这个时候的值并没有被初始化。只有在运行过程中需要的时候才会去加载值。所以呢?如果在项目过程中不需要后面修改变化的话,可以试着用静态资源。要明白动态资源可不是加载一次哦。性能还是要想一想的。

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台