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

2021-09-07 10:13:11 字數 1240 閱讀 2481

若要繪製橢圓需要用到ellipse元素,通過指定ellipse元素的width和height屬性值來確定橢圓的大小,其中width指橢圓在x軸的寬度,height指橢圓在y軸的高度,若x軸和y軸的值相等則可繪製乙個正圓。橢圓在ui布局中佔據的是大小為width和height的矩形區域,圖形外圍的區域不呈現,但仍是該橢圓空間佔位的一部分。下面將演示如何繪製乙個橢圓圖形。

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

上面的**繪製了乙個寬為200畫素、高為300畫素、填充顏色為黃色、輪廓粗細為4畫素、輪廓顏色為黑色的橢圓。執行效果如圖8-4所示。

下面看一下使用後台**如何繪製這個橢圓,**如下所示:

public ellipsepage()

{ this.initializecomponent();

//例項化

ellipse

的物件ellipse ellipse = new ellipse();

//為width

屬性賦值

ellipse.width = 200;

//為height

屬性賦值

ellipse.height = 300;

ellipse.fill = new solidcolorbrush(colors.yellow);

//通過

solidcolorbrush

定義此圓的填充色為

black

ellipse.stroke = new solidcolorbrush(colors.black);

//定義輪廓的粗細

ellipse.strokethickness = 4;

//把橢圓新增到名字為

mycanvas

的控制項中

mycanvas.children.add(ellipse);

}在上面的**中,首先例項化了乙個ellipse型別的物件ellipse,通過設定ellipse物件的相應屬性以達到定義乙個與前台方式實現效果一致的橢圓,最後呼叫mycanvas容器物件的children屬性中的add方法,將這個橢圓加入到頁面中顯示。

執行此頁面,繪製橢圓形狀的效果如圖8-4所示。

圖8-4 橢圓圖形

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

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

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

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

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

若要繪製多邊形需要用到polygon元素,並通過定義一系列的點繪製多邊形。polygon型別的物件有points屬性,這個屬性用來定義組成邊的點集。在前台 中,使用空格分隔各個點,然後利用逗號分隔座標點來定義點座標。不必為了將起點和終點指定為相同的值而宣告閉合點,polygon類假設要定義閉合形狀,...