HIG:Views - Collections

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

Collections

Human Interface Guidelines链接:Collections

Collections

一个collection管理一组有序的内容,例如一组照片,并以可定制且高度可视的布局呈现。 

由于collection不强制执行严格的线性格式,因此它特别适合显示规格不同的项目。 一般来说,collection是对图像内容的理想展示方式。 可以选背景和其他装饰性view轻易的在视觉上区分项目的子集。


使用时注意

·Collections支持交互与动画

默认情况下,您可以点击进行选择,长按进行编辑,轻扫以滚动。如果您的app需要它,可以添加更多手势来执行自定义操作。在collection中,插入,删除或重新排序项目都可以启用动画,并且还支持自定义动画。

·当标准行或网格布局足够时,避免自创全新的设计

一个collection应该增强用户体验,而不是成为关注的中心。我们需要使选择一个项目非常容易。如果很难点击collection中的物品,人们会感到沮丧,并在达到他们想要的内容之前失去兴趣。在内容周围使用足够的padding以保持布局干净并防止内容重叠。

·对于文本展示,考虑使用table而不是collection

在可滚动列表中,查看文本信息通常更简单和更高效。

·更改动态布局时需谨慎

Collection的布局可随时更改。如果您在人们查看collection并与之互动时动态更改布局,请确保更改有意义且易于追踪路径。无动机的布局更改可能会使app看起来不可预测且难以使用。如果由于布局变化导致文本找不到,人们可能会觉得app不在掌控中。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原生js jquery
    maoyaocsf阅读 1,355评论 0 0
  • 朱会利 焦点讲师班五期 洛阳 坚持分享第541天《不说再见——讲师班课程最后一天》2018.05.01 结...
    天天_27d6阅读 3,923评论 0 3
  • 我,还记得,那年夏天的薄荷微凉。那天,我和同学们,在一棵树下,乘凉。可是,还是很热。很热。突然,一阵阵微风吹来。就...
    萧萧如梦阅读 2,435评论 0 1
  • 生日快乐,李倩永远漂亮可爱 ――杨旋
    邬童君阅读 1,364评论 0 0

友情链接更多精彩内容