zoukankan      html  css  js  c++  java
  • iOS应用导航模式

    原文:http://www.leiphone.com/news/201406/0726-warlial-iosnavigation.html

    iOS航模式有3种:列表、标签页构,每种模式都配有不同的工具和控件。三种航模式可以独立使用也可以混搭。

    列表:由scrollViewpageControl合而成的展示方式。

    种方式主要用于只有一个主屏的简单应用。向左右滑即可翻,典型用比如内置的天气用。

    当然,平列表式航也可以根据你的需要随意的添加、除卡片。从某种意,他的展性标签页航,因为标签页模式中目与序都是固定的。

    在平列表模式的面底部都添加了面分控件,其表现为一排小点。小点的数量代表了平面的数量,而高亮的小点是另外一种形式的航,他示了当前所在面的位置。同面分控件也是可以操作的,点控件的左半部分或者右半部分或者直接左右滑可以切上一个/下一个面,不面分控件每次只能翻一,而不是直接跳到某一去。一般而言,面分以不超10,超20个就会溢出屏幕了….

    另外,了更好的表达卡片堆隐喻,最好不要在平模式下设计多个不同的滑。在触摸屏上大家都能在一方向上屏,但是2个方向的屏需要更好的精度,种做法有些挑人机工程学了。

    标签页tabbar

    iOS标签页一般依附在屏幕的底部,标签栏的高度是49像素,每个按都会包含一个文本标签图标,按度取决于放置按的数量,标签栏限制最多可以放5图标,超之后会在第5个按的位置出更多标签

    当然,标签栏49像素的高度存在其占用了不少的屏幕空,所以在某些情况下可以适当的去掉标签栏,典型的就是图书类应用的全屏阅读模式。

    构:tableView

    种模式简单就是将层级信息分到一棵倒置的枝上。航模式很适合列表,点列表中的一可以看到新的列表,列表可以再行分拆,直到目的情。构的一个形就是表格视图,也就是我”9形更加的形化。

    当然,根据信息的不同,状模式中的标签也可以行分。一个状模式可以分若干的,每个可以包含任意数量的行数。

    3类导航模式的比

    航模式

    缺点

    代表

    列表

    适于信息架构及浏览面;

    内容可自定且数量可

    隐喻,手势单一;

    占用面空少;

    无法快速行跳

    最多只能容20面;

    以包容屏,对长文本不利;

    面指示器不,其他面容易被忽略;

    天气

    标签页

    一次即可访问应用所有的主要功能;

    清楚告知用主要功能和当前所在;

    只能5个;

    用的大多数面都会始占据一定的屏幕空

    Instagram

    理大量的类别、功能和目;

    组织方式的隐喻容易理解;

    可直接内容行交互,占用屏幕空小;

    适合用自定

    主功能只有在最顶层才会被示,不能在每个面都展

    主功能和分直接切,必先回到顶层

    MailFacebook

    态视图

    常常被用来编辑或添加内容,当你需要的候模态视图一般从屏幕底部滑出而后遮盖先前的面,当你完成任后滑出的面也会相回去,然后可以继续之前的流程。有些控件和界面元素只在次要任中被偶用到,模态视图很好的把他们暂时隐藏了,并且当需要的候出,有效的节约了屏幕空

    态视图有点像是航中的死胡同,了能够让也可以同方便的回到正常的流程中去,模态视图除了正常的操作之外一般有加上一个完成,或者取消

  • 相关阅读:
    很实用的linux 上的svn安装和svnserver 的重启
    将单链表逆置*
    25 链队列
    24 顺序队列(循环队列)
    23 顺序队列
    界面常见的交互反馈
    事件
    22 链栈
    渲染“Hello World”(将脚本数据渲染在界面上)
    引用(import 和 include)
  • 原文地址:https://www.cnblogs.com/NINIiOS/p/4843933.html
Copyright © 2011-2022 走看看