Heim >Web-Frontend >CSS-Tutorial >详细解读Silverlight Line对象使用技巧
Silverlight中关于编码方面的应用是一个应用重点。只有熟练的使用各种方法来进行合理的编写代码,才能真正的实现我们所需要的图形界面的需求。在Silverlight提供的诸多形状对象中,Line对象无疑是最简单的一个,源于此,大家很容易忽略掉Line对象的一些特色功能。例如下面提到的两个应用技巧。
1、Silverlight资源文件引用相关难题解析
2、ilverlight 2数据验证功能实现方法介绍
3、企业级Silverlight应用要点分析
4、Silverlight数据异步通信实际操作方法介
5、深入解读Silverlight键盘路由事件代码示
定义Silverlight Line对象起点和终点的外观
默认情况下,Line对象绘制的线条的起点和终点都是没有样式的,但可以通过StrokeStartLineCap、StrokeEndLineCap、StrokeDashCap属性为直线对象额外增加线帽样式。其中前两个属性主要用于实线对象,其取值类型为PenLineCap 枚举(PenLineCap 枚举的取值范围见下表)。
所谓线帽是在直线的原有长度外,额外增加的图形
Silverlight Line对象成员名称及说明
Flat 一个未超出直线上最后一点的线帽。等同于无线帽。
Square 一个高度等于直线粗细、长度等于直线粗细一半的矩形。
Round 一个直径等于直线粗细的半圆形。
Triangle 一个底边长度等于直线粗细的等腰直角三角形。
下面的示例显示的就是设置不同的StrokeStartLineCap、StrokeEndLineCap属性值的Xmal代码跟显示效果:
< Line Grid.Row="0" X1="80" Y1="30" X2="330" Y2="30" Stroke="Red" StrokeThickness="10" StrokeEndLineCap= "Triangle"> < /Line> < Line Grid.Row="0" X1="80" Y1="80" X2="330" Y2="80" Stroke="Blue" StrokeThickness="10" StrokeEndLineCap= "Triangle" StrokeStartLineCap="Round"> < /Line>
通过Silverlight Line对象绘制虚线效果,需要用到StrokeDashArray属性,该属性对应一个Double类型的集合。该集合的奇数位表示线段的长度,偶数位表示两个线段之间的间隔长度。如果只是表示普通的虚线,则只需定义一个数值就可以了,默认会将该数值作为线段跟间隔的长度。例如,下面的Xaml代码就表示等一条等间距的虚线。
< Line Grid.Row="1" X1="80" Y1="30" X2="330" Y2="30" StrokeDashArray="4" Stroke="Blue" StrokeThickness="2" StrokeStartLineCap="Round"> < /Line>
如果想表示一些特殊类型的虚线,那么就需要为StrokeDashArray属性设置多个数值了。
其Xaml代码如下:
< Line Grid.Row="1" X1="80" Y1="60" X2="330" Y2="60" StrokeDashArray= "4 2 1 2" Stroke="Blue" StrokeThickness= "2" StrokeStartLineCap="Round"> < /Line>
在Silverlight Line对象应用StrokeDashArray属性时需要注意的是,其设置的数值并不是线段以及间隔的实际像素值,而是相对于StrokeThickness的倍数。