高級UI<第五十二篇>:仿oppo相冊粘貼性頭部效果

二話不說晒他,先看效果秸侣,如下:

61.gif

粘貼性頭部常常在recyclerview中使用包券,效果如上圖所示。

實現(xiàn)這個效果的思路是:
(1)編寫recyclerview基本代碼株旷,使用GridLayoutManager網(wǎng)格布局再登,加載本地圖片,實現(xiàn)如下效果:

圖片.png

(2)讀取圖片本身的時間數(shù)據(jù)晾剖,用時間將圖片分類锉矢,效果如下:

圖片.png

因此,recyclerview的Item的類型有兩種(圖片和分類欄)齿尽,使用SpanSizeLookup控制每行顯示的Item數(shù)量沽损,代碼實現(xiàn)如下:

    gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
        @Override
        public int getSpanSize(int position) {

            BaseDataBean dataBean = list.get(position);
            if(dataBean.getItemViewType() == ItemType.TYPE_TEXT){
                return 4;
            }else{
                return 1;
            }

        }
    });

(3)實現(xiàn)粘貼性頭部效果

方案有兩種:DrawOveraddOnScrollListener,本人使用addOnScrollListener方式實現(xiàn)粘貼性頭部效果循头,具體實現(xiàn)可以直接研究下我的代碼绵估,也是為了節(jié)省我寶貴的時間炎疆,所以就不詳細(xì)說明了,github地址如下:

https://github.com/NoBugException/AllRecyclerView

[本章完...]

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末国裳,一起剝皮案震驚了整個濱河市形入,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌缝左,老刑警劉巖亿遂,帶你破解...
    沈念sama閱讀 218,858評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異渺杉,居然都是意外死亡蛇数,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評論 3 395
  • 文/潘曉璐 我一進店門是越,熙熙樓的掌柜王于貴愁眉苦臉地迎上來耳舅,“玉大人,你說我怎么就攤上這事倚评∑只玻” “怎么了?”我有些...
    開封第一講書人閱讀 165,282評論 0 356
  • 文/不壞的土叔 我叫張陵蔓纠,是天一觀的道長辑畦。 經(jīng)常有香客問我吗蚌,道長腿倚,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,842評論 1 295
  • 正文 為了忘掉前任蚯妇,我火速辦了婚禮敷燎,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘箩言。我一直安慰自己硬贯,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,857評論 6 392
  • 文/花漫 我一把揭開白布陨收。 她就那樣靜靜地躺著饭豹,像睡著了一般。 火紅的嫁衣襯著肌膚如雪务漩。 梳的紋絲不亂的頭發(fā)上拄衰,一...
    開封第一講書人閱讀 51,679評論 1 305
  • 那天,我揣著相機與錄音饵骨,去河邊找鬼翘悉。 笑死甸各,一個胖子當(dāng)著我的面吹牛矫膨,可吹牛的內(nèi)容都是我干的搬味。 我是一名探鬼主播章郁,決...
    沈念sama閱讀 40,406評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼制市!你這毒婦竟也來了抬旺?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,311評論 0 276
  • 序言:老撾萬榮一對情侶失蹤息堂,失蹤者是張志新(化名)和其女友劉穎嚷狞,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體荣堰,經(jīng)...
    沈念sama閱讀 45,767評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡床未,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了振坚。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片薇搁。...
    茶點故事閱讀 40,090評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖渡八,靈堂內(nèi)的尸體忽然破棺而出啃洋,到底是詐尸還是另有隱情,我是刑警寧澤屎鳍,帶...
    沈念sama閱讀 35,785評論 5 346
  • 正文 年R本政府宣布宏娄,位于F島的核電站,受9級特大地震影響逮壁,放射性物質(zhì)發(fā)生泄漏孵坚。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,420評論 3 331
  • 文/蒙蒙 一窥淆、第九天 我趴在偏房一處隱蔽的房頂上張望卖宠。 院中可真熱鬧,春花似錦忧饭、人聲如沸扛伍。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽刺洒。三九已至,卻和暖如春吼砂,著一層夾襖步出監(jiān)牢的瞬間逆航,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評論 1 271
  • 我被黑心中介騙來泰國打工帅刊, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留纸泡,地道東北人。 一個月前我還...
    沈念sama閱讀 48,298評論 3 372
  • 正文 我出身青樓,卻偏偏與公主長得像女揭,于是被迫代替她去往敵國和親蚤假。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,033評論 2 355

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

  • 一吧兔、前言: 1. RecyclerView是什么 從Android 5.0開始磷仰,谷歌公司推出了一個用于大量數(shù)據(jù)展示...
    因為我的心閱讀 1,226評論 2 2
  • 本篇文章已授權(quán)微信公眾號 guolin_blog (郭霖)獨家發(fā)布轉(zhuǎn)載請標(biāo)明出處: http://www.jian...
    張旭童閱讀 7,424評論 7 82
  • 丁香花又開,你已不在…… 那年境蔼,《丁香花》的旋律飄蕩在大街小巷灶平。 那年,滿山的丁香花開的特別的嬌艷箍土。 那年逢享,那個叫...
    鳳二爺閱讀 545評論 0 1
  • 一個人遇到好老師人生幸運,一個學(xué)校擁有好老師是學(xué)校的光榮吴藻,一個民族源源不斷涌現(xiàn)出一批又一批好老師是民族的希望瞒爬。 ...
    欣欣向榮吉吉閱讀 189評論 0 6
  • 父親節(jié)的活動我沒參與 也不敢參與 因為我會情不自禁想起父親 此刻,外面下著雨 心里想著你 我想你了 昨天下午天街溜...
    依依0516閱讀 62評論 0 0