Human Interface Guidelines —— Action Sheets

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚

Action Sheets

Human Interface Guidelines链接:Action Sheets

Action Sheet

Action sheet是响应控件或操作而出现的特别的警报类型,并呈现两个及以上与当前上下文相关的选择。

使用action sheet让人们发起任务,或者在执行潜在的破坏性操作之前请求确认。 在较小的屏幕上,action sheet从屏幕底部向上滑出。 在较大的屏幕上,action sheet像popover一样一次性全部展示。

·如果需增加明确性,可提供取消按钮

当用户放弃任务时,取消按钮可以提高把控感。 取消按钮应始终包含在屏幕底部的action sheet中。

·强调破坏性选择

对执行破坏性或危险操作的按钮使用红色,并将这些按钮显示在action sheet的顶部

·避免在动作表中启用滚动

 如果action sheet的选项太多,人们必须滚动才能查看所有选项。 滚动需要额外的时间才能做出选择,这在无意中点击按钮时很难做到。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏向治洪

android的适配方法

首先要介绍一下drawable-mdpi、drawable-hdpi-1280x800、drawable-hdpi。这个相信好好看一下也明白。就是代表着分辨率 ...

2157
来自专栏angularejs学习篇

angularjs学习第五天笔记(第二篇:表单验证升级篇)

您好,我是一名后端开发工程师,由于工作需要,现在系统的从0开始学习前端js框架之angular,每天把学习的一些心得分享出来,如果有什么说的不对的地方,请多多指...

893
来自专栏腾讯社交用户体验设计

微信小程序初体验(上)

2852
来自专栏编程

也许 vue+css3 做交互特效更简单

1.前言 做项目就难免会开发交互效果或者特效,而我最近开发的项目一直在使用 ,开发技术栈方面,理所当然就使用了 + 开发,过程中发现使用 + 开发特效,和 / ...

21110
来自专栏Material Design组件

Human Interface Guidelines —— Popovers

37211
来自专栏姬小光

姬小光前端兴趣班【第008期】- 真正的切图大法

上一期我们使用了 word 转存大法来生成网页,主要是为了帮助大家理解表格布局的原理。那么今天我们就来学习一下真正的切图大法。

1312
来自专栏知晓程序

微信小程序接口全解析!从官方 Demo 了解小程序的能力

2253
来自专栏杨俊标的专栏

【HTML插件】帮你100%还原设计

Contrast.js插件主要用于检验移动端Web重构还原度,由于大部分设计稿是基于iPhone6以上(1334 x 750)设计的,所以该插件比较适合用iPh...

2292
来自专栏Coding迪斯尼

VUE+WebPack:开发一款太空版植物大战僵尸的前端页游

1052
来自专栏编程软文

前端UI框架Ant Design Pro

一直忙于工作,也没时间总结。现在有点零散时间把之前做的笔记整理一下。 目前项目使用的技术栈是,前端UI框架Ant Design Pro,数据交互使用react,...

7782

扫码关注云+社区

领取腾讯云代金券