开源项目Plaid学习(二)

UI和工具概述

在上一期,主要介绍了数据相关的一些文件。这一期开始主要学习Plaid的UI和工具(utils)方面的内容。
UI和工具就是两个大的文件夹,但是工具其实也是为UI服务的。所以说还是以UI文件夹为核心。
大体文件结构如下:

<a href="http://imgur.com/Pl6atvK">
source: imgur.com
</a>
可以看到,UI文件夹里面主要有自定义控件、动画过渡的实现和页面实现的元素。这里并没有把Activity单独抽离出来,不过可以看到其实总共也没几个Activity。虽然有几个Activity类名字里面并没有Activity。

Pliad UI实际概览

既然要说UI,有个实际参照总是好的。下面是几张实际App的截图:

<a href="http://imgur.com/GAUZZo8">
HomeActivity
HomeActivity
</a>

<a href="http://imgur.com/QcX5bOU">
AboutActivity
</a>
<a href="http://imgur.com/RKKQrMI">
SearchActivity
SearchActivity
</a>
<a href="http://imgur.com/magQh36">
PlayerActivity
PlayerActivity

</a>

<a href="http://imgur.com/vUN95BR">
Login
Login
</a>
<a href="http://imgur.com/PZWLjE7">
Filter
Filter
</a>
<a href="http://imgur.com/q2uaaW5">
Content
Content
</a>
Plaid的设计还是非常潮流的,也并不是死扣Material Design,但整体效果非常好。这主要得益于各种动画过渡还有自定义控件。
根据我个人的使用,有些地方加载数据加载不出来,主要就是PlayerActivity页面还有内容页面的评论,不过也无伤大雅。另外我在网上注册之后尝试登陆也登陆不进去,不知道是哪里有问题。
此外,在惊叹UI的同时,也可以想象如果用普通方法实现这几个页面该有多么简单,为了UI效果要付出多少额外的努力。因此,学习是可以,在实际项目使用的时候,还是要慎重考虑。

计划学习顺序

这么多文件,从哪里着手呢?假如从页面看起,看到一个新东西又得跳到那个新东西,不太连贯。因此选择从最无依赖的东西看起,就是各种控件和帮助类。当然要想一次性搞明白原理还是难,因为毕竟太多,不过大部分过一遍知道是干嘛的也就行了,之后再是Adapter,最后再到Activity。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,799评论 25 709
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,834评论 0 17
  • 克里斯托弗·强纳森·詹姆斯·诺兰(英语:Christopher Jonathan James Nolan,1970...
    蜂巢电影院阅读 4,434评论 0 0
  • 我想我今天遇到的事够多了,当然这都不是我身临其境,只是在照片和文字中看到的,但是这些以刺的我神经,作为一个女人,作...
    梦想海贼王阅读 4,542评论 0 0
  • 多么想和你见一面,看看你最近改变。<陈奕迅> 奔波于生计之中,有时候总会忘记停下来想想,自己最初的想法还在...
    Mr丨Zoul阅读 1,358评论 0 0