原文:
wpf繪製簡單常用的path
寫**出身的我們經常需要使用一些簡單 但是不是規則圖形的path 但限於美工功底有限 不知道怎麼去畫
下面我告訴大家一些簡單的小技巧 用**來畫path 個人還是比較喜歡用** 因為數值控制的更精細
msdn告訴我們,path可以用這些形狀繪製:
arcsegment 類 表示兩點之間的一條橢圓弧。
beziersegment 類 表示在兩個點之間繪製的一條三次貝塞爾曲線。
linesegment 類 在pathfigure中的兩個點之間建立一條直線。
polybeziersegment 類 表示一條或多條三次方貝塞爾曲線。
polylinesegment 類 表示由pointcollection定義的線段集合,每個point指定線段的終點。
polyquadraticbeziersegment 類 表示一系列二次貝塞爾線段。
quadraticbeziersegment 類 在pathfigure的兩點之間建立一條二次貝塞爾曲線。
說了這麼多,好複雜呀,我們可以挑最簡單的來用:
linesegment 畫直線,polylinesegment 畫折線,arcsegment 畫圓弧
其實有了這三個類,我們可以畫絕大多數簡單常用的形狀了,下面我舉兩個例子
這個形狀寬和高都是100,其中矩形寬100高90,三角寬10高10居中
對於這樣有稜角的圖形,我們只需要找到他所有的頂點就行了
然後順時針依次連起來,用polylinesegment折線來表示就行了
來看這個帶有圓角的圖形,4個圓弧的半徑是5,其他屬性和上圖一樣.我們需要將它拆分,拆分成8個部分,4個圓弧和4個邊,因為左上角圓弧的關係,起點設定成(5,0),每一部分的起點,都是上一部分的終點:
上邊的直線:終點(95,0)
右上角的圓弧:終點(100,5),size(5,5) 因為圓弧表示的是橢圓的圓弧,size就是size(寬,高),當寬和高都一樣設定為5時,就指的是半徑為5的圓的圓弧了
右邊的直線:終點(100,85)
右下角的圓弧:終點(95,90),size(5,5)
下邊的折線:點的集合(55,90 50,100 45,90 5,90) 由於我們是順時針來的,下邊點的集合是從右到左依次來的
左下角圓弧:終點(0,85),size(5,5)
左邊的直線:終點(0,5)
左上角的圓弧:終點(5,0) 與起點重合
WPF組合Path繪製
假設我們需要繪製如圖的組合圖形 一般的解決方案是如下 建立乙個canvas包含這三部分,如左圖所示。margin 508,604,508,604 scalex 0.8 scaley 0.8 transformgroup canvas.rendertransform stroke black stro...
原 Wpf應用Path路徑繪製圓弧
原文 原 wpf應用path路徑繪製圓弧 1.移動指令 move command m m 起始點 或者 m 起始點 比如 m 100,240或m 100,240 使用大寫m時,表示絕對值 使用小寫m時 表示相對於前一點的值,如果前一點沒有指定,則使用 0,0 2.繪製指令 draw command ...
WPF 中Path路徑的使用示例
basic path 大寫的 m 指示 startpoint 是絕對值 小寫的 m 指示 startpoint 是相對於上乙個點的偏移量,如果是 0,0 則表示不存在偏移。當您在移動命令之後列出多個點時,即使您指定的是線條命令,也將繪製出連線這些點的線。如 m 10,50 200,400 建立方法 ...