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

可以看到,UI文件夹里面主要有自定义控件、动画过渡的实现和页面实现的元素。这里并没有把Activity单独抽离出来,不过可以看到其实总共也没几个Activity。虽然有几个Activity类名字里面并没有Activity。
Pliad UI实际概览
既然要说UI,有个实际参照总是好的。下面是几张实际App的截图:

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

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

</a>

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

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

Plaid的设计还是非常潮流的,也并不是死扣Material Design,但整体效果非常好。这主要得益于各种动画过渡还有自定义控件。
根据我个人的使用,有些地方加载数据加载不出来,主要就是PlayerActivity页面还有内容页面的评论,不过也无伤大雅。另外我在网上注册之后尝试登陆也登陆不进去,不知道是哪里有问题。
此外,在惊叹UI的同时,也可以想象如果用普通方法实现这几个页面该有多么简单,为了UI效果要付出多少额外的努力。因此,学习是可以,在实际项目使用的时候,还是要慎重考虑。
计划学习顺序
这么多文件,从哪里着手呢?假如从页面看起,看到一个新东西又得跳到那个新东西,不太连贯。因此选择从最无依赖的东西看起,就是各种控件和帮助类。当然要想一次性搞明白原理还是难,因为毕竟太多,不过大部分过一遍知道是干嘛的也就行了,之后再是Adapter,最后再到Activity。
网友评论