[Android例項] 自定義控制元件一百行程式碼實現微信朋友圈九宮格圖片顯示
阿新 • • 發佈：2019-01-30
- package com.weixinninegridlayout;
- import android.content.Context;
- import android.graphics.Color;
- import android.graphics.drawable.ColorDrawable;
- import android.util.AttributeSet;
- import android.view.View;
- import android.view.ViewGroup;
- import android.widget.ImageView;
- import java.util.List;
- /**
- * Created by Pan_ on 2015/2/2.
- */
- public class NineGridlayout extends ViewGroup {
- /**
- * 圖片之間的間隔
- */
- private int gap = 5;
- private int columns;//
- private int rows;//
- private List listData;
- private int totalWidth;
- public NineGridlayout(Context context) {
- super(context);
- }
- public NineGridlayout(Context context, AttributeSet attrs) {
- super(context, attrs);
- ScreenTools screenTools=ScreenTools.instance(getContext());
- totalWidth=screenTools.getScreenWidth()-screenTools.dip2px(80);
- }
- @Override
- protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
- super.onMeasure(widthMeasureSpec, heightMeasureSpec);
- }
- @Override
- protected void onLayout(boolean changed, int l, int t, int r, int b) {
- }
- private void layoutChildrenView(){
- int childrenCount = listData.size();
- int singleWidth = (totalWidth - gap * (3 - 1)) / 3;
- int singleHeight = singleWidth;
- //根據子view數量確定高度
- 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);
- }
- }
- 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;
- }
- public int getGap() {
- return gap;
- }
- public void setGap(int gap) {
- this.gap = gap;
- }
- public void setImagesData(List<Image> lists) {
- if (lists == null || lists.isEmpty()) {
- return;
- }
- //初始化佈局
- generateChildrenLayout(lists.size());
- //這裡做一個重用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();
- }
- /**
- * 根據圖片個數確定行列數量
- * 對應關係如下
- * num row column
- * 1 1 1
- * 2 1 2
- * 3 1 3
- * 4 2 2
- * 5 2 3
- * 6 2 3
- * 7 3 3
- * 8 3 3
- * 9 3 3
- *
- * @param length
- */
- 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;
- }
- }
- private CustomImageView generateImageView() {
- CustomImageView iv = new CustomImageView(getContext());
- iv.setScaleType(ImageView.ScaleType.CENTER_CROP);
- iv.setOnClickListener(new OnClickListener() {
- @Override
- public void onClick(View v) {
- }
- });
- iv.setBackgroundColor(Color.parseColor("#f5f5f5"));
- return iv;
- }
- }