開源項(xiàng)目Plaid學(xué)習(xí)(二)

UI和工具概述

在上一期,主要介紹了數(shù)據(jù)相關(guān)的一些文件。這一期開始主要學(xué)習(xí)Plaid的UI和工具(utils)方面的內(nèi)容。
UI和工具就是兩個(gè)大的文件夾,但是工具其實(shí)也是為UI服務(wù)的。所以說(shuō)還是以UI文件夾為核心。
大體文件結(jié)構(gòu)如下:

<a >
source: imgur.com
</a>
可以看到,UI文件夾里面主要有自定義控件、動(dòng)畫過(guò)渡的實(shí)現(xiàn)和頁(yè)面實(shí)現(xiàn)的元素。這里并沒(méi)有把Activity單獨(dú)抽離出來(lái),不過(guò)可以看到其實(shí)總共也沒(méi)幾個(gè)Activity。雖然有幾個(gè)Activity類名字里面并沒(méi)有Activity。

Pliad UI實(shí)際概覽

既然要說(shuō)UI,有個(gè)實(shí)際參照總是好的。下面是幾張實(shí)際App的截圖:

<a >
HomeActivity
HomeActivity
</a>

<a >
AboutActivity
</a>
<a >
SearchActivity
SearchActivity
</a>
<a >
PlayerActivity
PlayerActivity

</a>

<a >
Login
Login
</a>
<a >
Filter
Filter
</a>
<a >
Content
Content
</a>
Plaid的設(shè)計(jì)還是非常潮流的,也并不是死扣Material Design,但整體效果非常好。這主要得益于各種動(dòng)畫過(guò)渡還有自定義控件。
根據(jù)我個(gè)人的使用,有些地方加載數(shù)據(jù)加載不出來(lái),主要就是PlayerActivity頁(yè)面還有內(nèi)容頁(yè)面的評(píng)論,不過(guò)也無(wú)傷大雅。另外我在網(wǎng)上注冊(cè)之后嘗試登陸也登陸不進(jìn)去,不知道是哪里有問(wèn)題。
此外,在驚嘆UI的同時(shí),也可以想象如果用普通方法實(shí)現(xiàn)這幾個(gè)頁(yè)面該有多么簡(jiǎn)單,為了UI效果要付出多少額外的努力。因此,學(xué)習(xí)是可以,在實(shí)際項(xiàng)目使用的時(shí)候,還是要慎重考慮。

計(jì)劃學(xué)習(xí)順序

這么多文件,從哪里著手呢?假如從頁(yè)面看起,看到一個(gè)新東西又得跳到那個(gè)新東西,不太連貫。因此選擇從最無(wú)依賴的東西看起,就是各種控件和幫助類。當(dāng)然要想一次性搞明白原理還是難,因?yàn)楫吘固啵贿^(guò)大部分過(guò)一遍知道是干嘛的也就行了,之后再是Adapter,最后再到Activity。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,335評(píng)論 25 708
  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個(gè)線程,因...
    小菜c閱讀 6,523評(píng)論 0 17
  • 克里斯托弗·強(qiáng)納森·詹姆斯·諾蘭(英語(yǔ):Christopher Jonathan James Nolan,1970...
    蜂巢電影院閱讀 875評(píng)論 0 0
  • 我想我今天遇到的事夠多了,當(dāng)然這都不是我身臨其境,只是在照片和文字中看到的,但是這些以刺的我神經(jīng),作為一個(gè)女人,作...
    夢(mèng)想海賊王閱讀 996評(píng)論 0 0
  • 多么想和你見一面,看看你最近改變。<陳奕迅> 奔波于生計(jì)之中,有時(shí)候總會(huì)忘記停下來(lái)想想,自己最初的想法還在...
    Mr丨Zoul閱讀 201評(píng)論 0 0