Material Design —Progress & activity

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

Progress & activity

Material Design链接:Progress&activity

进程与活动的indicator是app加载内容的可视化迹象。

应该使用单个视觉indicator来表示每种类型的操作。 例如,刷新操作应显示刷新条或循环,但不能同时显示。

Determinate indicators显示操作需要多长时间。

Indeterminate indicators将不确定的等待的时间可视化未指定的。

类型

线性

循环

行为

分阶段加载内容

加载其他内容


indicator类型(原网站看动图)

当indicator确定时,它们以百分数的形式展示一个操作所需时间。

当indicator不确定时,他们要求用户等待一些事情完成,而不展示需要多长时间。

线性和循环进度indicator可以是确定的或不确定的。

线性

线性进度indicator应从0%填充到100%,并且永远不会减少值。 它通常出现在头部bar的边缘或者会出现/消失的一小片材料。

对于按顺序发生的多个操作,请使用线性indicator来表示整体进度,而不是单独操作。

从上至下:确定、不确定、带缓冲、不确定+确定

左:带缓冲    右:不确定+确定

循环

左:不确定    右:确定

融合的循环

与悬浮响应式按钮融合


行为

阶段loading

左:一段loading,容器不变    右:两段loading,先生成容器,再放入循环

左:第一次进入的加载内容    右:一次加载并展示所有内容

加载额外内容

卡片扩展:对于在桌面等较大表面上展开的卡片,建议使用不确定的线性indicator。

左:上拉加载更多内容:从下面加载列表时,建议使用不确定循环indicator 右:下拉刷新:从上面刷新列表时,建议使用不确定循环indicator

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏开发 & 算法杂谈

基于Lockset的数据竞争检测方法汇总(三)

        上一篇文章中我们看到了有关共享对象状态变迁在Eraser基础上进行的改进,但是改进的不是特别明显,下面这篇论文不是单纯的用Lockset作为数据...

16230
来自专栏北京马哥教育

基础拾遗--【转】网站带宽计算

我们通常说的网站流量(traffic)就是指网站的访问量,是用来描述访问一个网站的用户数量以及用户所浏览的网页数量等指标,常用的统计指标包括网站的独立用户数量、...

45170
来自专栏魂祭心

原 数学与多线程

31140
来自专栏SAP最佳业务实践

想学FM系列(16)-SAP FM模块:预算结构(7)-预算结构操作-多层预算结构维护

3.2.2.3 多层预算结构的维护 ? 1)FMHIE_HIEID- 编辑层次结构标识 功能为多层预算结构备用树定义一相标识ID,并定义相关属性,为之后生成备...

55580
来自专栏SDNLAB

如何像Facebook一样构建数据中心 – BGP在大规模数据中心中的应用(3)

作者简介:史梦晨,曾就职于国内金牌集成商, 现就职于EANTC( 欧洲高级网络测试中心),研究方向:网络架构,测试,运维(大规模数据中心,SD-WAN,EVPN...

25110
来自专栏MixLab科技+设计实验室

DIY一个以图搜图引擎1

大家好,凡关注本公众号的用户都可参与到这个小实验中来,基于微信头像的数据,我发现这几个有趣的事情(注意保密,以下都只显示头像,我也只能取到头像和昵称的数据,其他...

41370
来自专栏AI科技大本营的专栏

全文来了!打败DBA老炮,机器学习如何改变数据库管理系统

作者 | Dana Van Aken、Andy Pavlo、Geoff Gordon 编译 | AI100 数据库管理系统(DBMSs)是所有数据密集型应用的...

392120
来自专栏Jerry的SAP技术分享

SAP Cloud for Customer客户主数据的重复检查-Levenshtein算法

SAP C4C的客户主数据创建时的重复检查,基于底层HANA数据库的模糊查找功能,根据扫描数据库中已有的数据检测出当前正在创建的客户主数据是否和数据库中记录有重...

12620

Ray:AI的分布式系统

随着机器学习的算法和技术的进步,越来越多的机器学习应用程序需要多台机器,并且必须利用并行性。但是,在集群上进行机器学习的基础设施仍然是特设的。尽管针对特定用例(...

43560
来自专栏机器之心

从零开始:深度学习软件环境安装指南

41680

扫码关注云+社区

领取腾讯云代金券