Windows Store App 旋轉中心

2021-09-06 20:41:20 字數 1767 閱讀 8510

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

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 應用設定儲存

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