stackpanel

　　通过使用变换(transform)，许多绘图任务将更趋简单；变换是通过不加通告地切换形状或元素使用的坐标系统来改变形状或元素绘制方式的对象。在WPF中，变换由继承自System.Windows.Media.Transform抽象类的类表示。下表列出了这些类。 表 变换类 　　从技术角度看，所有变换都使用矩阵数学改变形状的坐标。不过，使用预先构建好的变换，如TranslateTransform、RotateTransform、ScaleTransform以及SkewTransform，比使用MatrixTransform并尝试为希望执行的操作构造正确的矩阵更简单的多。当使用TransformGroup执行一系列变换时，WPF将所有变换融合到单独的MatrixTransform变换中以确保获得最佳性能。 　　所有变换(通过Transform类)继承自Freezable类，这意味着它们支持自动更改通知功能。如果改变了在形状中使用的变换，形状会立即重新绘制自身。 　　变换是那些在不同上下文中非常有用的古怪概念中的一个。下面例举几个例子： 　　 倾斜形状 。到目前为止已经介绍了水平对齐的矩形、椭圆、直线以及多边形。使用RotateTransform变换，可转动坐标系统，使创建特定的形状更容易。 　　 重复形状 。许多图画是在不同的位置使用类似的形状构建的。使用变换，可先绘制一个形状

　　WPF支持真正的透明效果。这意味着，如果在一个性质或元素上层叠另外几个形状或元素，并让所有这些形状和元素具有不同的透明度，就会看到所期望的效果。通过该特性能够创建透过上面的元素可以看到的的图像背景，这是最简单的情形。最复杂的情形是，使用该特性可创建多层动画和其他效果，对于其他框架来说这是很难实现的。 一、使用元素半透明 　　可采用以下几种方法使元素具有半透明效果： 　　 设置元素的Opacity属性 。每个元素（包括形状）都是从UIElement基类继承了Opacity属性。不透明度(Opacity)是0到1之间的小数，1表示完全不透明(默认值)，0表示完全透明。例如，不透明度0.9会创建90%可见（10透明）的效果。当使用这种方法设置不透明度时，设置会被应用于整个元素的可见内容。 　　 设置画刷的Opacity属性 。每个画刷也从Brush基类继承了Opacity属性。可使用0到1之间的值设置该属性，一控制使用画刷绘制的内容的透明度——不管是固定颜色画刷、渐变画刷，还有某种类型的纹理或图像画刷。因为可见形状的Stroke和Fill属性使用不同的画刷。所以可为边框和表面区域设置不同程度的透明度。 　　 使用具有透明Alpha值得颜色 。所有alpha值小于255的颜色都是半透明的。例如，可在SolidColorBrush画刷中使用半透明颜色

　　WPF支持真正的透明效果。这意味着，如果在一个性质或元素上层叠另外几个形状或元素，并让所有这些形状和元素具有不同的透明度，就会看到所期望的效果。通过该特性能够创建透过上面的元素可以看到的的图像背景，这是最简单的情形。最复杂的情形是，使用该特性可创建多层动画和其他效果，对于其他框架来说这是很难实现的。 一、使用元素半透明 　　可采用以下几种方法使元素具有半透明效果： 　　 设置元素的Opacity属性 。每个元素（包括形状）都是从UIElement基类继承了Opacity属性。不透明度(Opacity)是0到1之间的小数，1表示完全不透明(默认值)，0表示完全透明。例如，不透明度0.9会创建90%可见（10透明）的效果。当使用这种方法设置不透明度时，设置会被应用于整个元素的可见内容。 　　 设置画刷的Opacity属性 。每个画刷也从Brush基类继承了Opacity属性。可使用0到1之间的值设置该属性，一控制使用画刷绘制的内容的透明度——不管是固定颜色画刷、渐变画刷，还有某种类型的纹理或图像画刷。因为可见形状的Stroke和Fill属性使用不同的画刷。所以可为边框和表面区域设置不同程度的透明度。 　　 使用具有透明Alpha值得颜色 。所有alpha值小于255的颜色都是半透明的。例如，可在SolidColorBrush画刷中使用半透明颜色

　　通过使用变换(transform)，许多绘图任务将更趋简单；变换是通过不加通告地切换形状或元素使用的坐标系统来改变形状或元素绘制方式的对象。在WPF中，变换由继承自System.Windows.Media.Transform抽象类的类表示。下表列出了这些类。 表 变换类 　　从技术角度看，所有变换都使用矩阵数学改变形状的坐标。不过，使用预先构建好的变换，如TranslateTransform、RotateTransform、ScaleTransform以及SkewTransform，比使用MatrixTransform并尝试为希望执行的操作构造正确的矩阵更简单的多。当使用TransformGroup执行一系列变换时，WPF将所有变换融合到单独的MatrixTransform变换中以确保获得最佳性能。 　　所有变换(通过Transform类)继承自Freezable类，这意味着它们支持自动更改通知功能。如果改变了在形状中使用的变换，形状会立即重新绘制自身。 　　变换是那些在不同上下文中非常有用的古怪概念中的一个。下面例举几个例子： 　　 倾斜形状 。到目前为止已经介绍了水平对齐的矩形、椭圆、直线以及多边形。使用RotateTransform变换，可转动坐标系统，使创建特定的形状更容易。 　　 重复形状 。许多图画是在不同的位置使用类似的形状构建的。使用变换，可先绘制一个形状

　　WPF提供了可应用于任何元素的可视化效果。效果的目标是提供一种简单的声明式方法，从而改进文本、图像、按钮以及其他控件的外观。不是编写自己的绘图代码，而是使用某个继承自Effect的类(位于System.Windows.Media.Effects名称空间中)以立即获得诸如模糊、辉光以及阴影等效果。 　　下表列出了可供使用的的效果类： 表 效果类 　　勿将上表列出的Effect类的派生类和位图效果类相混淆，位图效果派生类自BitmapEffect类，该类和Effect类位于相同的名称空间中。尽管位图效果具有类似的编程模型，但他们存在价格严重的局限性： 　　位图效果不支持像素着色器，像素着色器是创建可重用效果的最强大、最灵活的方式。 　　位图效果是用非托管的代码实现的，从而需要完全信任的应用程序。所以，在基于浏览器的XBAP应用程序中不能使用位图效果。 　　位图效果总使用软件进行渲染，不使用显卡资源。这使得它们的速度较慢，当处理大量元素或具有较大可视化表面的元素时尤其如此。 　　BitmapEffect类是在WPF的第一个版本中引入的，该版本没有提供Effect类。为了向后兼容，仍保留了位图效果。 　　接下里的几节深入分析效果模型，并演示上三个继承自Effect的类：BlurEffect、DropShadowEffect以及ShaderEffect。 一、BlurEffect类 　

　　WPF提供了可应用于任何元素的可视化效果。效果的目标是提供一种简单的声明式方法，从而改进文本、图像、按钮以及其他控件的外观。不是编写自己的绘图代码，而是使用某个继承自Effect的类(位于System.Windows.Media.Effects名称空间中)以立即获得诸如模糊、辉光以及阴影等效果。 　　下表列出了可供使用的的效果类： 表 效果类 　　勿将上表列出的Effect类的派生类和位图效果类相混淆，位图效果派生类自BitmapEffect类，该类和Effect类位于相同的名称空间中。尽管位图效果具有类似的编程模型，但他们存在价格严重的局限性： 　　位图效果不支持像素着色器，像素着色器是创建可重用效果的最强大、最灵活的方式。 　　位图效果是用非托管的代码实现的，从而需要完全信任的应用程序。所以，在基于浏览器的XBAP应用程序中不能使用位图效果。 　　位图效果总使用软件进行渲染，不使用显卡资源。这使得它们的速度较慢，当处理大量元素或具有较大可视化表面的元素时尤其如此。 　　BitmapEffect类是在WPF的第一个版本中引入的，该版本没有提供Effect类。为了向后兼容，仍保留了位图效果。 　　接下里的几节深入分析效果模型，并演示上三个继承自Effect的类：BlurEffect、DropShadowEffect以及ShaderEffect。 一、BlurEffect类 　

【今日推荐】：为什么一到面试就懵逼！>>> 　　上一章介绍的ColorPicker控件，是控件设计的最好示例。因为其行为和可视化外观是精心分离的，所以其他设计人员可开发动态改变其外观的新模板。 　　ColorPicker控件如此简单的一个原因是不涉及状态。换句话说，不根据是否具有焦点、鼠标是否在它上面悬停、是否禁用等状态区分其可视化外观。接下来本章介绍的FlipPanel自定义控件有些不同。 　　FlipPanel控件背后的基本思想是，为驻留内容提供两个表面，但每次只有一个表面是可见的。为看到其他内容，需要在两个表面之间进行“翻转”。可通过控件模板定制翻转效果，但默认效果使用在前面和后面之间进行过渡的淡化效果。根据应用程序，可以使用FlipPanel控件把数据条目表单与一些由帮助的文档组合起来，以便为相同的数据提供一个简单或较复杂的试图，或在一个简单游戏中将问题和答案融合在一起。 　　可通过代码执行翻转(通过设置名为IsFlipped的属性)，也可使用一个便捷的按钮来翻转面板(除非控件使用这从模板中移除了该按钮)。 　　显然，控件模板需要制定两个独立部分：FlipPanel控件的前后内容区域。然而，还有一个细节——FlipPanel控件需要一种方法在两个状态之间进行切换：翻转过的状态与未翻转过的状态。可通过为模板添加触发器完成该工作。当单击按钮是

　　上一章介绍的ColorPicker控件，是控件设计的最好示例。因为其行为和可视化外观是精心分离的，所以其他设计人员可开发动态改变其外观的新模板。 　　ColorPicker控件如此简单的一个原因是不涉及状态。换句话说，不根据是否具有焦点、鼠标是否在它上面悬停、是否禁用等状态区分其可视化外观。接下来本章介绍的FlipPanel自定义控件有些不同。 　　FlipPanel控件背后的基本思想是，为驻留内容提供两个表面，但每次只有一个表面是可见的。为看到其他内容，需要在两个表面之间进行“翻转”。可通过控件模板定制翻转效果，但默认效果使用在前面和后面之间进行过渡的淡化效果。根据应用程序，可以使用FlipPanel控件把数据条目表单与一些由帮助的文档组合起来，以便为相同的数据提供一个简单或较复杂的试图，或在一个简单游戏中将问题和答案融合在一起。 　　可通过代码执行翻转(通过设置名为IsFlipped的属性)，也可使用一个便捷的按钮来翻转面板(除非控件使用这从模板中移除了该按钮)。 　　显然，控件模板需要制定两个独立部分：FlipPanel控件的前后内容区域。然而，还有一个细节——FlipPanel控件需要一种方法在两个状态之间进行切换：翻转过的状态与未翻转过的状态。可通过为模板添加触发器完成该工作。当单击按钮是，可使用一个触发器隐藏前面的面板并显示第二个面板，而使用另一个触发器翻转这些更改

原文: 【WPF学习】第六十六章 支持可视化状态 　　上一章介绍的ColorPicker控件，是控件设计的最好示例。因为其行为和可视化外观是精心分离的，所以其他设计人员可开发动态改变其外观的新模板。 　　ColorPicker控件如此简单的一个原因是不涉及状态。换句话说，不根据是否具有焦点、鼠标是否在它上面悬停、是否禁用等状态区分其可视化外观。接下来本章介绍的FlipPanel自定义控件有些不同。 　　FlipPanel控件背后的基本思想是，为驻留内容提供两个表面，但每次只有一个表面是可见的。为看到其他内容，需要在两个表面之间进行“翻转”。可通过控件模板定制翻转效果，但默认效果使用在前面和后面之间进行过渡的淡化效果。根据应用程序，可以使用FlipPanel控件把数据条目表单与一些由帮助的文档组合起来，以便为相同的数据提供一个简单或较复杂的试图，或在一个简单游戏中将问题和答案融合在一起。 　　可通过代码执行翻转(通过设置名为IsFlipped的属性)，也可使用一个便捷的按钮来翻转面板(除非控件使用这从模板中移除了该按钮)。 　　显然，控件模板需要制定两个独立部分：FlipPanel控件的前后内容区域。然而，还有一个细节——FlipPanel控件需要一种方法在两个状态之间进行切换：翻转过的状态与未翻转过的状态。可通过为模板添加触发器完成该工作。当单击按钮是

效果图预览 新建MyCustomControl类。 public class MyCustomControl : Control { private static Storyboard MyStory; private ObjectAnimationUsingKeyFrames MyAnimation; private List<BitmapImage> ImageList; private UIElement animation; public static readonly DependencyProperty DurationProperty = DependencyProperty.Register( " Duration " , typeof (TimeSpan), typeof (MyCustomControl), new PropertyMetadata( null )); /// <summary> /// 动画时间 /// </summary> public TimeSpan Duration { get { return (TimeSpan)GetValue(DurationProperty); } set { SetValue(DurationProperty, value); } } public static readonly