Android 多图展示九宫格 Android 多图上传后将图片进行九宫格展示的实例代码
王鑫林呀! 人气:0不多说上代码
public abstract class NineGridAdapter { protected Context context; protected List list; public NineGridAdapter(Context context, List list) { this.context = context; this.list = list; } public abstract int getCount(); public abstract String getUrl(int positopn); public abstract Object getItem(int position); public abstract long getItemId(int position); public abstract View getView(int i, View view); }
package com.wd.weidologin.pic; import android.content.Context; import android.util.AttributeSet; import android.util.DisplayMetrics; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; public class NineGridlayout extends ViewGroup { private NineGridAdapter adapter; private OnItemClickListerner onItemClickListerner; // 行间距 private int lineSpace; //列间距 private int gap; private final int DEFAULT_WIDTH = 140; private int columns;// private int rows;// private int totalWidth; private Context context; int singleWidth = 0, singleHeight = 0; private int defaultWidth, defaultHeight; private int oldCount; public NineGridlayout(Context context) { this(context, null); } public NineGridlayout(Context context, AttributeSet attrs) { this(context, attrs, 0); } public NineGridlayout(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); this.context = context; gap = dip2px(context, 10); lineSpace = dip2px(context,10); ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); defaultWidth = defaultHeight = dip2px(context, DEFAULT_WIDTH); } public void setDefaultWidth(int defaultWidth) { this.defaultWidth = defaultWidth; } public void setDefaultHeight(int defaultHeight) { this.defaultHeight = defaultHeight; } public void setAdapter(NineGridAdapter adapter) { this.adapter = adapter; if (adapter == null) { return; } //初始化布局形状 generateChildrenLayout(adapter.getCount()); //这里做一个重用view的处理 // if (oldCount == 0) { removeAllViews(); for (int i = 0; i < adapter.getCount(); i++) { View itemView = adapter.getView(i, null); addView(itemView, generateDefaultLayoutParams()); } // } /*else { //以前添加过view int newViewCount = adapter.getCount(); if (oldCount > newViewCount) { removeViews(newViewCount - 1, oldCount - newViewCount); for (int i = 0; i < newViewCount - 1; i++) { adapter.getView(i, getChildAt(i)); } } else if (oldCount < newViewCount) { for (int i = 0; i < newViewCount - oldCount; i++) { View itemView = adapter.getView(i, null); addView(itemView, generateDefaultLayoutParams()); } } }*/ oldCount = adapter.getCount(); requestLayout(); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); int widthMode = MeasureSpec.getMode(widthMeasureSpec); int heightMode = MeasureSpec.getMode(heightMeasureSpec); int sizeWidth = MeasureSpec.getSize(widthMeasureSpec); int sizeHeight = MeasureSpec.getSize(heightMeasureSpec); totalWidth = sizeWidth - getPaddingLeft() - getPaddingRight(); if (adapter != null && adapter.getCount() > 0) { int measureWidth, measureHeight; int childrenCount = adapter.getCount(); if (childrenCount == 1) { singleWidth = defaultWidth; singleHeight = defaultHeight; } else { singleWidth = (totalWidth - gap * (3 - 1)) / 3; singleHeight = singleWidth; } measureChildren(MeasureSpec.makeMeasureSpec(singleWidth, MeasureSpec.EXACTLY), MeasureSpec.makeMeasureSpec(singleHeight, MeasureSpec.EXACTLY)); measureWidth = singleWidth * columns + gap * (columns - 1); measureHeight = singleHeight * rows + lineSpace * (rows - 1); setMeasuredDimension(sizeWidth, measureHeight); } } @Override protected void onLayout(boolean changed, int l, int t, int r, int b) { layoutChildrenView(); } private void layoutChildrenView() { if (adapter == null || adapter.getCount() == 0) { return; } int childrenCount = adapter.getCount(); for (int i = 0; i < childrenCount; i++) { int[] position = findPosition(i); int left = (singleWidth + gap) * position[1] + getPaddingLeft(); int top = (singleHeight + lineSpace) * position[0] + getPaddingTop(); int right = left + singleWidth; int bottom = top + singleHeight; ImageView childrenView = (ImageView) getChildAt(i); if (childrenCount == 1) { //只有一张图片 childrenView.setScaleType(ImageView.ScaleType.FIT_CENTER); } else { childrenView.setScaleType(ImageView.ScaleType.CENTER_CROP); } final int itemPosition = i; childrenView.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { if (onItemClickListerner != null) { onItemClickListerner.onItemClick(v, itemPosition); } } }); 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; } /** * 根据图片个数确定行列数量 * 对应关系如下 * 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; } } /** * dp to px */ public static int dip2px(Context context, double dpValue) { final float scale = context.getResources().getDisplayMetrics().density; return (int) (dpValue * scale + 0.5f); } public void setOnItemClickListerner(OnItemClickListerner onItemClickListerner) { this.onItemClickListerner = onItemClickListerner; } public interface OnItemClickListerner { public void onItemClick(View view, int position); } }
package com.wd.weidologin.home; import androidx.appcompat.app.AppCompatActivity; import androidx.recyclerview.widget.GridLayoutManager; import androidx.recyclerview.widget.RecyclerView; import android.content.BroadcastReceiver; import android.content.Context; import android.content.Intent; import android.content.IntentFilter; import android.content.SharedPreferences; import android.graphics.Color; import android.os.Bundle; import android.util.Log; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.Toast; import com.bumptech.glide.Glide; import com.google.gson.Gson; import com.wd.weidologin.R; import com.wd.weidologin.adapter.AttentionRequestAdapter; import com.wd.weidologin.okutil.okRE; import com.wd.weidologin.pic.NineGridAdapter; import com.wd.weidologin.pic.NineGridlayout; import java.util.ArrayList; import java.util.HashMap; import java.util.List; public class MainActivity2 extends AppCompatActivity { private RecyclerView ry; private AttentionRequestAdapter attentionRequestAdapter; private ArrayList<CircleBean.ResultEntity> lists=new ArrayList<>(); private NineGridlayout mGV; private CircleBean.ResultEntity result; private String picture; private List<String> list = new ArrayList<String>(); private Adapter adapter; public static final String ACTION ="com.example.casts"; private String msg; private SharedPreferences canfig; private SharedPreferences.Editor edited; private String imageUrl = "http://pic1.nipic.com/2008-09-08/200898163242920_2.jpg";//如果没有接口可以用这个简单代替这个就不需要进行切割了 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main2); init();//(有接口的情况) list.add(imageUrl);//没有接口的情况 ---==================== if (adapter == null){ adapter = new Adapter(this,list); mGV.setAdapter(adapter); } mGV.setOnItemClickListerner(new NineGridlayout.OnItemClickListerner() { @Override public void onItemClick(View view, int position) { Toast.makeText(getApplicationContext(), String.valueOf(position),Toast.LENGTH_LONG).show(); } });//没有接口的情况 ---====================不要混 } private void init() { // int sickCircleId = getIntent().getIntExtra("sickCircleId", 0); canfig = getSharedPreferences("canfig", Context.MODE_PRIVATE); edited = canfig.edit(); int resultkey = canfig.getInt("resultkey", 0); String url="http:....."+resultkey; HashMap<String, String> headmap = new HashMap<>(); headmap.put("userId","287"); headmap.put("sessionId","1604985492394287"); okRE.getInstance().getCircledetails(url,headmap, new okRE.NetCallBack() { @Override public void onSuccess(String string) { CircleBean circleBean = new Gson().fromJson(string, CircleBean.class); picture = circleBean.getResult().getPicture(); Toast.makeText(MainActivity2.this, picture+"", Toast.LENGTH_SHORT).show(); mGV = findViewById(R.id.d); String[] split = picture.split(",");//一般多图上传后需要将图片进行切割 if (picture.equals("")){//在这里我进行了是否有图片的判断以免没有图片还进行占位 mGV.setVisibility(View.GONE); } for (int i = 0; i < split.length; i++) { list.add(split[i]); } if (adapter == null){ adapter = new Adapter(MainActivity2.this,list); mGV.setAdapter(adapter); } mGV.setOnItemClickListerner(new NineGridlayout.OnItemClickListerner() {图片点击事件 @Override public void onItemClick(View view, int position) { Toast.makeText(getApplicationContext(), String.valueOf(position),Toast.LENGTH_LONG).show(); } }); } @Override public void onFail(String string) { // Toast.makeText(MainActivity.this, string+"", Toast.LENGTH_SHORT).show(); } }); } private class Adapter extends NineGridAdapter {//适配器 public Adapter(Context context, List list){ super(context,list); } @Override public int getCount() { return list == null?0:list.size(); } @Override public String getUrl(int positon) { return getItem(positon) == null ? null : getItem(positon).toString(); } @Override public Object getItem(int position) { return (list == null) ? null : list.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int i, View view) { ImageView imageView = new ImageView(getApplicationContext()); ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setBackgroundColor(Color.parseColor("#f5f5f5")); imageView.setLayoutParams(lp); Glide.with(context).load(getUrl(i)).into(imageView); return imageView; } } }
最后因为这个包含网络请求所以需要进行设置
在res下创建xml文件夹创建network_security_config.xml
<?xml version="1.0" encoding="utf-8"?> <network-security-config> <base-config cleartextTrafficPermitted="true" /> </network-security-config>
放到
并且添加网络权限
<uses-permission android:name="android.permission.INTERNET" />
网路请求请看以往博客 多图上传请看以往博客或者我上传的代码,后续我会将全部整合上传demo
感谢观看
加载全部内容