Glide 與 PhotoView 寫出漂亮的瀑布流

Hello,大家好酪穿,我是小帥凳干,今天是第一次寫博客啊,有點(diǎn)小激動(dòng)被济,因?yàn)檫@對(duì)我來(lái)說(shuō)是重要的一步救赐,能走到今天也是很不容易,閑話不多說(shuō)只磷,咱開始今天的主角经磅,瀑布流!

瀑布流就不解釋了钮追,瀑布流的效果大家可以看圖片预厌!



開始正式將項(xiàng)目,首先需要設(shè)置瀑布流效果的實(shí)現(xiàn),recycleviwe ,Glide

compile'com.github.bumptech.glide:glide:3.7.0'

compile'com.android.support:recyclerview-v7:24.2.1'

recycleview其實(shí)功能比listviewi強(qiáng)大,但是要用好就需要花點(diǎn)時(shí)間去研究他

Glide是非常強(qiáng)大的一款圖片框架,建議用Glide而不是用Picasso,因?yàn)镚lide能做的比Picasso要更多,而且是谷歌推薦的,所以推薦下;

recycleview 實(shí)現(xiàn)瀑布流布局其實(shí)很簡(jiǎn)單,看代碼


這樣就已經(jīng)實(shí)現(xiàn)了瀑布流的功能,后面的就交給adpter去了

不得不吐槽的是recycleview這么強(qiáng)大,竟然要自己定義點(diǎn)擊事件!

so 跟著我看下代碼

先定義一個(gè)接口,通過(guò)參數(shù)綁定

具體的綁定需要在onBindViewHolder與定制的holder去綁定,通過(guò)監(jiān)聽點(diǎn)擊事件綁定,這里我們的Glide就登場(chǎng)了


ok,既然講到了Glide,來(lái)講講GlideModule 如果你沒有遇到GlideModule,那么你還沒真正會(huì)用Glide,當(dāng)然我也不太會(huì),我就把我知道的寫寫;


這里需要接下的兩個(gè)方法,第一個(gè)方法簡(jiǎn)單說(shuō)就是自定義Glide,里面可以定義緩存,內(nèi)存和SD卡,

SD卡里面分兩種情況,一種是內(nèi)部緩存,外部訪問(wèn)不到,也就是Data data里面的數(shù)據(jù),另外一種就是放在可以訪問(wèn)到,需要了解詳情的去官網(wǎng)看看https://github.com/bumptech/glide

第二個(gè)方法registerComponents 是網(wǎng)絡(luò)請(qǐng)求,我這里沒有配置okhttp,因?yàn)樾枰脑捰质且黄恼?

GlideModule聲明后需要用meta-data調(diào)用,如圖

GlideModule的配置

ok,接下來(lái)看看如何實(shí)現(xiàn)瀑布流的隨機(jī)高度


很簡(jiǎn)答吧,就這一句話,當(dāng)然你也可以寫在適配器里面


這里是對(duì)高度的解析,順帶提下,你的布局文件里面,需要設(shè)置下


不解釋這個(gè),去看recycleview的源碼,或者你自己寫寫試試看就知道了

這樣就簡(jiǎn)單實(shí)現(xiàn)了瀑布流的效果,數(shù)據(jù)的解析我后期會(huì)開一篇文章去解析

本文數(shù)據(jù)是寫死的;

當(dāng)然實(shí)現(xiàn)瀑布流不能放大和縮小是不是很坑,所以我們的另外一個(gè)主角photoview就登場(chǎng)了

https://github.com/chrisbanes/PhotoView

配置我是引入了jar,當(dāng)然也可以用官網(wǎng)的配置說(shuō)明

第一次寫不知道怎么把jar包發(fā)在網(wǎng)上啊,那給個(gè)百度云鏈接唄

鏈接:http://pan.baidu.com/s/1skEAefV 密碼:ejve

怎么依賴就不寫了,自己解決;

photoview的使用和imagview是差不多的


帶個(gè)進(jìn)度條,好通知下,進(jìn)度條這里當(dāng)時(shí)卡了下,不過(guò)解決了

之前寫了一個(gè)單張圖片的效果,后來(lái)感覺不行,就寫了viewpager,

提下viewpager的適配器吧


里面的注釋寫的很清楚了,viewpage和recycleview結(jié)合起來(lái)對(duì)比下,你就能知道他們的不同

這里強(qiáng)烈推薦大家去閱讀下這篇博客,對(duì)viewpage有一個(gè)很好的認(rèn)知http://blog.csdn.net/dmk877/article/details/50060745

或者去官網(wǎng)查看下,閱讀官網(wǎng)是一種習(xí)慣,備好梯子

接下來(lái)說(shuō)說(shuō)怎么傳遞數(shù)據(jù)

intent是主角,不過(guò)我在實(shí)際做的時(shí)候發(fā)現(xiàn)intent不支持int數(shù)據(jù)傳遞,哈哈,你沒遇到過(guò)說(shuō)明你開發(fā)經(jīng)驗(yàn)不夠哦,遇到問(wèn)題要去解決嗎,答案是有很多的,我用最簡(jiǎn)單的一種,bundle


通過(guò)bundle去傳遞數(shù)據(jù)



接下來(lái)有了數(shù)據(jù)就是viewpager的適配,這里就不解釋了,看代碼就行

需要提下的是進(jìn)度條


需要對(duì)Glide進(jìn)行監(jiān)聽,然后測(cè)試

這里基本實(shí)現(xiàn)了需要的效果了!可以看下斷網(wǎng)情況下加載哦

差點(diǎn)忘了,項(xiàng)目地址 ??https://github.com/Chenshuai770/test_glide6

我是小帥!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市元媚,隨后出現(xiàn)的幾起案子轧叽,更是在濱河造成了極大的恐慌,老刑警劉巖刊棕,帶你破解...
    沈念sama閱讀 222,681評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件炭晒,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡甥角,警方通過(guò)查閱死者的電腦和手機(jī)网严,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)嗤无,“玉大人震束,你說(shuō)我怎么就攤上這事怜庸。” “怎么了驴一?”我有些...
    開封第一講書人閱讀 169,421評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵休雌,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我肝断,道長(zhǎng)杈曲,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,114評(píng)論 1 300
  • 正文 為了忘掉前任胸懈,我火速辦了婚禮担扑,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘趣钱。我一直安慰自己涌献,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,116評(píng)論 6 398
  • 文/花漫 我一把揭開白布首有。 她就那樣靜靜地躺著燕垃,像睡著了一般。 火紅的嫁衣襯著肌膚如雪井联。 梳的紋絲不亂的頭發(fā)上卜壕,一...
    開封第一講書人閱讀 52,713評(píng)論 1 312
  • 那天,我揣著相機(jī)與錄音烙常,去河邊找鬼轴捎。 笑死,一個(gè)胖子當(dāng)著我的面吹牛蚕脏,可吹牛的內(nèi)容都是我干的侦副。 我是一名探鬼主播,決...
    沈念sama閱讀 41,170評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼驼鞭,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼秦驯!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起挣棕,我...
    開封第一講書人閱讀 40,116評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤汇竭,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后穴张,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,651評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡两曼,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,714評(píng)論 3 342
  • 正文 我和宋清朗相戀三年皂甘,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片悼凑。...
    茶點(diǎn)故事閱讀 40,865評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡偿枕,死狀恐怖璧瞬,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情渐夸,我是刑警寧澤嗤锉,帶...
    沈念sama閱讀 36,527評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站墓塌,受9級(jí)特大地震影響瘟忱,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜苫幢,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,211評(píng)論 3 336
  • 文/蒙蒙 一访诱、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧韩肝,春花似錦触菜、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至剩蟀,卻和暖如春催蝗,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背喻旷。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工生逸, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人且预。 一個(gè)月前我還...
    沈念sama閱讀 49,299評(píng)論 3 379
  • 正文 我出身青樓槽袄,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親锋谐。 傳聞我的和親對(duì)象是個(gè)殘疾皇子遍尺,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,870評(píng)論 2 361

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