android商品列表九宫格,GitHub - zhazhaxin/MultiView: Android九宫格显示多图或item,仿照QQ空间图片列表...

本文介绍了如何在Android中使用MultiView库实现九宫格显示多张图片,包括依赖引入、XML布局配置、Java代码设置图片数据,以及自定义Adapter展示复杂item。同时,展示了如何通过ViewImageActivity显示大图,以及在Manifest文件中配置相关跳转。文章还提到了依赖的其他库,如appcompat-v7、support-v4和resthttp。

Android九宫格显示多图或item

gradle依赖

compile 'cn.lemon:multiview:1.0.2'

MultiView

由于依赖了RestHttp加载网络图片,需初始化

RestHttp.initialize(this);

if(BuildConfig.DEBUG){

RestHttp.setDebug(true,"network");

}

xml布局文件

android:id="@+id/multi_view"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="20dp"

android:background="#f1506d"

app:divideSpace="8dp"

app:placeholder="@drawable/holder"/>

设置item之间的间隔app:divideSpace="8dp"

设置占位图app:placeholder="@drawable/holder"

Java代码

multiView = (multiView) findViewById(R.id.cell_view);

multiView.setLayoutParams(new LinearLayout.LayoutParams(900, ViewGroup.LayoutParams.WRAP_CONTENT));

data.add("http://i02.pictn.sogoucdn.com/73a90748d5e19769");

data.add("http://i01.pictn.sogoucdn.com/e19188bbc3966d6f");

multiView.setImages(data); 设置图片资源

自定义Adapter

如果需显示的不是图片,而是复杂的item,需自定义Adapter

继承MultiAdapter

class MyAdapter extends MultiAdapter {

private TextView textView;

public MyAdapter(Context context) {

super(context);

}

@Override

public View getView(ViewGroup parent, int position) {

View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item,parent,false);

textView = (TextView) view.findViewById(R.id.text);

return view;

}

@Override

public void setData(String object) {

super.setData(object);

textView.setText(object);

}

@Override

public void setOnItemClick() {

super.setOnItemClick();

Util.Toast("点击事件");

}

}

给 MultiView 设置 MultiAdapter,并添加数据

adapter = new MyAdapter(this);

multiView.setAdapter(adapter);

adapter.addAll(data);

ViewImageActivity

显示大图

manifests 文件中添加

虽然 ViewImageActivity 主要是联合 MultiView 使用,但是其实不管是否使用 MultiView,

同样可以使用 ViewImageActivity,只需要在跳转 Activity 的时候绑定好数据,如:

Intent intent = new Intent(itemView.getContext(),ViewImageActivity.class);

intent.putExtra(ViewImageActivity.IMAGES_DATA_LIST, (Serializable) getData());

intent.putExtra(ViewImageActivity.IMAGE_NUM, getAdapterPosition());

itemView.getContext().startActivity(intent);

注意事项

依赖的其他库

compile 'com.android.support:appcompat-v7:23.1.1'

compile 'com.android.support:support-v4:23.1.1'

compile 'cn.alien95:resthttp:1.0.5'

九宫格

b8fbd2b22a286f3b2657966fd93244fa.png

eff578c74bdf3641ec14c2e7f2380977.png

自定义Adapter

a2dde3120ccf43778ea948059b5c3194.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值