線形沒有內部空間,若要呈現一條直線,需要用line物件的stroke和strokethickness 屬性分別為其輪廓的顏色及輪廓的粗細賦值,若不設定這兩個屬性,線形將不會呈現。繪製一條線形圖形應為代表兩個點座標的屬性(x1,y1)和(x2,y2)賦值,預設這四項屬性的值均為0,點(x1,y1)代表線的起點,點(x2,y2)代表線的終點。下面將演示如何繪製一條線形。
在乙個開啟的windows應用商店專案中新建乙個空白頁,並命名為linepage,雙擊開啟此頁面的linepage.xaml檔案,在grid元素中新增如下**。
上面的**使用line元素繪製了一條顏色為紅色、輪廓粗細為3畫素的線,並且起點為(0,0)、終點為(200,200),這裡並沒有定義起點而是使用了預設值。
使用後台**可以繪製同樣的線段,並將線段新增到前台介面的容器控制項中。下面的示例為linepage.xaml檔案中的grid元素命名為mycanvas,以便在後台**中通過該名稱來引用這個grid例項。**如下所示:
繪製線的後台**如下所示:
public linepage()
{ this.initializecomponent();
//初始化
line
的物件line line = new line();
//終點
x軸座標
line.x2 = 200;
//終點
y軸座標
line.y2 = 200;
//用畫刷物件賦值顏色
line.stroke = new solidcolorbrush(colors.red);
//設定輪廓的粗細
line.strokethickness=3;
//將繪製的線形新增到名字為
mycanvas
控制項中mycanvas.children.add(line);
}上面的**,通過在建構函式中使用line型別的line物件繪製乙個與使用前台方式實現效果相同的線形,並新增到名為mycanvas的控制項中。line型別定義在 windows.ui.xaml.shapes命名空間中,在為line物件的stroke屬性賦值時,用到了colors類,這個類由windows.ui命名空間提供支援。
執行此頁面,顯示效果如圖8-1所示。
圖8-1 線形執行效果圖
Win10系列 C 應用控制項高階10
ellipsegeometry控制項可以用於繪製橢圓,通過定義ellipsegeometry控制項的center屬性確定橢圓的圓心座標,使用此控制項的radiusx 和radiusy屬性分別定義橢圓x軸 y軸的半徑長度。下面將演示如何使用ellipsegeometry控制項繪製乙個橢圓。在乙個開啟的...
Win10系列 C 應用控制項高階3
若要繪製橢圓需要用到ellipse元素,通過指定ellipse元素的width和height屬性值來確定橢圓的大小,其中width指橢圓在x軸的寬度,height指橢圓在y軸的高度,若x軸和y軸的值相等則可繪製乙個正圓。橢圓在ui布局中佔據的是大小為width和height的矩形區域,圖形外圍的區域...
Win10系列 C 應用控制項高階5
多線形和多邊形類似,不同點在於多線形中最後乙個點和第乙個點不會預設被連線。在多線形的點集中,可以存在同乙個開始點和終結點因而會定義成閉合圖形。下面將演示如何使用polyline控制項繪製乙個多線形。在乙個開啟的windows應用商店專案中新建乙個空白頁,並命名為polylinepage,雙擊開啟此頁...