样式化Windows应用程序
uwp,xaml
singhwong
C#,UWP,.Net
展开
-
9. 可视化状态管理器
本章前面的"控件模板"中,介绍了如何创建控件模板,自定义控件的外观。其中还缺了些什么,使用按钮的默认模板,按钮会响应鼠标的移动和单击,当鼠标移动到按钮或单击按钮时,按钮的外观是不同的。这种外观变化通过可视化状态和动画来处理,由可视化状态管理器控制。 本节介绍如何改变按钮样式,来响应鼠标的移动和单击,还描述了如何创建自定义状态,当几个控件应该切换到禁用状态时,例如进行一些后台处理时,这些自定义状态用于处理完整页面的变化。 对于XAML元素,可以定义可视化状态、状态组、和状态,指定状态的特定动画。状态组允许原创 2020-09-03 12:59:09 · 264 阅读 · 0 评论 -
8. 动画
在动画中,可以使用元素的移动、颜色变化、变换等制作平滑的变换效果。XAML使动画的制作非常简单。还可以连续改变任意依赖属性的值。不同的动画类可以根据其类型,连续改变不同属性的值。 动画最重要的元素是时间轴,它定义了值随时间的变化方式。有不同类型的时间轴,可用于改变不同类型的值。所有时间轴的基类都是TimeLine。为了连续改变double值,可以使用DoubleAnimation类。Int32Animation类是int值的动画类。PointAnimation类用于连续改变点,ColorAnimation原创 2020-08-30 20:56:46 · 148 阅读 · 0 评论 -
7. 模版
XAML Button控件可以包含任何内容,如简单的文本,还可以给按钮添加Canvas元素,Canvas元素可以包含形状,也可以给按钮添加Grid或视频。然而,按钮还可以完成更多的操作。使用基于模版的XAML控件,控件的外观及其功能在应用中是完全分离的。虽然按钮幽默人的外观,但可以用模版完全定制其外观。 如下表所示,Windows应用程序提供了几个模版类型,它们派生自基类FrameworkTemplate。 ...原创 2020-08-29 05:06:16 · 172 阅读 · 0 评论 -
6. 样式和资源
设置XAML元素的FontSize和Background属性,就可以定义XAML元素的外观,如Button元素所示:原创 2020-08-26 21:29:15 · 223 阅读 · 0 评论 -
5. 画笔
本节演示了如何使用XAML的画笔绘制背景和前景。本节将学习如何使用纯色和线性渐变的笔刷,使用笔刷绘制图像,使用新的AcrylicBrush和RevealBrush。 1. SolidColorBrush 下图中的按钮使用了SolidColorBrush,顾名思义,这只画笔使用纯色。全部区域用同一种颜色绘制。 把Backgroud特性设置为定义纯色的字符串,就可以定义纯色。使用BrushValueSerializer把该字符串转换为一个SolidColorBrush元素。 <B原创 2020-08-25 22:41:52 · 154 阅读 · 0 评论 -
4. 变换
因为XAML基于矢量,所以可以重置每个元素的大小。在下面的例子中,基于矢量的图形现在可以缩放、旋转和倾斜。不需要手工计算位置,就可以进行单击测试(如移动鼠标和鼠标单击)。 下面的示例中,所有的矩形都定为在一个水平方向的StackPanel元素中,以并排放置矩形。第1个矩形有其原始大小和布局。第2个矩形重置了大小,第3个矩形移动了,第4个矩形旋转了,第5个矩形倾斜了,第6个矩形使用变换组进行变换,第7个矩形使用矩阵进行变换。下面个部分讲述所有这些选项的代码示例。 1.缩放 将Rectangle元素的R.原创 2020-08-25 06:42:27 · 3653 阅读 · 0 评论 -
3. 几何图形(Geometry)
前面示例中,其中一种形状Path使用Geometry来绘图。Geometry元素也用于其他地方,如用于DrawingBrush。 在某些方面,Geometry元素非常类似于形状。与Line、Ellipse和Rectangle形状一样,也有绘制这些形状的Geometry元素:LineGeometry、EllipseGeometry和RectangleGeometry。形状与几何图形有显著的区别。Shape是一个FrameworkElement,可以用于把派生自UIElement的任意类用作其子元素。Fram原创 2020-08-24 08:04:44 · 1534 阅读 · 0 评论 -
2. Shape(形状)
Shape是XAML的核心元素。利用Shape,可以绘制矩形、线条、椭圆、Path、多边形和折线等二维图形,这些图形用派生自抽象类Shape的类表示。Shape在Windows.UI.Xaml.Shapes名称空间中定义。 下面的XAML示例绘制了一个黄色笑脸,它用一个椭圆表示笑脸,两个椭圆表示眼睛,领个椭圆表示眼睛中的瞳孔。一条Path表示嘴型: ...原创 2020-08-24 05:23:29 · 731 阅读 · 0 评论 -
1. 样式设置
近年来,开发人员越来越关心应用程序的外观。当Windows Forms是创建桌面应用程序的技术时,用户界面没有提供许多设置应用程序样式的选项。控件有标准的外观,根据正在运行应用程序的操作系统版本而略有不同,但不大容易定义完整自定义的外观。 Windows Presentation Foundation(WPF)改变了这一切。WPF基于DirectX,从而提供了向量图形,允许方便地调整窗口和控件的大小。控件是完全可定制的,可以有不同的外观。设置应用程序的样式变得非常重要。应用程序可以有任何外观。有了优秀的设原创 2020-08-24 05:05:37 · 108 阅读 · 0 评论