Android仿TIM、QQ的好友列表的实现(recycleview实现)

效果展示 :

recycleview.gif

整体思路:
RecyclerView 是一个增强版的ListView,不仅可以实现和ListView同样的效果,还优化了ListView中存在的各种不足之处。
这里使用recycleviewAdapter的BRAVH框架中的树状列表,在adapter中添加两个样式,一个是分组的样式,一个是好友信息的样式。

1.引入依赖
这里要引入三个依赖:一个是recycleview的依赖,一个是adapter(BRAVH)的依赖,一个是圆形样式用于让头像显示为圆形。
先在 build.gradle(Project:XXXX) 的 repositories 添加:

 allprojects {
        repositories {
            ...
            maven { url "https://jitpack.io" }
            maven { url "http://lib.gcssloop.com/repository/gcssloop-central/" }
        }
    }

然后在 build.gradle(Module:app) 的 dependencies 添加:

 dependencies {
            compile 'com.android.support:recyclerview-v7:26.1.0'
            compile 'com.github.CymChad:BaseRecyclerViewAdapterHelper:2.9.30'
            compile 'com.gcssloop.widget:rclayout:1.4.1@aar'
    }

2.布局
在主界面中添加recycleView的布局



新建两个layout样式分别为好友列表的样式和好友信息的样式,在树状列表中引用这两个样式。

这里列出"好友信息"的样式,好友样式中使用圆角布局让好友头像展示为圆形。这个布局中也可以添加文字。


    
        
    
    

public class Levelone implements MultiItemEntity {

    public String friendName;
    public int friendSculpture;

    public Levelone(String friendName, int friendSculpture) {
        this.friendName = friendName;
        this.friendSculpture = friendSculpture;
    }

    @Override
    public int getItemType() {
        return Adapter.TYPE_LEVEL_1;
    }
}

3.Adapter
Adapter采用BRAVH
https://www.jianshu.com/p/b343fcff51b0
这个adapter里面可以改变item加载的动画,一些单击事件,如果要实现点击好友头像进入好友信息界面,就可以在adapter中添加点击事件。如果要显示好友头像为网络图片可以在adapter中使用Glide加载自己服务器中的图片url。

public class Adapter extends BaseMultiItemQuickAdapter {
    public static final int TYPE_LEVEL_0 = 0;
    public static final int TYPE_LEVEL_1 = 1;

    public Adapter(List data) {
        super(data);
        addItemType(TYPE_LEVEL_0, R.layout.levelzero);
        addItemType(TYPE_LEVEL_1, R.layout.levelone);
    }

    @Override
    protected void convert(final BaseViewHolder helper, MultiItemEntity item) {
        switch (helper.getItemViewType()) {
            case 0:
                final Levelzero lv0 = (Levelzero) item;
                helper.setText(R.id.Lv0_tv, lv0.friendGroup);
                helper.itemView.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        int pos = helper.getAdapterPosition();
                        if (lv0.isExpanded()) {
                            collapse(pos);
                        } else {
                            expand(pos);
                        }
                    }
                });
                break;
            case 1:
                final Levelone lv1 = (Levelone) item;
                helper.setImageResource(R.id.Lv1_iv, lv1.friendSculpture);
                helper.setText(R.id.title_one, lv1.friendName);
                break;
        }
    }
}

4.activity中绑定adapter

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mrecycleView = findViewById(R.id.rv);
        addData();
        RecyclerView.LayoutManager manager = new LinearLayoutManager(this);
        mrecycleView.setAdapter(new Adapter(res));
        mrecycleView.setLayoutManager(manager);
    }

最后附上github
https://github.com/yrp666/recycleViewdemo

你可能感兴趣的:(Android仿TIM、QQ的好友列表的实现(recycleview实现))