安卓第六天2020-12-08

安卓b站学习笔记梳理2020.12.08

天哥在奔跑安卓教程b站网址https://www.bilibili.com/video/BV1Rt411e76

 

13.RecyclerView（一）

灵活实现大数据集的展示，视图的复用管理比ListView更好，能够显示列表、网格、瀑布流等形式，且不同的ViewHolder能够实现item多元化的功能。

使用起来稍微麻烦一点，并且没有onitemclicklistener，需要自己实现。

 

这节内容有点复杂，并且在后续添加新功能的时候对原来最简洁的代码有所改动，后续是添加了分割线的功能，后来是添加了点击事件，

 

①在build.gradle引入包（如果版本变了就update）（build->edit libraries and dependencies）

implementation 'com.android.support:design:28.0.0'

②主体活动：LinearRecyclerViewActivity（最简版）

注意在里面有setAdapter（）函数，他连接了这个recyclerview和adapter

package com.jz.application1.recyclerview;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import android.graphics.Rect;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;
import com.jz.application1.R;

public class LinearRecyclerViewActivity extends AppCompatActivity {

    private RecyclerView mRvMain;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_linear_recycler_view);
        mRvMain = findViewById(R.id.rv_main);
        mRvMain.setLayoutManager(new LinearLayoutManager(LinearRecyclerViewActivity.this));
        
        //这里是加分割线的
        //mRvMain.addItemDecoration(new MyDecoration());

        //后面添加了传值的功能之后在下面的改，LinearAdapter里面需要传两个值
        mRvMain.setAdapter(new LinearAdapter(LinearRecyclerViewActivity.this));
    }

}

③LinearRecyclerViewActivity对应的xml布局：activity_linear_recycler_view.xml

就是简单的一个recyclerview

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
   >

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rv_main"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorGrayDark"/>
    
</RelativeLayout>

④Adapter : LinearAdapter.java(简洁版）（不包含点击事件）

package com.jz.application1.recyclerview;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

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

import com.jz.application1.R;


public class LinearAdapter extends RecyclerView.Adapter<LinearAdapter.LinearViewHolder>{

    private Context mContext;
    //添加点击事件的话还要private OnItemClickListener mListener;
    public LinearAdapter(Context context){
        this.mContext = context;
    }

    @NonNull
    @Override
    public LinearAdapter.LinearViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        //联系了R.layout.layout_linear_item.xml
        return new LinearViewHolder(LayoutInflater.from(mContext).inflate(R.layout.layout_linear_item,parent,false));
    }

    @Override
    public void onBindViewHolder(@NonNull LinearAdapter.LinearViewHolder holder, final int position) {
        holder.textView.setText("Hello gangan!");

    }

    @Override
    public int getItemCount() {
        return 30;
    }

    class LinearViewHolder extends RecyclerView.ViewHolder{

        private TextView textView;

        public LinearViewHolder(@NonNull View itemView) {
            super(itemView);
            textView = itemView.findViewById(R.id.tv_title4);
        }
    }

}

⑤在 LinearAdapter.java中inflate的单个holder的xml布局：R.layout.layout_linear_item.xml

里面就一个TextView

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

    <TextView
        android:id="@+id/tv_title4"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center"
        android:textColor="@color/colorBlack"
        android:textSize="20sp"/>



</LinearLayout>

⑥目前的结果：下图：

⑦添加分割线：

1. 在res->values->新建dimens.xml

   <?xml version="1.0" encoding="utf-8"?>
   <resources>
   
       <dimen name="dividerHeight">1dp</dimen>
   
   </resources>

    

2. 在LinearRecyclerViewActivity类下

   class MyDecoration extends RecyclerView.ItemDecoration{
           @Override
           public void getItemOffsets(@NonNull Rect outRect, @NonNull View view, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {
               super.getItemOffsets(outRect, view, parent, state);
               outRect.set(0,0,0,getResources().getDimensionPixelOffset(R.dimen.dividerHeight));
   //好像改成 outRect.set(0,0,0,1);也行（亲测）
           }
       }

3. 在onCreate中调用：

   mRvMain.addItemDecoration(new MyDecoration());

⑧添加分割线（自学，尝试）（下面是一个东东）

DividerItemDecoration mDividerItemDecoration = new DividerItemDecoration(getApplicationContext(), DividerItemDecoration.VERTICAL);
        Drawable mDrawable = ContextCompat.getDrawable(getApplicationContext(), R.drawable.yellow_csdn);
        mDividerItemDecoration.setDrawable(mDrawable);
        mRvMain.addItemDecoration(mDividerItemDecoration);

⑨用GitHub上面的代码：

https://github.com/yanyusong/Y_DividerItemDecoration

按照它上面的导入依赖然后可以直接用来实现类然后addItemDecoration

结果如图：（估计是我每个单元太大了）