Material风格的「天气时光轴」

2016-04-02 01:48 20 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 的撤销功能可以帮你恢复。

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

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

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

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

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

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

延伸阅读
谷歌推出的Material Design风格已见有一些APP UI采用,视觉和交互体验都很棒,对于想尝试这个风格但又不懂实现一些效果的前端设计师们,可以试试今天分享的9个目前流行的Material Design前端框架。 这些前端框架的设计元素齐全,按钮、表单、布局及常用JS特效代码也有齐了,支持Responsive Design,还有的可以结合Bootstrap使用,相当不错,下...
前不久,我们发布了Google I/O 2014 APP,源代码已经发布,诸位感兴趣的话,可以去Github看看我们是怎样在这个App中实现Material Design的功能和设计细节。在这篇文章中,我将分享一些我们对于Material Design的一些设计性思考。 每年Google I/O完了后,我们都会更新Google I/O相关的APP,我们做这个APP 有2个目的。第一,让那些在家看直播、...
在过去的三年里面,我一直带领着 Aviary 的Android设计师团队。非常荣幸我能为大家设计这款摄影APP,让大家能释放创造力,通过这款APP来拍摄出如此之多优质的照片。随着Google 推出Material Design 这种全新的设计语言,我们的产品设计团队也开始针对Photo Editor 进行重新设计。今天这篇文章,我会仔细分享我们重新设计它的故事,以及设计经验...
美食摄影:静止的时光   问世间万物,什么东西最能打动人心?我想答案是:情感。 所以第七和第八课的主题,便是如何用影像来引导读者的情感。 静物影像,最能打动人的,便是那个静字。何为静呢,看着眼前的画面,仿佛感觉时光静止(第七课),空间静谧(第八课),看得读者心也宁静下来。 大家小时候一定都玩过一个叫做一、...

经验教程

43

收藏

10

精华推荐

洗澡的亲子时光

洗澡的亲子时光

80後大尗又

血腥的好时光攻略

血腥的好时光攻略

飘渺的酒色财气

破碎时光攻略

破碎时光攻略

北京的爷们

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