Android高仿微信微博多图展示

原创 2015年07月13日 10:55:30

NineGridLayout

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

40.我的订单(使用NineGrilView,显示九宫格图片)

我们在编写我的订单的时候会,运用到recyclerview来显示商品图片,但是这个需要在recyclerview中再嵌套recyclerview,使用很不方便,所以我们这里使用了NineGirdVie...
  • Zuo_XP
  • Zuo_XP
  • 2016年11月07日 22:43
  • 449

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

Android高效加载大图、多图解决方案,有效避免程序OOM

我们在编写Android程序的时候经常要用到许多图片,不同图片总是会有不同的形状、不同的大小,但在大多数情况下,这些图片都会大于我们程序所需要的大小。比如说系统图片库里展示的图片大都是用手机摄像头拍出...

Android 自定义 HorizontalScrollView 打造再多图片(控件)也不怕 OOM 的横向滑动效果

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38140505自从Gallery被谷歌废弃以后,Google推荐使用ViewPag...

类似朋友圈或微博的动态界面,NineGridImageView(九宫格图片控件)

来自: http://laobie.github.io/android/2016/03/06/nine-grid-iamge-view-libaray.html 最近在公司项目重构一个类似朋...

自定义控件实现微博图片九宫格效果

1:自定义GridView public class NineGridlayout extends ViewGroup { private NineGridAdapter adapter;...

Android 控件使用教程(三)—— NineGridImageView 九宫格展示图片

引子上文降到RecyclerView的使用,确实非常方便易用,而且样式多样,很灵活。但在图像展示时,经常有朋友圈和微博等9张图以内的图片展示需求,这时候,不是一个可以无限下滑的RecyclerVew能...

Android GridView扩展仿微信微博发图动态添加删除图片

在平时的开发中,我们会看到不管是微信发朋友圈照片还是微博发布新鲜事,添加图片的时候都是选完后面还有个+号再去选择图片,这样的话比较方便用户去添加图片,有的右上角还有个-号方便用户去删除图片,而一般用户...

Android:NineGridLayout — 仿微信朋友圈和QQ空间的九宫格图片展示自定义控件

NineGridLayout 一个仿微信朋友圈和QQ空间的九宫格图片展示自定义控件。 一、介绍 1、当只有1张图时,可以自己定制图片宽高,也可以使用默认九宫格的宽高; ...

自定义九宫格控件NineGridLayout ,实现微信朋友圈图片九宫格显示

前言     很多时候我们都在刷微博或者微信朋友圈的时候都会看到很多图片,而这些图片的显示跟我们平时很多控件的显示方式都不一样,而且,当我们仔细去观察后就会发现,他加载的图片都是根据图片数量动态加载的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android高仿微信微博多图展示
举报原因:
原因补充:

(最多只允许输入30个字)