若要繪製橢圓需要用到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類假設要定義閉合形狀,...