首页 > 系统 > Android > 正文

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

2019-12-12 03:50:10
字体:
来源:转载
供稿:网友

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 * densitysetDefaultHeight //设置单张图片时的高度,默认 140 * density

3.效果

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表