原文:快速构建Windows 8风格应用8-贴靠视图

本篇博文主要介绍如何切换出贴靠视图、关于贴靠视图的设计、关于贴靠视图的应用程序栏和如何实现贴靠视图。

如何切换出贴靠视图

第一步:水平方向全屏视图

第二步:通过边缘轻扫手势,向设备左端或右端进行贴靠

第三步:实现贴靠视图的效果

我们知道如何通过手势的操作切换出一个应用的贴靠视图了。

关于开发贴靠视图,对于我们开发者需要注意哪些呢?如下几点:

  1. 所有的应用程序都是支持贴靠视图的。
  2. 根据应用的业务需求,最好为贴靠视图量身定做页面效果(也就是说需要定制贴靠视图模版)
  3. 最好保持贴靠视图页面的内容和状态与全屏视图的一致性。
  4. 保持贴靠视图页面设计风格和其他视图的一致性。
  5. 保证在贴靠视图中所有用户的操作是有交互的,有响应的(就是说贴靠视图中不能出现假页面或者用户点击贴靠视图某一数据项时没有任何用户响应)。

关于贴靠视图的设计

关于设计贴靠视图,对于我们开发者需要注意哪些呢?如下几点:

1)  水平方向保持320px的宽度。

2)  根据用户习惯应该设计为单列布局,上下滚动浏览信息。

3)  应用在贴靠视图中应该可以完成一套完整的交互流程操作。

4)  由于空间和可操作性的问题,贴靠视图中的交互操作功能可以部分删减,因此就没有完整视图中那么全面。

 

关于贴靠视图的应用程序栏

我们在开发贴靠视图的应用程序栏时,需要注意几点:

1)  贴靠视图的应用程序栏中按钮没有文字标识,并且单列中最多只能有5个按钮。

2)  如果多于5个按钮,按钮就会变成两行排列显示。

3)  从用户体验考虑,贴靠视图中应该合理地考虑设计按钮个数。

4)  从用户体验考虑,贴靠视图中应该合理地将命令分组。

如何实现贴靠视图

第一步:定义一个用于显示贴靠视图的ListView或GridView等控件。

第二步:在Name为Snapped的VisualState中控制切换到贴靠视图时的操作。

综上所述,我们在应用中实现贴靠视图的步骤没有那么繁琐,如何设计好应用程序中的贴靠视图就需要思考怎么去设计贴靠视图中控件的布局了。

快速构建Windows 8风格应用8-贴靠视图的更多相关文章

  1. 快速构建Windows 8风格应用17-布局控件

    原文:快速构建Windows 8风格应用17-布局控件 本篇博文主要介绍三种常用的布局控件:Canvas.Grid.StackPanel. Panel类是开发Windows 8 Store应用中一个重 ...

  2. 快速构建Windows 8风格应用15-ShareContract构建

    原文:快速构建Windows 8风格应用15-ShareContract构建 本篇博文主要介绍共享数据包.如何构建共享源.如何构建共享目标.DataTransferManager类. 共享数据包 Da ...

  3. 快速构建Windows 8风格应用14-ShareContract概述及原理

    原文:快速构建Windows 8风格应用14-ShareContract概述及原理 本篇博文主要介绍Share Contract概述.Share Contract实现原理.实现Share Contra ...

  4. 快速构建Windows 8风格应用13-SearchContract构建

    原文:快速构建Windows 8风格应用13-SearchContract构建 本篇博文主要介绍如何在应用中构建SearchContract,相应的原理已经在博文<快速构建Windows 8风格 ...

  5. 快速构建Windows 8风格应用9-竖直视图

    原文:快速构建Windows 8风格应用9-竖直视图 本篇博文主要介绍竖直视图概览.关于竖直视图设计.如何构建竖直视图 竖直视图概览 Windows 8为了支持旋转的设备提供了竖屏视图,我们开发的应用 ...

  6. 快速构建Windows 8风格应用10-设备方向

    原文:快速构建Windows 8风格应用10-设备方向 本篇博文主要介绍常用支持Windows 8操作系统设备的方向.如何获取当前设备方向.DisplayProperties类. 常用支持Window ...

  7. 快速构建Windows 8风格应用11-语义缩放

    原文:快速构建Windows 8风格应用11-语义缩放 本篇博文主要介绍为什么需要语义缩放.什么是语义缩放.如何构建语义缩放. 为什么需要语义缩放 如果用过Windows 8系统的开发者都知道在Win ...

  8. 快速构建Windows 8风格应用12-SearchContract概述及原理

    原文:快速构建Windows 8风格应用12-SearchContract概述及原理 本篇博文主要介绍Search Contract概述.Search Contract面板结构剖析.Search Co ...

  9. 快速构建Windows 8风格应用7-页面视图概览

    原文:快速构建Windows 8风格应用7-页面视图概览 本篇博文主要介绍Windows 8风格应用中包含哪些视图.Visual Studio 2012和模拟器中如何开发和调试不同的页面视图.页面视图 ...

随机推荐

  1. HDU 1026 Ignatius and the Princess I 迷宫范围内的搜索剪枝问题

    这个问题是一个典型的类型的问题迷宫广泛的搜索. 在网上看到了很多解决方案. 没什么解决问题的分析报告,不指出其中的关键点.代码更像是一大抄.一些分析师也有很大的文章分析.只是不要全部命中关键,什么是广 ...

  2. Java 新特性(5) - Java EE 5 新特性

    Java EE 5 由 Java Community Process 通过 Java Specification Request 244 发布,这个 “总纲” JSR 指出了详细描述 Java EE ...

  3. (大数据工程师学习路径)第二步 Vim编辑器----查找替换

    一.字符的替换及撤销(Undo操作) 1.替换和撤销(Undo)命令 替换和Undo命令都是针对普通模式下的操作 命令 说明 r+<待替换字母> 将游标所在字母替换为指定字母 R 连续替换 ...

  4. CCFadeOut ,CCFadeIn 不能使用的原因

    CCFadeOut *action = CCFadeOut::create(0.5f);  image->runAction(action); 截取部分代码.以上是我写游戏时候遇到的问题代码, ...

  5. 本人第一个android游戏《新连连看》上架

    经过艰苦奋战了几天,本人的第一个android游戏<新连连看>最终完毕了第一个版本号,比較简陋.另一部分功能保留没有开放.等第二个版本号再上.用的libgdx框架.可能不是非常出名,可是本 ...

  6. Webx相框:RequestContext详细说明

    RequestContext RequestContext它可以被看作是request和response飞度.多于RequestContext还可以串起来.喜欢Filter像链条. 每个外Reques ...

  7. MTK6572横屏的调试过程

    电视剧集:系统MTK缺省的系统源代码,Phone模式.底部有三个虚拟按键.需求为,设置成默认横屏,设定一个合理的虚拟按键方案. ------------------------------------ ...

  8. jquery字体更改后的鼠标-影像学改变//凝视内容

    <!doctype html> <html> <head> <meta charset="gb2312"> <title> ...

  9. hdu 1542 Atlantis 段树区,并寻求,,,尼玛真坑人数据,不要打开一小阵!

    Atlantis Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Total S ...

  10. 为 Oracle Database 开发 WCF Data Services 和 OData 应用程序

    为 Oracle Database 开发 WCF Data Services 和 OData 应用程序 本教程包含以下部分:   目的   所需时间   概述   先决条件   创建新的网站项目   ...