在使用rectanglegeometry控制項繪製矩形時，矩形的位置和尺寸由rect屬性定義，該屬性指定矩形的相對位置、高度和寬度。rect有四個引數，前兩個引數表示矩形左上角的位置，後兩個引數分別表示矩形的寬和高。下面將通過示例演示如何使用rectanglegeometry控制項繪製矩形。
在乙個開啟的windows應用商店專案中新建乙個空白頁，並命名為rectanglegeometrypage，雙擊開啟此頁面的rectanglegeometrypage.xaml檔案，在grid元素中新增如下**。
上面的**首先定義乙個path控制項並設定fill屬性為紅色（red）、stroke屬性為藍色（blue）和strokethickness屬性為3畫素。接著在path.data的內部使用rectanglegeometry的rect屬性定義了乙個起始座標為 (300，300)、高度和寬度均為100的矩形。繪製矩形的執行效果如圖8-11所示。
接下來在後台使用rectanglegeometry型別的物件繪製乙個與前台一樣的矩形，**如下所示：
public rectanglegeometrypage()
{ this.initializecomponent();
//例項化path
物件windows.ui.xaml.shapes.path mypath = new windows.ui.xaml.shapes.path();
mypath.strokethickness = 3;
mypath.stroke = new solidcolorbrush(colors.blue);
mypath.fill = new solidcolorbrush(colors.red);
//例項化rectang
物件rectanglegeometry rectang = new rectanglegeometry();
//設定矩形的位置與大小
rectang.rect = new rect(300, 300, 100, 100);
mypath.data = rectang;
//將mypath
新增到myshow
控制項中myshow.children.add(mypath);
｝在上面的**中，首先例項化path型別的物件mypath，並設定strokethickness 為3畫素、stroke屬性為藍色（blue）和fill為紅色（red）。然後定義rectanglegeometry型別的物件rectang，接著用rect型別的物件給rectang的rect屬性賦值。將rectang物件賦值給mypath物件的data屬性，最後把mypath物件新增到名為myshow的控制項中。
執行此頁面，利用rectanglegeometry繪製矩形的效果如圖8-10所示。
圖8-10 rectanglegeometry 畫的矩形
rectanglegeometry物件除了能繪製幾何圖形，還可以定義影象的剪輯區域，在geometry的子類中目前只有rectanglegeometry支援定義剪輯區域。下面通過乙個簡單的示例來展示此功能，**如下所示：
上面的**新增了兩個image控制項，乙個用於顯示原圖，另乙個用於顯示剪輯後的。接著設定image控制項的source屬性為在專案中的路徑，這需要提前將匯入到專案中以便獲得的路徑。最後在第二個image控制項的clip屬性中新增乙個rectanglegeometry元素，並設定它的rect屬性，這樣即可實現的剪輯。
執行上面的**，截圖效果對比如圖8-11所示。
圖8-11 截圖效果對比圖
posted on
2017-03-30 21:19
...)
編輯收藏
Win10系列 C 應用控制項高階10
ellipsegeometry控制項可以用於繪製橢圓，通過定義ellipsegeometry控制項的center屬性確定橢圓的圓心座標，使用此控制項的radiusx 和radiusy屬性分別定義橢圓x軸 y軸的半徑長度。下面將演示如何使用ellipsegeometry控制項繪製乙個橢圓。在乙個開啟的...
Win10系列 C 應用控制項基礎9
在前文中已經或多或少的接觸到過textbox控制項。textbox控制項是一種常用的，也是比較容易掌握的文字編輯控制項，它不僅可以接收輸入的資料，還可以像textblock控制項 textblock控制項下文會有介紹 一樣用於顯示文字。在xaml檔案中，textbox控制項的用法如下所示 下面介紹一...
Win10系列 C 應用控制項基礎9
在前文中已經或多或少的接觸到過textbox控制項。textbox控制項是一種常用的，也是比較容易掌握的文字編輯控制項，它不僅可以接收輸入的資料，還可以像textblock控制項 textblock控制項下文會有介紹 一樣用於顯示文字。在xaml檔案中，textbox控制項的用法如下所示 下面介紹一...