程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> 關於.NET >> Windows 8風格應用開發入門 十一 語義縮放

Windows 8風格應用開發入門 十一 語義縮放

編輯:關於.NET

為什麼需要語義縮放

如果用過Windows 8系統的開發者都知道在Windows 8中頁面內容更偏重於橫向滾動,而不是縱向滾動。

隨著頁面內容的增多,用戶定位某一個特定元素的難度就會隨之增大。

那麼如何幫助用戶更加方便地定位到相應元素呢?——語義縮放。

什麼是語義縮放

首先我們來看一下實現語義縮放的手勢:

支持語義縮放的頁面中通過該手勢就可以實現語義縮放的效果了。

一般來說語義縮放用於在頁面內容間快速跳轉,並且通過縮放手勢觸發。

通常來講“縮小”視圖是“放大”視圖的概覽。

另外語義縮放視圖可以呈現出不同的樣式效果,這些樣式效果都是我們開發人員自己定制的。例如:

樣式一:

樣式二:

樣式三:

如何構建語義縮放

為了更方便開發語義縮放效果,微軟為我們開發者提供了一個語義縮放控件(SemanticZoom控件)。

SemanticZoom控件中提供了兩種視圖:ZoomedInView和ZoomedOutView。

ZoomedInView中放置“非語義縮放”狀態呈現的視圖控件。

ZoomedOutView中放置“語義縮放”狀態呈現的視圖控件。

最後可呈現效果:

在應用全屏顯示狀態下,通過縮放手勢或Ctrl+鼠標滾輪或模擬器中縮放手勢按鈕來實現應用的語義縮放效果。

本文出自 “王祖康” 博客,請務必保留此出處http://wzk89.blog.51cto.com/1660752/1006460

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved