Material风格的「天气时光轴」

2016-04-02 01:48 8 1 收藏

下面是个Material风格的「天气时光轴」教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - 手机软件 】

Material风格的「天气时光轴」

   可能Android L Material Design是除了iOS 8之外深得扁平化,做得别有一种个性的UI了!自 Material Design 发布以来,Google 一直积极推进旗下应用适配全新设计规范,许多开发者也是积极响应,将现有的应用 Material 化,亦或是推出全新应用。Android L 可能离我们还有些遥远,但一大波符合 Material Design 的应用正在袭来。今天要推荐的是一款天气应用,名叫 Weather Timeline。

  初入 Weather Timeline,天气卡片以及右下角的浮动按钮一下子就让你感受到了 Material Design 的气息,点击添加按钮的过渡动画也很有 Android L 的感觉。尽管这是个洋货,但还是认识中国邮编的,当然你也可以输入地点拼音来进行添加。左、右滑动卡片是删除操作,如果你误删了也不要紧,Weather Timeline 的撤销功能可以帮你恢复。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/shoujiruanjian/)
Material风格的「天气时光轴」图老师

  点击卡片可以查看更详细的天气信息,与大部分天气应用一样,Weather Timeline 支持查看未来一周的天气情况。列表底部有一张写有「Open Time Machine」的蓝色卡片,点击便可开启时光机功能。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/shoujiruanjian/)

  时光机功能自然是任意穿梭于过去和未来,在 Type Machine 中,你可以找回过去输入的文字,而在 Weather Timeline 中,你也就只能查查过去某一天的天气了。

  Weather Timeline 在功能上其实没什么特别之处,算是比较有特色的时光机功能似乎也不是大部分人对于天气应用的需求。不过就冲这让人耳目一新的 Material Design 风格和配色,也值得花上 $0.99 将其收入囊中。

来源:https://www.tulaoshi.com/n/20160402/2111995.html

延伸阅读
是时候学习最新的设计语言了!今天的译文,特意分享给那些想通读整篇Material design文档的同学,如何从这份包含18种不同设计元素的文档中学习呢?作者分享了4个组件经验,权当抛砖引玉,希望能在你真正学习Material design时能有所收获。 十萬個為什麽 :假如你通读了Google的material design文档:designmodo.com,就会知道它有多么广...
说了这么久的Material Design,不能半抱琵琶半遮面了,直接来研究高手的作品吧,今天分享一组最新的设计资源,包括GUI工具包和UI模板,以及1000+图标素材,全都是挑的精品,包你满载而归,来淘宝吧。 Material Design GUI 资源 Android Lollipop Material Design UI kit Android 5.0 UI Kit Material Design UI Kit Material Des...
Material Design 是Google新发布的设计文档,尽管很多童鞋还不了解,但从今天分享的这4个细节上,你可以看到Google的设计师为其付出了多少努力。它对于设计师的价值更是无可估量,绝对是帮你进行设计的优质资源。 Material Design是Google打造的一套新的视觉语言,用来统一它的多种产品。Google发布material design的概念时,同时发布了一些文...
谷歌推出的Material Design风格已见有一些APP UI采用,视觉和交互体验都很棒,对于想尝试这个风格但又不懂实现一些效果的前端设计师们,可以试试今天分享的9个目前流行的Material Design前端框架。 这些前端框架的设计元素齐全,按钮、表单、布局及常用JS特效代码也有齐了,支持Responsive Design,还有的可以结合Bootstrap使用,相当不错,下...

经验教程

129

收藏

71
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部