Android——RecyclerView

课程主旨

在这周的安卓开发课程中，学习了安卓的RecyclerView。并在朋友界面与通讯录界面进行使用（瀑布流、分组）。

大致编码过程

目录结构

代码编写

layout界面

在这里就只展示tab_03界面的代码编写

tab_03.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:background="@android:color/darker_gray"
    android:layout_height="match_parent">
    
    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view_03"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </android.support.v7.widget.RecyclerView>
</LinearLayout>

group_cy_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="0dp"
    android:background="@android:color/darker_gray"
    android:orientation="vertical">

    <TextView
        android:id="@+id/tv_area"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/darker_gray"
        android:padding="8dp"
        android:text="朋友分组"
        android:textColor="@android:color/white"
        android:textSize="18sp" />

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:background="@android:color/white">

        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_marginTop="5dp"
            android:layout_marginLeft="5dp"
            android:id="@+id/tv_img" />

        <TextView
            android:id="@+id/tv_team"
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:layout_margin="0dp"
            android:gravity="center"
            tools:text="朋友名" />
    </LinearLayout>


</LinearLayout>

后端代码编写

在这就省略groupdata类了，只展示groupadapter与fragment中如何调用

groupAdapter.java

package com.example.maibenben.mywechat;

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

//import com.examplple.android.recyclerview.R;

import java.util.ArrayList;
import java.util.List;

/**
 * 分组 的 Adapter
 *
 * Created by Tnno Wu on 2018/03/05.
 */

public class GroupAdapter extends RecyclerView.Adapter<GroupAdapter.GroupViewHolder> {

    private static final String TAG = GroupAdapter.class.getSimpleName();
    private View inflater;
    private Context mContext;

    private List<GroupDataBean> mList = new ArrayList<>();

    public GroupAdapter(List<GroupDataBean> list) {
        mList = list;
    }

//    public void setGroupDataList(List<GroupDataBean> list) {
//        mList = list;
//
//        notifyDataSetChanged();
//    }

    @NonNull
    @Override
    public GroupViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        inflater = LayoutInflater.from(parent.getContext()).inflate(R.layout.group_recycle_item,parent,false);
        GroupViewHolder myviewholder = new GroupViewHolder(inflater);
        return myviewholder;
    }

    @Override
    public void onBindViewHolder(@NonNull GroupViewHolder holder, int position) {
        holder.tvArea.setText(mList.get(position).getArea());
        holder.tvTeam.setText(mList.get(position).getTeam());
        holder.tvImage.setImageResource(mList.get(position).getimageid());
        if (position == 0) {
            holder.tvArea.setVisibility(View.VISIBLE);
        } else {
            if (mList.get(position).getArea().equals(mList.get(position - 1).getArea())) {
                holder.tvArea.setVisibility(View.GONE);
            } else {
                holder.tvArea.setVisibility(View.VISIBLE);
            }
        }
    }

    @Override
    public int getItemCount() {
        return mList == null ? 0 : mList.size();
    }

    public class GroupViewHolder extends RecyclerView.ViewHolder {

        TextView tvArea, tvTeam;
        ImageView tvImage;
        public GroupViewHolder(View itemView) {
            super(itemView);
            tvArea = (TextView) itemView.findViewById(R.id.tv_area);
            tvTeam = (TextView) itemView.findViewById(R.id.tv_team);
            tvImage = (ImageView) itemView.findViewById(R.id.tv_img);
        }
    }
}

contactfragment.java

package com.example.maibenben.mywechat;


import android.app.Fragment;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import java.util.ArrayList;
import java.util.List;


/**
 * A simple {@link Fragment} subclass.
 */
public class contactFragment extends Fragment {

    private static final String TAG = contactFragment.class.getSimpleName();

    private List<String> mList = new ArrayList<>();

    private List<GroupDataBean> mDataList = new ArrayList<>();
    public contactFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View view = inflater.inflate(R.layout.tab_03,container,false);
        RecyclerView recyclerView;
        initList();
        initData();
        recyclerView = (RecyclerView) view.findViewById(R.id.recycler_view_03);
        LinearLayoutManager manager = new LinearLayoutManager(view.getContext(),LinearLayoutManager.VERTICAL,false);
        recyclerView.setLayoutManager(manager);
        GroupAdapter adapter = new GroupAdapter(mDataList);
        recyclerView.setAdapter(adapter);
        return view;
    }

    private void initList() {
        mList.add("我的同学|小美人鱼?"+R.drawable.fish);
        mList.add("我的同学|白雪公主?"+R.drawable.queen);
        mList.add("我的同学|樱桃小丸子?"+R.drawable.yintao);
        mList.add("我的朋友|小兔子?"+R.drawable.t10);
        mList.add("我的家人|蜡笔小新的妈妈?"+R.drawable.l1);
        mList.add("我的家人|蜡笔小新的爸爸?"+R.drawable.l2);
        mList.add("我的家人|蜡笔小新的妹妹?"+R.drawable.l5);
        mList.add("我的家人|蜡笔小新的弟弟?"+R.drawable.l6);
        mList.add("我的家人|蜡笔小新的姐姐?"+R.drawable.l7);
        mList.add("我的家人|蜡笔小新的哥哥?"+R.drawable.l8);

    }

    private void initData() {
        for (int i = 0; i < mList.size(); i++) {
            GroupDataBean bean = new GroupDataBean();

            String s = mList.get(i);
            // area
            String area = s.substring(0, s.indexOf("|"));
            // team
            String team = s.substring(s.indexOf("|") + 1, s.indexOf("?"));
            int img = Integer.parseInt(s.substring(s.indexOf("?") + 1, s.length()));
            bean.setArea(area);
            bean.setTeam(team);
            bean.setimageid(img);
            mDataList.add(bean);
        }

        Log.d(TAG, "initData: " + mDataList.size());
    }
}

出现的问题

报内存使用过多的错误，开两个页面不报，第三个页面由于内存运行到一半就不能工作了。网上的解决办法是 设置android:largeHeap=“true”，但我这个仍然有点问题，正在解决中。解决完后更新。

演示结果

运行视频

家人界面

（这个没有用recyclerview, 固定的布局）

朋友界面

通讯录界面

项目源码地址

我的android_cy项目