Win10系列 C 應用控制項高階10

2021-09-25 18:30:43 字數 1968 閱讀 5976

ellipsegeometry控制項可以用於繪製橢圓,通過定義ellipsegeometry控制項的center屬性確定橢圓的圓心座標,使用此控制項的radiusx 和radiusy屬性分別定義橢圓x軸、y軸的半徑長度。下面將演示如何使用ellipsegeometry控制項繪製乙個橢圓。

在乙個開啟的windows應用商店專案中新建乙個空白頁,並命名為ellipsegeometrypage,雙擊開啟此頁面的ellipsegeometrypage.xaml檔案,在grid元素中新增如下**。

在上面的**中,首先定義乙個path控制項並設定fill、stroke和strokethickness屬性分別為黃色(yellow)、黑色(black)和5畫素。接著在path.data的內部使用ellipsegeometry控制項的center屬性確定橢圓的圓心座標為(200,200),然後給radiusx和radiusy屬性賦值從而定義橢圓的x軸和y軸半徑分別為100、200。

前面介紹了在前台繪製橢圓,下面我們來看一下使用後台**繪製此圖形,**如下所示:

public ellipsegeometrypage()

在上面的**中,首先定義path型別的物件mypath,並設定mypath物件的fill、stroke和strokethickness屬性分別為黃色(yellow)、黑色(black)和5畫素。然後建立ellipsegeometry型別的物件ellipsegeometry,並設定ellipsegeometry物件的center、radiusx和radiusy屬性。設定好橢圓的屬性後,把ellipsegeometry物件賦值給mypath物件的data屬性,最後呼叫myshow容器物件的children屬性中的add方法,將這個橢圓加入到頁面中顯示。

執行此頁面,利用ellipsegeometry繪製橢圓的效果如圖8-12所示。

圖8-12 利用ellipsegeometry 繪製的橢圓

若要繪製復合幾何圖形需要用到geometrygroup型別的物件,geometrygroup在前文中也曾提到,它的作用是建立geometry子類物件的組合體,通過向geometrygroup中新增任意數量的geometry子類物件便可以繪製複雜的圖形。下面通過示例展示如何利用geometrygroup建立復合圖形。

在乙個開啟的windows應用商店專案中新建乙個空白頁,並命名為geometrygrouppage,雙擊開啟此頁面的geometrygrouppage.xaml檔案,在grid元素中新增如下**。

上面的**首先定義乙個path控制項並設定fill屬性為橙色(orange)、stroke屬性為紅色(red)和strokethickness屬性為3畫素。接著在path.data的內部定義乙個geometrygroup控制項,然後向geometrygroup控制項中新增三個ellipsegeometry,並設定這兩個ellipsegeometry控制項的center、radiusx和radiusy屬性,這樣便可以得到如圖8-13所示的執行效果。

在後台用geometrygroup建立復合幾何圖形與在前台的建立思路相似,繪製復合幾何圖形的後台**如下所示:

public geometrygrouppage()

當幾何圖形出現交叉的情況時,可以使用geometrygroup物件的fillrule(填充規則)屬性定義內容交叉時的顯示方式,fillrule是列舉型別,可選值包括evenodd與nonzero,預設值是evenodd,表示圖形的層疊次數為偶數的交叉部分不填充,反之則填充。這兩個屬性值效果對比如圖8-13和圖8-14所示。

圖8-13 fillrule值為evenodd時的效果圖 圖8-14 fillrule值為nonzero時的效果圖

Win10系列 C 應用控制項高階1

線形沒有內部空間,若要呈現一條直線,需要用line物件的stroke和strokethickness 屬性分別為其輪廓的顏色及輪廓的粗細賦值,若不設定這兩個屬性,線形將不會呈現。繪製一條線形圖形應為代表兩個點座標的屬性 x1,y1 和 x2,y2 賦值,預設這四項屬性的值均為0,點 x1,y1 代表...

Win10系列 C 應用控制項高階3

若要繪製橢圓需要用到ellipse元素,通過指定ellipse元素的width和height屬性值來確定橢圓的大小,其中width指橢圓在x軸的寬度,height指橢圓在y軸的高度,若x軸和y軸的值相等則可繪製乙個正圓。橢圓在ui布局中佔據的是大小為width和height的矩形區域,圖形外圍的區域...

Win10系列 C 應用控制項高階5

多線形和多邊形類似,不同點在於多線形中最後乙個點和第乙個點不會預設被連線。在多線形的點集中,可以存在同乙個開始點和終結點因而會定義成閉合圖形。下面將演示如何使用polyline控制項繪製乙個多線形。在乙個開啟的windows應用商店專案中新建乙個空白頁,並命名為polylinepage,雙擊開啟此頁...