RecyclerView間距設置問題

最終的效果如下:

最終效果圖


上圖是我需求的一個頁面芭概,作為學習就直接貼出來了岔擂。

為了更好的使用網(wǎng)格布局位喂,所以決定使用RecyclerView來開發(fā)這需求。

首先:

為了更好地說明問題乱灵,連續(xù)發(fā)幾張截圖塑崖,并順截圖說明:

1:代碼設置全局截圖

NO1

因為要設計成網(wǎng)格樣式,所以使用GridLayoutManager痛倚,這里我只是空實現(xiàn)规婆,為了以后擴展使用,別沒有什么邏輯代碼蝉稳。這個GridLayoutManager我設置成了3列抒蚜。在98行代碼處理。

2:適配器代碼耘戚,紅框部分值得看的地方嗡髓。

值得注意的代碼

3:上圖紅框部分26,27行代碼說明

目的是我這個頁面有兩種類型的item收津,所以定義兩個常量來區(qū)分饿这。請看下圖可知。

兩種類型的item標記

4:代碼流程機器跑一下撞秋。

跑起來之后是這個效果长捧。

初次運行截圖

5:解決

重點是需要畫分割線,繼續(xù)上圖吻贿。

也許看上去很亂串结,我會一點一點解釋。重點是getItemOffsets方法舅列,用來給item設置內部偏移量肌割。所以接下重點就是getItemOffsets方法。


分割線類代碼預覽

6:添加分割線剧蹂。

此時添加上圖所寫的分割線對象声功。

添加分割線對象

7:跑起來


最終的效果。

==================================解釋====================================

接下來還沒結束宠叼,這里最大的迷惑就是getItemOffsets方法中的操作先巴,所以接著上圖

1:效果圖對比

沒有設置分割線和設置分割線之后的效果其爵,一目了然。

效果圖對比

2:應該做的


應該做的

3:設置屬性


設置屬性


4:最初的效果圖

可以看到3個item的屬性值是這樣的伸蚯,我們需要做的就是把藍色框的寬度平均成4個等間距摩渺。

最初的效果圖

5:處理之后的效果圖

我們需要用getItemOffsets方法處理成這個樣子。如下圖藍色框是等間距剂邮,寬度是30.

處理之后的效果圖

6:最終計算設置操作

需要處理第一列摇幻,中間列,和最后一列挥萌,這里需要做區(qū)分绰姻,就是頭,中間引瀑,尾狂芋。

形參:outRect.set就是設置item所在列中的偏移值。

最終計算設置操作

7:最后一圖

最后一圖說明了計算過程憨栽。

計算過程

============================================================

以上是我對RecyclerView畫分割線的認識帜矾,有寫的不對的地方,望給予指教屑柔,不勝感激B庞!掸宛!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末死陆,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子旁涤,更是在濱河造成了極大的恐慌翔曲,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,820評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件劈愚,死亡現(xiàn)場離奇詭異瞳遍,居然都是意外死亡,警方通過查閱死者的電腦和手機菌羽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評論 3 399
  • 文/潘曉璐 我一進店門掠械,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人注祖,你說我怎么就攤上這事猾蒂。” “怎么了是晨?”我有些...
    開封第一講書人閱讀 168,324評論 0 360
  • 文/不壞的土叔 我叫張陵肚菠,是天一觀的道長。 經常有香客問我罩缴,道長蚊逢,這世上最難降的妖魔是什么层扶? 我笑而不...
    開封第一講書人閱讀 59,714評論 1 297
  • 正文 為了忘掉前任,我火速辦了婚禮烙荷,結果婚禮上镜会,老公的妹妹穿的比我還像新娘。我一直安慰自己终抽,他們只是感情好戳表,可當我...
    茶點故事閱讀 68,724評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著昼伴,像睡著了一般匾旭。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上亩码,一...
    開封第一講書人閱讀 52,328評論 1 310
  • 那天季率,我揣著相機與錄音,去河邊找鬼描沟。 笑死,一個胖子當著我的面吹牛鞭光,可吹牛的內容都是我干的吏廉。 我是一名探鬼主播,決...
    沈念sama閱讀 40,897評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼惰许,長吁一口氣:“原來是場噩夢啊……” “哼席覆!你這毒婦竟也來了?” 一聲冷哼從身側響起汹买,我...
    開封第一講書人閱讀 39,804評論 0 276
  • 序言:老撾萬榮一對情侶失蹤佩伤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后晦毙,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體生巡,經...
    沈念sama閱讀 46,345評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,431評論 3 340
  • 正文 我和宋清朗相戀三年见妒,在試婚紗的時候發(fā)現(xiàn)自己被綠了孤荣。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,561評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡须揣,死狀恐怖盐股,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情耻卡,我是刑警寧澤疯汁,帶...
    沈念sama閱讀 36,238評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站卵酪,受9級特大地震影響幌蚊,放射性物質發(fā)生泄漏秸谢。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,928評論 3 334
  • 文/蒙蒙 一霹肝、第九天 我趴在偏房一處隱蔽的房頂上張望估蹄。 院中可真熱鬧,春花似錦沫换、人聲如沸臭蚁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,417評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽垮兑。三九已至,卻和暖如春漱挎,著一層夾襖步出監(jiān)牢的瞬間系枪,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,528評論 1 272
  • 我被黑心中介騙來泰國打工磕谅, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留私爷,地道東北人。 一個月前我還...
    沈念sama閱讀 48,983評論 3 376
  • 正文 我出身青樓膊夹,卻偏偏與公主長得像衬浑,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子放刨,可洞房花燭夜當晚...
    茶點故事閱讀 45,573評論 2 359

推薦閱讀更多精彩內容