2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 九宫格拼图android代码 Android 多图上传后将图片进行九宫格展示的实例代码

九宫格拼图android代码 Android 多图上传后将图片进行九宫格展示的实例代码

时间:2021-11-27 06:24:22

相关推荐

九宫格拼图android代码 Android 多图上传后将图片进行九宫格展示的实例代码

不多说上代码

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;

}

/**

* 根据图片个数确定行列数量

* 对应关系如下

* numrowcolumn

* 1 11

* 2 12

* 3 13

* 4 22

* 5 23

* 6 23

* 7 33

* 8 33

* 9 33

*

* @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 lists=new ArrayList<>();

private NineGridlayout mGV;

private CircleBean.ResultEntity result;

private String picture;

private List list = new ArrayList();

private Adapter adapter;

public static final String ACTION ="com.example.casts";

private String msg;

private SharedPreferences canfig;

private SharedPreferences.Editor edited;

private String imageUrl = "/-09-08/98163242920_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 headmap = new HashMap<>();

headmap.put("userId","287");

headmap.put("sessionId","1604985492394287");

okRE.getInstance().getCircledetails(url,headmap, new CallBack() {

@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

放到

并且添加网络权限

网路请求请看以往博客 多图上传请看以往博客或者我上传的代码,后续我会将全部整合上传demo

感谢观看

到此这篇关于Android 多图上传后将图片进行九宫格展示的文章就介绍到这了,更多相关Android 多图展示九宫格内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。