专栏首页Material Design组件Human Interface Guidelines —— Image Views & Maps & Pages

Human Interface Guidelines —— Image Views & Maps & Pages

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

Image Views

Human Interface Guidelines链接:Image Views

Image Views

Image view在透明或不透明的背景上显示单个图像或图像的动画序列。 在image view中,可以对图像进行拉大,缩小,调整大小以适应特定位置。 Image view默认为非交互式。

·如果可能,请确保动画序列中的所有图像的大小一致

理想情况下,应该预先调整图像以适合view,以便系统不必进行任何缩放。 如果系统必须执行缩放,那么当所有图像的大小和形状相同时,最容易达到所需的结果。

注意 已配置为模板图像的图像会丢弃其颜色并采用已应用于封闭图像视图的任何色调。 参见Custom Icons。 


Maps

Human Interface Guidelines链接:Maps

Map view可让您在app内展示地理数据,并支持内置地图app提供的大部分功能。Map view可以配置为显示标准地图,卫星图像或两者均显示。 它可以包含pins和叠加层,并支持缩放和平移。 如果您的app支持路线展示,例如在跟踪跑步app中,则可以使用map view来显示路线。

·一般来说,保持地图可交互

人们习惯于使用手势与地图app交互,并希望能够以类似的方式与地图进行交互。

·使用用户习惯了的pin颜色。

一个pin标识您地图上的兴趣点。 人们熟悉地图应用中的标准pin颜色。 避免在app中重新定义这些颜色的含义。 对于目的地使用红色,对于起始位置使用绿色,对于用户指定的位置使用紫色。


Pages

Human Interface Guidelines链接:Pages

Page view控制器提供了一种在内容页面之间实现线性导航的方式,例如在文档,书籍,记事本或日历中。 

Page view控制器可以使用两种样式:scrolling 与 page-curl 中的一种在导航期间管理页面之间的转换。 

Scrolling transition 没有特定的外观;页面从流畅地一张接一张滚动。 

Page-curl transition 为当您在屏幕上轻扫时,会导致页面卷曲,就像实体书中的页面一样。

·如果合适的话,实施非线性导航的方式。 

当使用page view控制器时,页面按顺序流动,并且无法在不相邻页面之间跳转。 如果人们需要在app中不按顺序访问页面,请实现提供此功能的自定义控件。

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Human Interface Guidelines — Requesting Permission

    霖酱
  • Human Interface Guidelines — Modality

    霖酱
  • Human Interface Guidelines — Settings

    霖酱
  • 小程序开发总结

    经历了一段繁忙的工作期,还有2天就要过年了。在这里总结一下最新开发微信小程序的心得和体会,算是一个总结,也算温故而知新,如果还能对读者有所帮助,那就更好了。 开...

    司想君
  • Android.mk杂记

    LOCAL_PRIVILEGED_MODULE := true 将app打包到/system/priv-app/下

    用户2930595
  • prophet Uncertainty Intervals不确定性区间

    https://github.com/lilihongjava/prophet_demo/tree/master/uncertainty_intervals

    lilihongjava
  • 《数据结构》 队列(Queue)操作代码集合

    队列基本操作代码集合,来自《数据结构-用C语言描述》(第二版) 高教社 队列是受限制的链表或顺序表(只能从队首取结点,先进先出FIFO),相关操作可以...

    Steve Wang
  • 基于django2.2连oracle11g解决版本冲突的问题

    上次用django2.2和oracle11g,在migrate的时候发生了版本冲突,最终将Oracle升级到了12c才解决问题

    砸漏
  • ASRD合集(包括所有第三方地图)

    https://steamcommunity.com/sharedfiles/filedetails/?id=1737009682

    impdx-忧郁的派大星
  • C和C++中的volatile、内存屏障和CPU缓存一致性协议MESI

    然后看看标准C++基金会(https://isocpp.org)怎么说的(官方链接):

    一见

扫码关注云+社区

领取腾讯云代金券