端午過去不久，假期還沒享受完就急急忙忙來了工作，本來假期前想寫這遍文章的，結(jié)果一直忙的沒空，對于微信朋友圈和微博上傳圖片大家應(yīng)該都很熟悉吧，微信幾乎是現(xiàn)在廣大男女老少的必備，我也是其中一個(gè)，，O(∩_∩)O，每天擠著地鐵刷刷微博朋友圈看看頭條，一小時(shí)就默然的過去了。接下來介紹下NineGridlayout、這個(gè)控件，相信用到的都不陌生，github 安卓社區(qū)上很多這樣的Demo，但是在用到的地方還是得根據(jù)自己的需求進(jìn)行修改就好了，切入正題

首先我們來看看效果圖

jiu.png

• 自定義view 繼承 ViewGroup，在多張圖片的時(shí)候根據(jù)屏幕進(jìn)行適配，單張圖片時(shí)需要自己指定圖片的寬高。
  1.大家都知道自定義view的基本過程，這里就省略了，貼出主要的代碼

/**  設(shè)置圖片數(shù)據(jù) Image是存放圖片的實(shí)體<Url、寬和高>*/
private int gap = 5;  //圖片之間的間隔
private int columns; //列
private int rows;      //行
private List listData;
private int totalWidth;
//構(gòu)造方法
public NineGridlayout(Context context, AttributeSet attrs) {    super(context, attrs);    ScreenTools screenTools=ScreenTools.instance(getContext());
    totalWidth=screenTools.getScreenWidth()-screenTools.dip2px(80);
}
public void setImagesData(List<Image> lists) {
    if (lists == null || lists.isEmpty()) {
        return;
    }
   //初始化子布局
    generateChildrenLayout(lists.size());
    //這里做一個(gè)重用view的處理
    if (listData == null) {
        int i = 0;
        while (i < lists.size()) {
            CustomImageView iv = generateImageView();
            addView(iv, generateDefaultLayoutParams());
            i++;
        } 
   } else {
        int oldViewCount = listData.size();
        int newViewCount = lists.size();
        if (oldViewCount > newViewCount) { 
           removeViews(newViewCount - 1, oldViewCount - newViewCount);
        } else if (oldViewCount < newViewCount) {
            for (int i = 0; i < newViewCount - oldViewCount; i++) {
                CustomImageView iv = generateImageView();
                addView(iv, generateDefaultLayoutParams());
            }
        }
    }
    listData = lists;
    layoutChildrenView();
}

2.根據(jù)圖片個(gè)數(shù)確定行列數(shù)量

private void generateChildrenLayout(int length) {
    if (length <= 3) {
        rows = 1;
        columns = length;
    } else if (length <= 6) {
        rows = 2;
        columns = 3;
        if (length == 4) {
            columns = 2;
        }
    } else {
        rows = 3;
        columns = 3;
    }
}

3.設(shè)置對應(yīng)的索引

private int[] findPosition(int childNum) {
    int[] position = new int[2];
    for (int i = 0; i < rows; i++) {        for (int j = 0; j < columns; j++) {            if ((i * columns + j) == childNum) {                position[0] = i;//行                position[1] = j;//列                break;            }        }    }    return position;}

4.計(jì)算子view的位置

private void layoutChildrenView(){
    int childrenCount = listData.size();
    int singleWidth = (totalWidth - gap * (3 - 1)) / 3;
    int singleHeight = singleWidth;
   //根據(jù)子view數(shù)量確定高度
    ViewGroup.LayoutParams params = getLayoutParams();
    params.height = singleHeight * rows + gap * (rows - 1);
    setLayoutParams(params);
    for (int i = 0; i < childrenCount; i++) {
        CustomImageView childrenView = (CustomImageView) getChildAt(i);
        childrenView.setImageUrl(((Image) listData.get(i)).getUrl());
        int[] position = findPosition(i);
        int left = (singleWidth + gap) * position[1];
        int top = (singleHeight + gap) * position[0];
        int right = left + singleWidth;
        int bottom = top + singleHeight;
        childrenView.layout(left, top, right, bottom);
    }

5.在布局中使用

<com.lukey.ninegridlayout.NineGridlayout
    android:id="@+id/nine_gd_layout"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:layout_marginTop="8dp"/>

6.在MainActivity 設(shè)置數(shù)據(jù)的時(shí)候 9條朋友圈對應(yīng)就9張圖片， images.length是圖片數(shù)組的數(shù) 據(jù)源，demo上的圖片來源于網(wǎng)絡(luò)

for (int i = 0; i < images.length; i++) {    ArrayList<Image> itemList = new ArrayList<>();    for (int j = 0; j <= i; j++) {        itemList.add(new Image(images[j][0], Integer.parseInt(images[j][1]), Integer.parseInt(images[j][2])));    }    imagesList.add(itemList);}

• 主要的代碼自定義view就是這么多了，在調(diào)用的時(shí)候咱們還得用圖片進(jìn)行賦值自定義的圖片，CustomImageView是自定義的圖片view，大家也可以用fresco，或者ImageView,當(dāng)然了這個(gè)沒有定制性的規(guī)定只是實(shí)現(xiàn)出這個(gè)效果就O了。需要完整demo的朋友可以留言
• 下面是幾個(gè)反雞湯語錄，有興趣的朋友可以看看，平時(shí)喜歡段子和優(yōu)雅的心靈雞湯,看看就好

有時(shí)候你不逼自己一把，你就不知道你還有把事情搞砸的本事。
掉落枯井的王老漢在熱心村民們的幫助之下總算適應(yīng)了井底生活。
真正努力過的人，就會(huì)明白天賦的重要。
上帝是公平的，給了一張丑臉，當(dāng)然也會(huì)給你一個(gè)矮的身高來搭配。
還是要努力的，不然有時(shí)候不努力一把你就不知道什么叫絕望。
以前車馬信件都很慢，書信很遠(yuǎn)，一生只夠愛一個(gè)人，但……能納很多妾……
為什么別人看你一眼就覺得你是學(xué)生？不是因?yàn)槟汩L得小，而是因?yàn)槟愦┑耐痢?br> 朋友遭遇挫折后，如果他茶飯不思，不要太擔(dān)心，這說明他還在思考問題。如果他暴飲暴食，那就要小心了，這種破罐子破摔的人，跳樓都是小事，就怕他偷你零食。
沉默，沉默是今晚的康橋，趙州橋，鄭板橋。
一路上有你，苦一點(diǎn)也愿意。苦多了免談。

• 努力真的有回報(bào)，如果暫時(shí)沒有，只是努力不夠。
• Github源碼