首頁 > web前端 > css教學 > 主體

詳細解讀Silverlight Line物件使用技巧

WBOY
發布: 2018-09-28 09:57:25
轉載
1517 人瀏覽過

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物件繪製虛線效果,需要用到StrokeDashArrayray,此屬性對應一個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
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板