最近在做漫畫的過程中钟沛,有些頁面需要用到網(wǎng)格布局管理器,需要處理item的間隔,相信這個用到的同學(xué)都遇到過:
方案1:看到有些同學(xué)通過屏幕寬度進(jìn)行處理(這個局限性太大棕洋,還不如用recyclerView的寬度呢)
方案2:無非就是找item的index和預(yù)留間距的關(guān)系(一定不涉及view及屏幕寬度問題)
這里采用方案2的方式(針對網(wǎng)格布局)
前提:一般場景下左右兩端預(yù)留的間隔都是一致的,所有這里只處理對稱的情況乒融,不對稱的情況后續(xù)在做掰盘。
對整個過程就不細(xì)致描述了,只記錄下結(jié)果:
大概步驟:
- 處理item之間的間隔(找出索引赞季、間距的關(guān)系)
- 處理兩端的間隔(找出索引愧捕、左右兩端間距關(guān)系)
- 合并以上兩步
設(shè)幾個已知量:
int sc; //網(wǎng)格列數(shù)
int dh; //每相鄰兩個item的間距
int lrs; //最左端、最右端的間距
變量:
int m = index % sc; //index是view在布局中的位置申钩,m用來做每行的列索引次绘,可以當(dāng)成x來用
計算:
根據(jù)以上的已知量和未知量來找出間距y與m之間的函數(shù)關(guān)系。
首先要明確:每個item無論sc是偶還是奇的情況下間距都是基于recycleview中心對稱的撒遣。列方程算就行了(未知數(shù)的個數(shù)跟sc相關(guān)邮偎,比如對于sc=3的情況:lrs | a|b |
b|a |lrs)。
在很長的計算結(jié)束后义黎,得出以下函數(shù)關(guān)系:
- item間隔函數(shù)關(guān)系
item右側(cè):y = -m + (sc - 1) //m != sc - 1
item左側(cè):y = m //m != 0
- 處理兩端的間隔
item右側(cè):y = 2m - (sc - 2) //m != sc - 1
item左側(cè):y = y = -2m + sc //m != 0
以上4個方程是核心禾进。
最后結(jié)果如下:
//處理中間分割線問題[原始間隔]
if (m != sc - 1) {
//y = -x + (sc - 1)
outRect.right = (int) ((sc - 1 - m) * 1.f * dh / sc) ;
}
if (m != 0) {
//y = x
outRect.left = (int) ((m) * 1.0f * dh / sc);
}
//處理兩端間距分配給每個item問題
if (m != sc - 1) {
//y = 2x - (sc - 2)
outRect.right += (int) ((2 * m - (sc - 2)) * 1.0f * lrs/ sc);
}
if (m != 0) {
//y = -2x + sc
outRect.left += (int) ((-2 * m + sc) * 1.0f * lrs/ sc);
}
//處理兩端設(shè)置的間距問題
if (m == sc - 1) {
outRect.right = lrs;
}
if (0 == m) {
outRect.left = lrs;
}
另外:
線性的和網(wǎng)格縱向的間距都好處理。