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