Windows Store App 控制項動畫

2021-09-11 03:37:45 字數 1370 閱讀 3875

在開發windows

應用商店應用時,開發工具中已經

封裝了大量的控制項供開發人員使用,而其中有一部分控制項,例如

flipview

、tooltip

、listview

以及semanticzoom

等控制項中已經預設整合了內建的動畫,這種整合在控制項中的動畫被稱為控制項動畫,開發人員可根據不同的應用場景,選擇具有動畫效果的控制項來滿足對特定動畫的使用需要,從而為使用者提供良好的操作體驗。例如,當應用從網路獲取資料時,為避免頁面長時間等待所造成的介面停頓給使用者造成誤解,可以在頁面中使用不確定進度環來形象的告知使用者,此時應用程式正在執行當中,而不確定進度環控制項就是乙個典型的內建了動畫效果的控制項。

在控制項中內建動畫可以為常用的控制項提供更好的使用者體驗,由於在本章前面的第五章中已經對大部分的常用控制項進行了詳細的講解,其中就包括了內建有動畫效果的控制項,所以在本小節中將不對前面所講述過的控制項進行重複的介紹。僅以具有典型特徵的

flipview

控制項為例來說明控制項動畫的含義。

flipview

控制項可以實現交替顯示所包含的介面元素,並在交替顯示的過程中提供過度動畫效果,而最常見的情況是使用

flipview

flipview

自帶的切換檢視按鈕或使用手勢左右滑動螢幕來切換其中所展示的每乙個。下面就來通過乙個示例演示如何使用

flipview

在visual studio 2012

中新建乙個

windows

應用商店的空白應用程式專案,並命名為

flipview

,在專案的

assets

資料夾下新增

3個名為「

」的檔案,接著雙擊開啟

mainpage.xaml

檔案,在

grid

元素中新增如下**。

在上面的**中,新增了乙個用於展示的

flipview

控制項,然後向

flipview

控制項中新增3個

image

控制項並通過設定這些控制項的

source

屬性指定的路徑,這樣將可以通過

flipview

控制項展示3個

image

控制項中的。

按下f5執行程式,介面顯示效果如圖

10-1

所示。

圖10-1 flipview

通過以上示例,讀者會發現

flipview

posted on

2015-01-12 15:34

...)

編輯收藏

Windows Store App 旋轉中心

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

Windows Store App 旋轉中心

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

Windows Store App 應用設定儲存

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