Android仿微信微博多图展示效果
时间：2021-01-04 16:15:33|栏目：Android代码|点击： 次
1.简介
这是一个用于实现像微信朋友圈和微博的类似的九宫格图片展示控件，通过自定义viewgroup实现，使用方便。
多图根据屏幕适配，单张图片时需要自己指定图片的宽高；
2.使用方法
引用：
compile 'com.w4lle.library:NineLayout:1.0.0'
使用：
在项目的layout文件中添加如下xml即可加入到布局文件
<com.w4lle.library.NineGridlayout android:layout_marginTop="8dp" android:id="@+id/iv_ngrid_layout" android:layout_height="wrap_content" android:layout_width="match_parent" />
支持 padding 和margin
Java Api :
写好自己的Adapter继承自NineGridAdapter:
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 position) {
return getItem(position) == null ? null : ((Image)getItem(position)).getUrl();
}
@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) {
ImageView iv = new ImageView(context);
iv.setScaleType(ImageView.ScaleType.CENTER_CROP);
iv.setBackgroundColor(Color.parseColor("#f5f5f5"));
Picasso.with(context).load(getUrl(i)).placeholder(new ColorDrawable(Color.parseColor("#f5f5f5"))).into(iv);
return iv;
}
}
代码中使用 :
adapter = new Adapter(context, image);
viewHolder.ivMore.setAdapter(adapter);
viewHolder.ivMore.setOnItemClickListerner(new NineGridlayout.OnItemClickListerner() {
@Override
public void onItemClick(View view, int position) {
//do some thing
Log.d("onItemClick : " + position);
}
});
其余API:
setsetGap //设置图片间隔 setDefaultWidth //设置单张图片时的宽度，默认 140 * density setDefaultHeight //设置单张图片时的高度,默认 140 * density
3.效果
github地址： https://github.com/w4lle/NineGridView
栏 目：Android代码
下一篇：利用MVC编写广告条轮播效果
本文标题：Android仿微信微博多图展示效果
本文地址：http://www.codeinn.net/misctech/40633.html
