天天看点

Silverlight学习(五)图形标绘

silverlight中进行图形标绘的方法太多了,这里的标绘和arcgis中的标绘不同,这里大多是静态的标绘。标绘的方法主要有path(路径标记法)、直接标绘(line等)、几何标记(linegeometry等)。

1.路径标记法

路径标记在silverlight中是非常重要的一种标绘方法,通过路径标记,我们可以标绘多种形状的曲线或者直线。下面直接直接上代码。

Silverlight学习(五)图形标绘
Silverlight学习(五)图形标绘

path

路径标绘一般通过<path

data=""/>,在data中是标绘的主要部分,m代表起始点,点的表示形式为(x,y),l表直线,h表示水平线,v表示垂直线,c表示三次方贝塞尔曲线。若图形需要封闭,用z表示结束。stroke表示轮廓线的颜色。strokethickness是指线段的宽度。

2.图表标绘

silverlight中提供了line、polyline、polygon、eclipse、rectangle等几种标绘类型。

line,可以在画布中画一条直线,需要制定起点(x1,y1),终点(x2,y2),线的颜色和线的宽度等。

polyline,是多段线,需要指定它的points,points是点的集合。

polygon,是多边形,同样需要指定points。

eclipse是椭圆。。。

rectangle是矩形。在这里需要讲讲颜色的渐变。silverlight中包含两种渐变方式:lineargradientbrush和radialgradientbrush。

lineargradientbrush是指线性渐变,它可以演化为多种渐变方式,比如水平渐变、垂直渐变、斜线渐变。

Silverlight学习(五)图形标绘
Silverlight学习(五)图形标绘

斜线渐变

斜线渐变也就是设置直线的起点(0,0),终点(1,1)。

Silverlight学习(五)图形标绘
Silverlight学习(五)图形标绘

水平渐变

水平渐变设置起点(0,0.5),终点(1,0.5),水平渐变需要保证y轴的值无变化

Silverlight学习(五)图形标绘
Silverlight学习(五)图形标绘

垂直渐变

垂直渐变需要保证的是x轴的值无变化,比如设置起点(0.5,0),终点(0.5,1)。

radialgradientbrush是径向渐变的方式,它从一个中心点,以圆的方式渐变颜色。

Silverlight学习(五)图形标绘
Silverlight学习(五)图形标绘

径向渐变

这里需要设置centetr 和gradientorigin,center是中心点,gradient是径向渐变轴的起点。

3.几何标绘

几何标绘通过linegeometry、ellipsegeometry、rectanglegeometry等。通过几何标绘,我们可以标绘复杂的图形。这里不做详细说明。

本来是打算结合blend来写的,但是由于时间太过仓促,没有在blend中实现。只有下次完成了。。

继续阅读