软件编程
位置:首页>> 软件编程>> Android编程>> Android仿微信微博多图展示效果

Android仿微信微博多图展示效果

作者:w4lle  发布时间:2023-03-04 11:02:55 

标签: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.效果

Android仿微信微博多图展示效果

github地址: https://github.com/w4lle/NineGridView

0
投稿

猜你喜欢

手机版 软件编程 asp之家 www.aspxhome.com