本篇博文主要介紹為什麼需要語義縮放、什麼是語義縮放、如何建構語義縮放。
為什麼需要語義縮放
如果用過Windows 8系統的開發者都知道在Windows 8中頁面内容更偏重于橫向滾動,而不是縱向滾動。
随着頁面内容的增多,使用者定位某一個特定元素的難度就會随之增大。
那麼如何幫助使用者更加友善地定位到相應元素呢?——語義縮放。
什麼是語義縮放
首先我們來看一下實作語義縮放的手勢:
支援語義縮放的頁面中通過該手勢就可以實作語義縮放的效果了。
一般來說語義縮放用于在頁面内容間快速跳轉,并且通過縮放手勢觸發。
通常來講“縮小”視圖是“放大”視圖的概覽。
另外語義縮放視圖可以呈現出不同的樣式效果,這些樣式效果都是我們開發人員自己定制的。例如:
樣式一:
樣式二:
樣式三:
如何建構語義縮放
為了更友善開發語義縮放效果,微軟為我們開發者提供了一個語義縮放控件(SemanticZoom控件)。
SemanticZoom控件中提供了兩種視圖:ZoomedInView和ZoomedOutView。
ZoomedInView中放置“非語義縮放”狀态呈現的視圖控件。
ZoomedOutView中放置“語義縮放”狀态呈現的視圖控件。
最後可呈現效果:
在應用全屏顯示狀态下,通過縮放手勢或Ctrl+滑鼠滾輪或模拟器中縮放手勢按鈕來實作應用的語義縮放效果。