若要繪製矩形需要用到rectangle元素，通過指定rectangle元素的width和height屬性值來確定矩形的尺寸。而設定radiusx和radiusy屬性值能得到圓角的矩形，這兩個屬性分別表示圓角的x軸方向和y軸方向圓角的大小，radiusx允許的最大值為width的一半，radiusy允許最大的值為height的一半。矩形有內部空間，若想獲得有填充顏色的矩形，需要設定fill屬性為其填充顏色。下面將演示如何繪製乙個矩形。
在乙個開啟的windows應用商店專案中新建乙個空白頁，並命名為rectanglepage，雙擊開啟此頁面的rectanglepage.xaml檔案，在grid元素中新增如下**。
上面的**定義了乙個表示矩形的rectangle元素，並設定其width屬性值為196，height屬性值為100，使用fill屬性填充其內部空間為黃色，把stroke屬性設定為black、strokethickness屬性設定為5，定義乙個輪廓顏色為黑色、輪廓粗細為5畫素的矩形，再將此矩形的radiusx屬性設定為20，radiusy屬性設定為30，最後得到乙個圓角矩形。
通過後台**也能夠繪製出與上面相同的矩形，實現**如下所示：
public rectanglepage()
{ this.initializecomponent();
//例項化矩形物件
rectangle rectangle = new rectangle();
rectangle.width = 196;
rectangle.height = 100;
rectangle.fill = new solidcolorbrush(colors.yellow);
rectangle.stroke = new solidcolorbrush(colors.black);
rectangle.strokethickness = 5;
//將圓角x
軸賦值為
20 rectangle.radiusx = 20;
//將圓角x
軸賦值為
30 rectangle.radiusy = 30;
mycanvas.children.add(rectangle);
｝在上面的**中，首先例項化了乙個rectangle型別的物件rectangle，通過設定rectangle物件的相應屬性以達到定義乙個與前台方式實現效果一致的矩形，最後呼叫mycanvas容器物件的children屬性中的add方法，將這個矩形加入到頁面中顯示。
啟動此頁面，顯示效果如圖8-2所示。
圖8-2 矩形圖形
要想在矩形內部新增圖形、控制項等內容，可以考慮使用border元素。與rectangle元素有所不同的是，border元素實現圓角效果需要用到cornerradius屬性，而不是之前rectangle元素中所用到的radiusx和radiusy屬性，繪製乙個在border元素中包含兩個矩形效果的xaml**如下所示：
上面**的執行效果如圖8-3所示。
圖8-3包含兩個矩形的border效果圖
posted on
2017-03-30 21:15
...)
編輯收藏
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，雙擊開啟此頁...