图形绘制与图像变换技术实践.pdfVIP

上机目标

◆能够使用Shape绘制二维图形

◆能够使用画刷填充元素

◆能够使用Geometry绘制几何图形

◆能够使用图像变换和图像处理渲染图像效果

效果演示

阶段1

➢训练内容

⚫使用Line绘制直线

⚫使用Rectangle绘制矩形

⚫使用Path绘制路径

⚫使用Ellipse绘制圆形

⚫能够使用线性渐变刷

➢需求说明

⚫使用Shape对象绘制流程图

阶段1

➢实现思路

⚫使用Rectangle绘制开始和结束的圆角矩形，需要使用RadiusX和

RadiusY属性设置圆角半径

⚫使用Line绘制直线

⚫使用Path，在Path的Data属性中添加GeometryGroup组合几何对象，

由LineGeometry对象组合成平行四边形和菱形

⚫绘制图形的时候关键是坐标位置的控制，图形绘制在画布Canvas上，

一切坐标都是相对于Canvas的

完成时间：30分钟

阶段1

参考代码

➢需求说明

⚫使用Shape派生类Ellipse、LinearGradientBrush和Rectangle绘制时

钟

➢实现思路

⚫最外圈使用宽高各330像素的半透明、黑色的Ellipse绘制，相对于画

布的位置是40,40

⚫由外向内第2圈由宽高各330像素的黑色的Ellipse绘制，位置比最外圈

Ellipse略靠左、上各8像素,且使用线性渐变刷由右下向左上方向渐变

⚫由外向内第3圈由一个宽290、高281，使用线性渐变刷由左上至右下

填充的Ellipse绘制，相对于画布的位置是52,57

⚫由外向内第4圈由一个宽273、高265，黑色填充的Ellipse绘制，相对

于画布的位置是60,65

⚫圆右一个边框宽7像素、宽32、高31、绿色边框、黑色填充的

Ellipse绘制，相对于画布的位置是180,190

⚫指针由3个Rectangle绘制

阶段小结

共性问题集中讲解

➢GeometryGroup

➢LineGeometry

阶段2

➢训练内容

⚫动画变换

⚫变换组

⚫缩放变换和倾斜变换

➢需求说明

⚫为画布创建倾斜变换和缩放变换，创建2张及其倒影，并通过托

管代码控制变换点和角度，在二形成模拟的三维立体旋

转效果

阶段2

➢实现思路

⚫4个独立的图像：两个是前面的及其倒影，另外两个是后面

的及其倒影

⚫倒影通过使用ScaleTransform上下颠倒图像并将OpacityMask和

LinearGradientBrush组合使用以使反射图像随距离的延伸逐渐淡化