旋轉中心的位置可以通過設定
centerofrotationx
、centerofrotationy
和centerofrotationz
屬性來指定。
centerofrotationx
和centerofrotationy
屬性的預設值都是
0.5,表示旋轉軸正好位於旋轉物件的中心。當這兩個屬性值為0和
1時,表示旋轉中心處在旋轉物件的一組對邊上,即將旋轉中心移到旋轉物件的外邊沿,旋轉物件將會繞其外邊沿旋轉。當這兩個屬性值的範圍在0和
1之間時,表示旋轉中心處於旋轉物件的特定位置,若超出這個範圍,則根據超出值大小相應的將旋轉中心移出旋轉物件。
centerofrotationz
屬性的預設值是
0,表示旋轉中心在旋轉物件的中心,可以對其賦正值或負值,使旋轉中心移到旋轉物件的正面或背面。
通過設定
centerofrotationx
屬性值可以將旋轉中心沿
x軸並平行於
y軸移動,同理通過設定
centerofrotationy
屬性值可以將旋轉中心沿
y軸並平行於
x軸移動。下面看一下不同的
centerofrotationy
屬性值對
3d效果的影響,如圖
10-10
所示。
centerofrotationy = "0.5" (
預設值) centerofrotationy = "0.1" 圖
10-1
0centerofrotationy
屬性效果
接下來介紹如何改變
centerofrotationx
的屬性值移動旋轉中心,從而使介面元素繞著指定的旋轉中心進行旋轉。
啟動visual studio 2012
,新建乙個
windows
應用商店的空白應用程式專案,將其命名為
,首先在專案的
assets
資料夾下新增乙個名為「
windows 8.png
」的,雙擊開啟此頁面的
檔案,使用如下**替換原有的
grid
元素。
40" height="240
" background="white" >
40" height="240" source="/assets/windows 8.png
">
rotationy="45"/>
上面的**與之前介紹的示例**類似,不同的是本示例把
planeprojection
元素的centerofrotationx
屬性值設定為
0.9,表示將旋轉中心沿
x軸並平行於
y軸向右移動到的右邊緣,接著將
rotationy
屬性值設定為
45度,這樣將繞
y軸順時針旋轉
45度。
按下f5執行程式,會產生如圖
10-11
所示的3d
效果。
圖10-1
1繞指定旋轉中心旋轉的
3d效果圖
由於旋轉中心的設定很類似這裡僅以
centerofrotationx
屬性為例進行了講解,有興趣的讀者可以在上面示例的基礎上修改
planeprojection
的屬性值,感受不同的
3d效果。
Windows Store App 控制項動畫
在開發windows 應用商店應用時,開發工具中已經 封裝了大量的控制項供開發人員使用,而其中有一部分控制項,例如 flipview tooltip listview 以及semanticzoom 等控制項中已經預設整合了內建的動畫,這種整合在控制項中的動畫被稱為控制項動畫,開發人員可根據不同的應用...
Windows Store App 旋轉中心
旋轉中心的位置可以通過設定 centerofrotationx centerofrotationy 和centerofrotationz 屬性來指定。centerofrotationx 和centerofrotationy 屬性的預設值都是 0.5,表示旋轉軸正好位於旋轉物件的中心。當這兩個屬性值為...
Windows Store App 應用設定儲存
應用設定儲存主要分為本地儲存和漫遊儲存兩種方式。本地儲存是指將應用的設定資訊儲存在本地儲存空間中,而漫遊儲存則是指將應用的設定資訊儲存在網路伺服器中,相對於本地儲存而言,漫遊儲存支援多台裝置之間的應用設定同步,更加靈活也更加方便。本節內容以本地儲存方式為例,介紹如何獲取及更改本地儲存中的應用程式設定...