Heim > Web-Frontend > CSS-Tutorial > 详细解读Silverlight Line对象使用技巧

详细解读Silverlight Line对象使用技巧

WBOY
Freigeben: 2018-09-28 09:57:25
nach vorne
1548 Leute haben es durchsucht

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>
Nach dem Login kopieren

通过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>
Nach dem Login kopieren

如果想表示一些特殊类型的虚线,那么就需要为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>
Nach dem Login kopieren

在Silverlight Line对象应用StrokeDashArray属性时需要注意的是,其设置的数值并不是线段以及间隔的实际像素值,而是相对于StrokeThickness的倍数。

Verwandte Etiketten:
Quelle:cloud.tencent.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage