Popovers

弹出式窗口
弹出式窗口是一个短暂的视图,当你点击一个控件或一个区域时,它就会出现在屏幕上的其他内容之上。通常情况下,弹出窗口包括一个箭头,指向它出现的位置。弹出式窗口可以是非模态或模态的。非模态弹出窗口可以通过点击屏幕的另一部分或弹出窗口上的一个按钮而被取消。模态的弹出窗口可以通过点击弹出窗口上的 “取消 “或其他按钮而被取消。

弹出式窗口在大屏幕上最合适,可以包含任何种类的元素,包括导航栏、工具栏、标签栏、表格、集合、图像、地图和自定义视图。当弹出式窗口可见时,与其他视图的互动通常被禁止,直到弹出式窗口被取消。使用弹出式窗口来显示与屏幕上的内容相关的选项或信息。例如,许多iPad应用程序,当你点击行动按钮时,会显示一个弹出式的分享选项。

避免在iPhone上显示弹出窗口。一般来说,弹出式窗口应该保留在iPad应用程序中使用。在iPhone应用程序中,通过在全屏模式视图中而不是在弹出式窗口中展示信息,利用所有可用的屏幕空间。关于相关的指导,请看模式。

使用关闭按钮仅用于确认和指导。关闭按钮,如 “取消 “或 “完成”,如果能提供清晰的信息,如在保存或不保存更改的情况下退出,则值得列入。一般来说,当弹出窗口不再需要其存在时,应自动关闭。在大多数情况下,当有人在其范围外点击或选择弹出式窗口中的项目时,弹出式窗口应该关闭。如果可以进行多项选择,弹出窗口应保持开放,直到有人明确地将其驳回或在其范围外点击。

在自动关闭非模态弹出窗口时,一定要保存工作。点击屏幕的另一部分,很容易在无意中解除一个非模态弹出窗口。只有当有人点击明确的 “取消 “按钮时,才丢弃工作。

在屏幕上适当地定位弹出窗口。一个弹出窗口的箭头应该尽可能直接指向揭示它的元素。因为弹出窗口不能在屏幕上拖动,所以弹出窗口不应该覆盖人们在使用弹出窗口时可能需要看到的重要内容。弹出式窗口也不应该覆盖被点选来显示弹出式窗口的元素。

一次只显示一个弹出窗口。显示多个弹出窗口会使界面混乱,并导致混乱。不要显示层层叠叠的弹出式窗口,在这种情况下,一个弹出式窗口会出现在另一个窗口。如果你需要显示一个新的弹出窗口,先关闭打开的那个。

不要在一个弹出窗口上显示另一个视图。除了警报,任何东西都不应该显示在弹出窗口的上面。

在可能的情况下,让用户关闭一个弹出窗口,并通过一次点击打开另一个。当几个不同的条形按钮分别打开一个弹出窗口时,避免额外的点击是特别可取的。

避免使弹出窗口过大。弹出窗口不应该占据整个屏幕。只需要让它大到足以显示其内容并指向它的来源地。请注意,系统可能会调整弹出式窗口的大小,以确保它在屏幕上很合适。

确保自定义弹出窗口看起来像弹出窗口。虽然你可以定制弹出式窗口的许多视觉方面,但要避免创建一个人们可能不认识的弹出式窗口的设计。当弹出式窗口包含标准控件和视图时,往往效果最好。

在改变弹出式窗口的大小时,提供一个平滑的过渡。一些弹出式窗口提供同一信息的浓缩和扩展视图。如果您调整弹出式窗口的大小,请将这一变化制成动画,以避免给人以新的弹出式窗口取代旧的窗口的印象。

通过www.DeepL.com/Translator(免费版)翻译

Original: https://www.cnblogs.com/mkdocs/p/Popovers.html
Author: MkDocsMan
Title: Popovers

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/583164/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • 什么?Android上面跑Linux?

    镜像下载、域名解析、时间同步请点击阿里云开源镜像站 前言 众所周知,现在程序员因为工作、个人兴趣等对各种系统的需求越来越大,部分人电脑做的还是双系统。其中,比较常见的有各种模拟器、…

    Linux 2023年5月27日
    0118
  • 配置nginx只打印延迟超过0.1s和非2XX的accesslog

    背景 当业务accesslog全开时,写入es的qps达到了10W,评估后觉得不太值得,所以考虑抽样打印。查看相关文档后发现目前我们使用的nginx版本不支持抽样打印,所以考虑其他…

    Linux 2023年6月14日
    0114
  • docker:打包node+npm+pm2运行环境镜像

    最近公司有一个外包项目需要在不能连外网的情况下部署node项目到甲方公司内部。直接使用node官网的安装包可以获得node运行环境,但像pm2这种工具要离线装就会比较费劲,所以最终…

    Linux 2023年6月13日
    093
  • SQL查询语句–统计

    — 1、日统计查询填补 i->为时间差的天数 2022-05-10为终止时间 SET @i :=- 1; SELECT date_format( DATE_SUB( ’20…

    Linux 2023年6月14日
    085
  • arch安装桌面环境

    arch可以安装图形用户界面需要的软件包有:xorg-server,xorg-xinit,xfce4 xorg是linux桌面环境下的服务程序,xorg-init是启动xorg的客…

    Linux 2023年6月13日
    088
  • 没那么简单的单例模式

    作者:小牛呼噜噜 | https://xiaoniuhululu.com计算机内功、JAVA底层、面试相关资料等更多精彩文章在公众号「小牛呼噜噜 」 什么是单例 单例的应用场景 单…

    Linux 2023年6月6日
    0117
  • 根据两个向量计算它们之间的旋转矩阵

    一、简介 本文主要介绍通过给定的两个空间向量,计算出从一个向量旋转到另一个向量的旋转矩阵。 二、步骤 ① 假设两个向量分别为vectorBefore(x1,y1,z1), vect…

    Linux 2023年6月7日
    0109
  • 最新超详细Linux下LNMP环境搭建

    一、了解LNMP系统 当前两个主要应用的架构:LNMP和LAMP,都是指一组通常一起使用来运行动态网站或者服务器的自由软件名称。 LAMP的全称是:Linux + Apache +…

    Linux 2023年6月15日
    0145
  • IDEA清空控制台以及Java中运行cmd命令实现清屏操作

    在网上有看到各种的实现方法,比如: Runtime.getRuntime().exec("cls"); 或者&amp…

    Linux 2023年6月6日
    0130
  • 文件相关命令

    pwd指令 基本语法:pwd功能:显示当前工作的绝对目录 ls指令 基本语法:ls [选项][目录或者文件]常用选项 -a 显示所有文件及目录 (. 开头的隐藏文件也会列出) -l…

    Linux 2023年6月6日
    084
  • MHA实现MySQL的高可用性

    对主节点进行监控,可实现自动故障转移至其它从节点;通过提升某一从节点为新的主节点,基于主从复制实现,还需要客户端配合实现。 目前MHA主要支持一主多从的架构,要搭建MHA,要求一个…

    Linux 2023年6月7日
    0111
  • linux常用指令记录

    给目标文件夹执行权限:chmod -R 777 html du -sh . [对当前目录下所有的目录和文件的大小进行汇总,-s表示汇总,-h表示以KB, MB, GB, TB格式进…

    Linux 2023年6月6日
    0118
  • Centos7 无法上网问题

    最近在VMware虚拟机里玩Centos,装好后发现上不了网。经过一番艰辛的折腾,终于找到出解决问题的方法了。最终的效果是无论是ping内网IP还是ping外网ip,都能正常pin…

    Linux 2023年6月13日
    075
  • Greenplum数据库基本操作命令大全-完善ing

    Greenplum数据库基本操作命令大全 select * from pg_stat_activity; datid –16388 datname –hfamlgpdbs &a…

    Linux 2023年6月11日
    097
  • SpringBoot 搭建基于 MinIO 的高性能存储服务

    1.什么是MinIO MinIO是根据GNU Affero通用公共许可证v3.0发布的高性能对象存储。它与Amazon S3云存储服务兼容。使用MinIO构建用于机器学习,分析和应…

    Linux 2023年6月7日
    0101
  • Spring Boot 项目部署到 Linux服务器

    1.首先将SpringBoot项目打包成JAR包,然后通过FTP工具上传到Linux,执行如下命令: java -jar xxx.jar & 该命令执行后,启动jar,一旦…

    Linux 2023年6月14日
    073
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球