Material Design —Progress &
2018-05-06 本文已影响198人
霖酱
自上次参加完回音分享会后，我下定决心要洗心革面乖乖打基础，于是开启了这个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
我的文章即将搬运同步至腾讯云+社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=28upd4coioiss
