弹出框

弹出框是当人们点击一个控件或屏幕上一个区域时显示的一个暂时的界面。

API NOTE

在iOS 8及以后的系统中。你能够使用UIPopoverPresentationController来显示一个弹出框。

UIPopoverPresentationController定义了一个协议来让你调整你的弹出内容的显示风格去适应当前的显示环境。比方说。在水寻常规环境下。你的内容能够在弹出框中显示;在水平紧凑环境下,你的内容能够在一个全屏的模态视图中显示。

一个弹出框:

  • 是一个自包括的模态视图
  • 在水寻常规环境下,显示一个箭头指向它出现的点
  • 有半透明的背景显示背后的模糊内容
  • 能够包括大范围的对象和视图,比方:
列表、图片、地图、文本、网页或自己定义的视图
导航栏、工具栏或标签栏
与当前app视图中的对象交互的控件或对象
(默认情况下,弹出框中的列表视图、导航栏和工具栏使用半透明的背景来让弹出框的模糊层显出。


在水寻常规环境下。操作表单总是在弹出框中显示的。

使用弹出框来显示额外的信息或者一系列与关注的或者选中的对象有关的元素。

NOTE
本指南包括显示在水寻常规环境下的弹出框的UI和用户体验。假设你在全屏显示的水平紧凑环境下显示弹出框。查看Modal View来获取其它全屏模态视图的指南。

不要提供“消除弹出框”的button。当弹出框的显示已经不必要的时候它应该自己主动关闭。

考虑以下的情节来确定何时弹出框是不必要的:


假设弹出框 这样做
提供影响主视图的选项。但不实现观察者 当人们做出一个选择或当他们点击弹出框以外的不论什么地方时,包含显示弹出框的控件,尽快地关闭弹出框。
实现观察者 当人们点击弹出框以外的不论什么地方时,包含显示弹出框的控件。就关闭弹出框。

在这样的情况下,不要在人们做出选择时尽快地关闭弹出框。由于他们可能想要做出额外的选择或者改变当前选择的属性。
完毕一个任务 当人们通过点击弹出框中的button,比方完毕或取消,来完毕或取消一个任务时关闭弹出框。

在这样的情况下,你可能不想在人们点击弹出框以外的地方的时候关闭弹出框,由于人们完毕——或放弃——任务可能非常重要。

或者,当人们点击弹出框以外的地方的时候保存他们的输入,就像在点击完毕时做的一样。

一般来说,当人们点击弹出框以外的区域时保存用户的工作。不是全部弹出框都要求明白的退出,所以人们可能错误地关闭了它。

仅仅在人们点击取消button时抛弃人们做的工作。

让弹出框的button尽可能直接指向显示它的元素。这样做有助于人们记住弹出框的来源以及有关的任务或对象。

确保人们能够在看不到其背后的app内容的情况下使用弹出框。弹出框会模糊其背后的内容,而且人们无法拖拽弹出框到别的位置。

确保同一时间仅仅有一个弹出框在屏幕上。

你不应该在同一时间显示超过一个弹出框(或者自己定义的外观和行为类似弹出框的视图)。特别是,你不应该同一时候显示一个谈出啊匡从还有一个中出现的串联或层级的弹出框。

不要在弹出框的顶部显示模态视图。除了警告框。都不应该显示在弹出框的顶部。

可能的话,同意人们通过一次点击关闭一个弹出框并打开一个新的弹出框。这个行为会在有多个不同的打开弹出框的栏button时非常合适,由于这让人们避免了非常多额外的点击。

不要使用太大的弹出框。

弹出框不应该占领所有的屏幕。

它应该刚好能显示它的内容而且能指向它出现的地方。弹出框的高度不是固定的。所以你能够使用它来显示一长列的清单。只是一般来说。你应该尝试避免在弹出框中滚动来完毕任务。注意系统可能调整弹出框的高度和宽度来让它适应屏幕。

在弹出框内使用标准UI控件和视图。

一般来说,弹出框使用标准控件和视图的时候会看起来更好、更易于用户理解。

确保自己定义的弹出框看起来像一个弹出框。即使通过使用UIPopoverBackgroundView API能够非常easy地自己定义弹出框的非常多视觉部分,不要创建一个用户认识不到是弹出框的设计。假设你改变太多弹出框的外观,用户就不能依赖他们曾经的经验来帮助他们理解怎样在你的app中使用它。

当弹出框依旧可见时改变其尺寸要慎重。你可能在使用它显示相同信息的最小视图和扩展视图时想要改变弹出框的尺寸。当你调整可见的弹出框的尺寸时。使用动画来表示修改一般是个好主意,由于这不会给人们一种新弹出框取代了旧弹出框的印象。

《iOS Human Interface Guidelines》——Popover的更多相关文章

  1. 《iOS Human Interface Guidelines》——Multitasking

    多任务处理 多任务处理让人们在屏幕上(以及合适的iPad模式)查看多个app,而且在近期使用的app中高速地切换. 在iOS 9中.人们能够使用多任务处理UI(例如以下所看到的)来选择一个近期使用的a ...

  2. 《iOS Human Interface Guidelines》——Search Bar

    搜索栏 搜索栏接收用户输入用于搜索的文本(例如以下,带有占位文本). API NOTE 查看UISearchBar学习怎样在你的代码中定义搜索栏.查看UISearchDisplayController ...

  3. 《iOS Human Interface Guidelines》——System Button

    系统button 系统button运行一个app特定的动作. API NOTE 在iOS 7中,UIButtonTypeRoundedRect被又一次定义成UIButtonTypeSystem.查看U ...

  4. 《iOS Human Interface Guidelines》——Edit Menu

    编辑菜单 用户能够显示一个编辑菜单来在文本视图.网页视图和图像视图运行诸如剪切.粘贴和选择的操作. 你能够调整一些菜单的行为来在你的app中给用户给多的内容控制.比方你能够: 指定哪一个标准菜单命令对 ...

  5. 《iOS Human Interface Guidelines》——Wallet

    Wallet Wallet(钱包)帮助人们查看和管理Pass(凭证),这是一种相似于登机牌.优惠券.会员卡.奖励卡和各种票的物理凭证的数字替代.Wallet也同意人们加入信用卡.借记卡和储值卡来和Ap ...

  6. 《iOS Human Interface Guidelines》——Container View Controller

    容器视图控制器 容器视图控制器管理和展示它的子视图集合--或者子控制器集合--以一种自己定义的方式. 系统定义的容器视图控制器的样例有标签栏视图控制器.导航栏视图控制器和分栏视图控制器(查看Tab B ...

  7. 《iOS Human Interface Guidelines》——Segmented Control

    分段控件 分段控件是一组线性段.每一个button相应的功能能够显示一个不同的视图. API NOTE 查看UISegmentedControl来学习很多其它关于在你的代码中定义一个分段控件的内容. ...

  8. 【译】iOS人性化界面指南(iOS Human Interface Guidelines)(一)

    1. 引言1.1 译者自述 我是一个表达能力一般的开发员,不管是书面表达,还是语言表达.在很早以前其实就有通过写博客锻炼这方面能力的想法,但水平有限实在没有什么拿得出手的东西分享.自2015年7月以来 ...

  9. 怎么看iOS human interface guidelines中的user control原则

    最近离开了老东家,整理整理思路,因为一直做的是微信公众号相关的产品对app的东西有一段时间没有做过了,所以又看了一遍iOS human interface guidelines,看到user cont ...

随机推荐

  1. SpringMVC 之类型转换Converter 源代码分析

    SpringMVC 之类型转换Converter 源代码分析 最近研究SpringMVC的类型转换器,在以往我们需要 SpringMVC 为我们自动进行类型转换的时候都是用的PropertyEdito ...

  2. hdu6125 Free from square 分组背包+状态压缩

    /** 题目:hdu6125 Free from square 链接:http://acm.hdu.edu.cn/showproblem.php?pid=6125 题意: 从不大于n的所有正整数中选出 ...

  3. CentOS 7使用systemctl如何补全服务名称

    CentOS 7使用systemctl如何补全服务名称 因为CentOS7的默认安装类型是最小安装,所以默认没有自动补全的功能.要启用这个功能,你需要安装一个bash-completion包,然后退出 ...

  4. nginx的root alias 指令

    location /img/ { alias /var/www/image/; } #若按照上述配置的话,则访问/img/目录里面的文件时,ningx会自动去/var/www/image/目录找文件 ...

  5. tp 批量转码

    读取王正东成功,然后把乱码一条一条的改回来... 专门针对mssql数据库的!!!

  6. git fork同步是什么意思?

    这篇文章主要介绍了git fork同步是什么意思?fork到了哪里?有什么用?怎样用?跟clone有什么差别?本文就一一解释这些问题,须要的朋友能够參考下 官方文档:http://help.githu ...

  7. 用户控件(ASCX)向网页(ASPX)传值使用反射实现

    用户控件向网页传递值,方法非常之多,此博文尝试使用反射来实现.在站点中,建一个网页以及一个用户控件. 网页切换至设计模式,拉用户控件至网页上. Default.aspx: <%@ Page La ...

  8. radio 标签状态改变时 触发事件

    <html> <head> <script src="jquery1.7.2.js"></script> </head> ...

  9. 分页技巧_改进JSP页面中的公共分页代码_实现分页时可以有自定义的过滤与排序条件

    分页技巧__改进JSP页面中的公共分页代码 自定义过滤条件问题 只有一个url地址不一样写了很多行代码 public>>pageView.jspf添加 分页技巧__实现分页时可以有自定义的 ...

  10. Linux网络流量控制工具—Netem

    第一篇:概念篇 Netem 是 Linux 2.6 及以上内核版本提供的一个网络模拟功能模块.该功能模块可以用来在性能良好的局域网中,模拟出复杂的互联网传输性能,诸如低带宽.传输延迟.丢包等等情况.使 ...