类微信页面设计2

recycleview的基本实现

一.添加recycleview依赖包
方法一：在项目下的build.gradle文件中添加
首先需要在项目中找到所对应的module。在module中打开build.gradle文件
在在这里插入图片描述

接着在build.gradle文件中找到dependencies闭包，添加以下内容：
compile ‘com.android.support:recyclerview-v7:26.+’

方法二：

二.将recycleview放到布局中

三.布局文件编写

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/weixin_item"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <!--头像-->
    <com.google.android.material.imageview.ShapeableImageView
        android:id="@+id/weixin_avatar"
        android:layout_marginTop="2dp"
        android:layout_marginBottom="2dp"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_marginStart="20dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:shapeAppearanceOverlay="@style/roundedCornerStyle"
        android:layout_marginLeft="20dp" />
    <!--名称-->
    <TextView
        android:id="@+id/weixin_name"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="center_vertical"
        android:layout_marginStart="20dp"
        android:layout_marginTop="5dp"
        android:gravity="center"
        android:text="receiver name"
        app:layout_constraintStart_toEndOf="@+id/weixin_avatar"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginLeft="20dp" />
    <!--最后的聊天内容-->
    <TextView
        android:id="@+id/weixin_content"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="center_vertical"
        android:layout_marginStart="20dp"
        android:layout_marginBottom="5dp"
        android:gravity="center"
        android:text="news content"
        app:layout_constraintStart_toEndOf="@+id/weixin_avatar"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_marginLeft="20dp" />
    <!--最后的通信时间-->
    <TextView
        android:id="@+id/weixin_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="time"
        android:visibility="visible"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

四.adapter适配器编写

package com.example.myapplication.adapter;

import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import com.bumptech.glide.Glide;
import com.example.myapplication.R;
import com.example.myapplication.entity.weixin;

import java.util.List;

public class weixinRecycleViewAdapter extends RecyclerView.Adapter<weixinRecycleViewAdapter.MyViewHolder> {
        private List<weixin> wexinList;
        private Context context;

        // 为每个数据项提供对视图的引用
        // 复杂的数据项每个项可能需要多个View，您可以提供对ViewHolder中某个数据项的所有View的访问
        public static class MyViewHolder extends RecyclerView.ViewHolder{
                TextView weixinName;
                TextView weixinLastTime;
                TextView weixinContent;
                ImageView weixinAvatar;

                public MyViewHolder(View itemView) {
                        super(itemView);
                        weixinName = itemView.findViewById(R.id.weixin_name);
                        weixinLastTime = itemView.findViewById(R.id.weixin_time);
                        weixinContent = itemView.findViewById(R.id.weixin_content);
                        weixinAvatar = itemView.findViewById(R.id.weixin_avatar);
                }
        }

        //提供合适的构造函数（取决于数据集的类型）
        public weixinRecycleViewAdapter(List<weixin> weixinList,Context context) {
                this.wexinList=weixinList;
                this.context = context;
        }

        //创建新视图（由布局管理器调用），创建MyViewHolder的实例
        @NonNull
        @Override
        public weixinRecycleViewAdapter.MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
                // 创建一个新view
                View v = LayoutInflater.from(parent.getContext())
                        .inflate(R.layout.tb01viewtext, parent, false);
                return new MyViewHolder(v);
        }

        // 替换视图的内容（由布局管理器调用）用于绑定数据和事件
        @Override
        public void onBindViewHolder(MyViewHolder holder, int position) {
                // 从此位置的数据集中获取元素
                // 用该元素替换视图的内容
                weixin weixin = this.wexinList.get(position);
                holder.weixinName.setText(weixin.getName());
                holder.weixinLastTime.setText(weixin.getLastTime());
                holder.weixinContent.setText(weixin.getContent());
                Glide.with(context)
                        .load(weixin.getAvatar())//加载图片链接
                        .into(holder.weixinAvatar);//将图片放进imageText
        }

        // 用于确认子项的数量，直接返回数据源的长度就可以（由布局管理器调用）
        @Override
        public int getItemCount() {
                return this.wexinList.size();
        }
}

五.接口文件编写

package com.example.myapplication.entity;

import java.util.Date;

public class weixin {
    // 头像链接
    public String avatar;
    //姓名
    private String name;
    // 最后通信时间
    private String lastTime;
    //最后通信内容
    private String Content;

    public weixin(String avatar, String name, String lastTime, String content) {
        this.avatar = avatar;
        this.name = name;
        this.lastTime = lastTime;
        Content = content;
    }

    public String getAvatar() {
        return avatar;
    }

    public void setAvatar(String avatar) {
        this.avatar = avatar;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getLastTime() {
        return lastTime;
    }

    public void setLastTime(String lastTime) {
        this.lastTime = lastTime;
    }

    public String getContent() {
        return Content;
    }

    public void setContent(String content) {
        Content = content;
    }
}

六.weixinfragment.java文件编写

package com.example.myapplication.fragment;

import android.os.Bundle;

import android.app.Fragment;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import com.example.myapplication.R;
import com.example.myapplication.adapter.weixinRecycleViewAdapter;
import com.example.myapplication.entity.weixin;

import java.util.ArrayList;


public class weixinFragment extends Fragment {
    private View view;
    private RecyclerView recyclerView;  //声明RecycleView
    private RecyclerView.Adapter weixinRCAdapter;  //声明适配器
    private RecyclerView.LayoutManager layoutManager;

    public weixinFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        view=inflater.inflate(R.layout.table01, container, false);
        initRecyclerView();
        return view;
    }
    //初始化RecycleView函数
    private void initRecyclerView() {
        recyclerView = (RecyclerView) view.findViewById(R.id.weixin_recycler_view);
        recyclerView.setHasFixedSize(true);
        layoutManager = new LinearLayoutManager(getActivity());
        recyclerView.setLayoutManager(layoutManager);
        ArrayList<weixin> weixinList = new ArrayList<>();

            weixin weixin1 = new weixin(
                    "",
                    "张三",
                    "12:00",
                    "oh my god"
            );
            weixinList.add(weixin1);
            weixin weixin2 = new weixin(
                    "C:\\Users\\1\\Desktop\\work\\android\\weixin\\WeiXin\\app\\src\\main\\res\\drawable\\coffee.jpg",
                    "咖啡",
                    "11:20",
                    "nonono"
            );
            weixinList.add(weixin2);
            weixin weixin3 = new weixin(
                    "C:\\Users\\1\\Desktop\\work\\android\\weixin\\WeiXin\\app\\src\\main\\res\\drawable\\green.jpg",
                    "小绿",
                    "10:30",
                    "cute"
            );
            weixinList.add(weixin3);
            weixin weixin4 = new weixin(
                    "C:\\Users\\1\\Desktop\\work\\android\\weixin\\WeiXin\\app\\src\\main\\res\\drawable\\pink.jpg",
                    "小粉",
                    "9:00",
                    "oh"
            );
            weixinList.add(weixin4);
            weixin weixin5 = new weixin(
                    "C:\\Users\\1\\Desktop\\work\\android\\weixin\\WeiXin\\app\\src\\main\\res\\drawable\\yellow.jpg",
                    "大黄",
                    "5:20",
                    "hello baby"
            );
            weixinList.add(weixin5);

        weixinRCAdapter = new weixinRecycleViewAdapter(weixinList,getActivity());
        recyclerView.setAdapter(weixinRCAdapter);
    }
}

七.实验结果截图