> 웹 프론트엔드 > CSS 튜토리얼 > 详细解读Silverlight Line对象使用技巧

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

WBOY
풀어 주다: 2018-09-28 09:57:25
앞으로
1548명이 탐색했습니다.

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的倍数。

관련 라벨:
원천:cloud.tencent.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿