Windows Store App 旋轉中心

旋轉中心的位置可以通過設定

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 旋轉中心

旋轉中心的位置可以通過設定 centerofrotationx centerofrotationy 和centerofrotationz 屬性來指定。centerofrotationx 和centerofrotationy 屬性的預設值都是 0.5，表示旋轉軸正好位於旋轉物件的中心。當這兩個屬性值為...

Windows Store App 控制項動畫

在開發windows 應用商店應用時，開發工具中已經 封裝了大量的控制項供開發人員使用，而其中有一部分控制項，例如 flipview tooltip listview 以及semanticzoom 等控制項中已經預設整合了內建的動畫，這種整合在控制項中的動畫被稱為控制項動畫，開發人員可根據不同的應用...

Windows Store App 應用設定儲存

應用設定儲存主要分為本地儲存和漫遊儲存兩種方式。本地儲存是指將應用的設定資訊儲存在本地儲存空間中，而漫遊儲存則是指將應用的設定資訊儲存在網路伺服器中，相對於本地儲存而言，漫遊儲存支援多台裝置之間的應用設定同步，更加靈活也更加方便。本節內容以本地儲存方式為例，介紹如何獲取及更改本地儲存中的應用程式設定...