首页 > 代码库 > WP8.1 UI 编程 四、图形

WP8.1 UI 编程 四、图形

1. 图形中常用的基本的类

Point:(x,y)坐标确定的点。

Size:由Height和Width确定高宽的大小类。

Rect:矩形类,显然可以由一个Point和一个Size来确定。

Color:由R、G、B、A确定的颜色类。

 

Geometry和Shape都是定义空间区域的类,Shape拥有相关的画笔并可以呈现到屏幕,而Geometry不会。

Shape常用属性:

Fill:填充的Brush

Stroke:笔触,边界颜色Brush

StrokeThickness:边界厚度

Stretch:填充的拉伸方式,None表示保持原始大小,Fill表示填满可拉伸,Uniform表示保持比例且调整大小以适合尺寸,UniformToFill表示保持比例且填满。

常用Shape有:Line、Rectangle、Ellipse、Polyline、Polygon、Path。

 

2. Path可以画出任意图形。

Path.Data属性是Geometry类型。简单的Geometry包括LineGeometry、RectangleGeometry、EllipseGeometry。

使用GeometryGroup可以将几个Geometry组合为更复杂的形状。

可以使用PathGeometry来创建Path,用Segment来实现。

另一种实现Path的方法是使用路径标记语言,即Segment的简记法。

因为具有Data属性,继承Path就可以实现自定义图形。

另外使用Expression Blend工具可以简单方便地创建复杂的Path,还可以导入PS、Illustrator和Flash文件。

 

3. 画刷Brush

SolidColorBrush:单色画刷,支持Colors里的颜色值和16进制颜色值。

LinearGradientBrush:线性渐变画刷。可以任意搭配两种或以上颜色。

ImageBrush:图像画刷,使用Fill来填充JPEG或PNG图像。

 

4. 裁剪Clip

从UIElement继承的控件,Clip属性可以将一部分裁剪出来进行显示,语法和Path的Data属性赋值语法一样。

对图片进行裁剪时,Clip属性只能使用RectangleGeometry。

Clip是UIElement的属性,所以所有XAML控件都可以使用它进行图形裁剪。

这样利用它可以实现一些功能,如设置超出布局面板部分的子控件不可见。

WP8.1 UI 编程 四、图形