WPF元素类型样式概念详解

开发 开发工具
WPF元素类型样式是一个基础知识点。初学者在学习的过程中需要着重注意这一方面,通过各种实践经验来帮助我们提高对它的理解程度。

WPF开发工具的使用帮会组开发人员实现了轻松简单的图形界面处理。对于WPF元素类型样式这样的基础理解是在学习的过程中非常重要的知识点。#t#

命名样式非常有用,当你得到一组属性并应用到特点的元素上。然而,如果你想要应用一个统一的样式到所有确定元素类型的实例,设置TargetType而不用一个Key。

  1. < !-- no Key --> 
  2. < Style TargetType=
    "{x:Type Button}"> 
  3. < Setter Property=
    "FontSize" Value="32" /> 
  4. < Setter Property=
    "FontWeight" Value="Bold" /> 
  5. < /Style> 
  6. < !-- no Key --> 
  7. < Style TargetType=
    "{x:Type TextBlock}"> 
  8. < Setter Property=
    "FontSize" Value="32" /> 
  9. < Setter Property=
    "FontWeight" Value="Thin" /> 
  10. < Setter Property=
    "Foreground" Value="White" /> 
  11. < Setter Property=
    "HorizontalAlignment" 
    Value="Center" /> 
  12. < /Style> 
  13. < Button Grid.Row="0" 
    Grid.Column="0" x:ID="cell00" /> 
  14. < TextBlock Grid.Row="5" 
    Grid.ColumnSpan="5" x:ID=
    "statusTextBlock" /> 

 

如上面这段WPF元素类型样式示例所示,我们已经得到了两种样式,一种是带有TargetType的Button,没有key;另一种是带有TargetType的TextBlock,没有key。它们都以同样的方式工作;当创建一个Button或TextBlock的实例而不用现实地设置Style属性,它使用的样式将目标类型匹配到控件的类型。

元素类型样式是便利的,无论何时你想要所有特定元素的实例共享一个外观,依赖于范围。例如,迄今,在***窗体中,我们已经在示例中为样式设置了范围。

 

 

  1. < !-- Window1.xaml --> 
  2. < Window > 
  3. < !-- every Button or 
    TextBlock in the Window 
    is affected --
    > 
  4. < Window.Resources> 
  5. < Style TargetType="
    {x:Type Button}"
    >< /Style> 
  6. < Style TargetType="
    {x:Type TextBlock}"
    >< /Style> 
  7. < /Window.Resources> 
  8. < /Window> 

 

尽管如此,我们可能想缩小WPF元素类型样式的范围。在我们的示例中,这将工作良好将样式限定范围在grid中,从而只有grid中的Button和TextBlock受到影响。

 

  1. < !-- Window1.xaml --> 
  2. < Window > 
  3. < Grid > 
  4. < !-- only Buttons or 
    TextBlocks in the Grid 
    are affected --
    > 
  5. < Grid.Resources> 
  6. < Style TargetType="
    {x:Type Button}"
    >< /Style> 
  7. < Style TargetType="
    {x:Type TextBlock}"
    >< /Style> 
  8. < /Grid.Resources> 
  9. < /Grid> 
  10. < !-- Buttons and TextBlocks 
    outside the Grid are unaffected --
    > 
  11. < /Window> 

或者,如果你想使你的样式在你的工程中有更大的作用区域,你可以将它们放在应用程序范围内。

 

 

  1. < !-- MyApp.xaml --> 
  2. < Application > 
  3. < !-- every Button or TextBlock 
    in the Application is affected --
    > 
  4. < Application.Resources> 
  5. < Style TargetType="{x:Type 
    Button}"
    >< /Style> 
  6. < Style TargetType="{x:Type 
    TextBlock}"
    >< /Style> 
  7. < /Application.Resources> 
  8. < /Application> 

 

一般而言,理解WPF元素类型样式范围规则是有用的,因此你可以判断它们在各种WPF对象模型中的效果。第6章更加详细地讨论了所有种类的资源范围,包括样式。

命名样式和元素类型样式

当对命名样式还是元素类型样式使用作出选择时,我们的一位评论家说,按照他的经验,一旦你有10个以上给予元素类型的样式,对一个特定的控件获取它的样式保持跟踪将非常困难。这是一个原因是我成为命名样式的粉丝。

对于我而言,样式是一个在一个地方应用到内容的语义标签,并且在另一个地方也能获得一个可视化表示。正如我们的TTT示例那样简单,我们已经得到了两个样式,一个是为了状态文字,另一个是为了移动的单元;在我们这么做之前,我们将要得到更多。

主要的区别因素是我们在这些元素中显示的数据种类,而不是保持WPF元素类型样式。实际上,我们有一些分配到TextBox控件的样式,这将无论如何打消基于类型的样式,甚至是这个简单的应用程序。

责任编辑:曹凯 来源: 博客园
相关推荐

2009-12-28 13:38:35

WPF类型转换器

2009-12-28 16:20:50

WPF内嵌样式

2009-12-28 16:54:30

WPF注释

2009-12-28 16:00:36

WPF样式继承

2009-12-24 15:36:41

WPF逻辑树

2009-12-25 17:48:43

WPF资源路径

2010-01-26 18:00:07

Android屏幕元素

2009-12-28 14:32:31

WPF窗体对话框

2009-12-23 09:18:39

WPF开发工具

2009-12-21 15:33:07

WCF集合元素

2009-12-23 17:01:09

WPF Command

2010-01-05 14:04:53

.NET Framew

2009-12-28 14:40:08

WPF属性

2009-12-28 15:18:29

WPF控件模型

2009-12-23 15:27:34

WPF图形系统

2009-12-25 11:23:43

WPF命令模型

2009-12-29 09:54:27

WPF文字布局

2009-12-28 10:47:58

WPF绘图

2009-12-28 11:41:04

WPF 3.5特点

2009-12-23 17:42:37

WPF Control
点赞
收藏

51CTO技术栈公众号