zoukankan      html  css  js  c++  java
  • 快速构建Windows 8风格应用11语义缩放

    本篇博文主要介绍为什么需要语义缩放、什么是语义缩放、如何构建语义缩放。

    为什么需要语义缩放

    如果用过Windows 8系统的开发者都知道在Windows 8中页面内容更偏重于横向滚动,而不是纵向滚动。

    随着页面内容的增多,用户定位某一个特定元素的难度就会随之增大。

    那么如何帮助用户更加方便地定位到相应元素呢?——语义缩放。

    什么是语义缩放

    首先我们来看一下实现语义缩放的手势: 

    支持语义缩放的页面中通过该手势就可以实现语义缩放的效果了。 

    一般来说语义缩放用于在页面内容间快速跳转,并且通过缩放手势触发。

    通常来讲“缩小”视图是“放大”视图的概览。

    另外语义缩放视图可以呈现出不同的样式效果,这些样式效果都是我们开发人员自己定制的。例如:

    样式一:

    样式二: 

    样式三: 

    如何构建语义缩放

    为了更方便开发语义缩放效果,微软为我们开发者提供了一个语义缩放控件(SemanticZoom控件)。 

    SemanticZoom控件中提供了两种视图:ZoomedInView和ZoomedOutView。 

    ZoomedInView中放置“非语义缩放”状态呈现的视图控件。 

    ZoomedOutView中放置“语义缩放”状态呈现的视图控件。 

    最后可呈现效果: 

    在应用全屏显示状态下,通过缩放手势Ctrl+鼠标滚轮模拟器中缩放手势按钮来实现应用的语义缩放效果。 

  • 相关阅读:
    深度历险:Redis 内存模型详解
    Redis 的 8 大应用场景!
    Java并发计数器探秘
    更改系统环境设置,让alias永远生效
    GoldenGate中使用FILTER,COMPUTE 和SQLEXEC命令
    数据集成实例
    客户视角:Oracle ETL工具ODI
    OGG-00782
    Oracle过程包加密
    Concurrent Request:Inactive phase,No Manager status
  • 原文地址:https://www.cnblogs.com/wzk89/p/2701916.html
Copyright © 2011-2022 走看看