依赖
implementation ‘com.android.support:recyclerview-v7:27.1.1’
acvitity_main.xml布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.contentprovide.liuliu.recycle_3.MainActivity">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="以下是RecycleView" />
<android.support.v7.widget.RecyclerView
android:id="@+id/myRecycle"
android:layout_width="wrap_content"
android:layout_height="200dp"></android.support.v7.widget.RecyclerView>
</LinearLayout>
java代码实现:
package com.contentprovide.liuliu.recycle_3;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
/*
*
* 把RecycleView添加进布局文件中
* */
public class MainActivity extends AppCompatActivity {
// 声明一个RecycleView变量
RecyclerView recyclerView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
recyclerView = (RecyclerView) findViewById(R.id.myRecycle);
//设置RecycleView的布局方式,这里是线性布局,默认垂直
recyclerView.setLayoutManager(new LinearLayoutManager(this));
//实例化自定义适配器
MyAdapter myAdapter = new MyAdapter();
//把适配器添加到RecycleView中
recyclerView.setAdapter(myAdapter);
}
//自定义类继承RecycleView.Adapter类作为数据适配器
class MyAdapter extends RecyclerView.Adapter {
private Context context;
public MyAdapter(Context context) {
this.context = context;
}
//在适配器当中自定义内部类,其中的子对象用于呈现数据
class Myholder extends RecyclerView.ViewHolder {
private ImageView item_img;
private TextView item_text;
public Myholder(View view) {
super(view);
//实例化自定义对象
item_img = itemView.findViewById(R.id.item_img);
item_text = itemView.findViewById(R.id.item_text);
}
}
//以下是系统自动生成的三个方法
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
MyHolder myHolder = new MyHolder(LayoutInflater.from(context).inflate(R.layout.item_show,null));
return myHolder;
}
//对控件赋值
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
MyHolder myHolder = (MyHolder) holder;
myHolder.item_img.setImageResource(R.drawable.ic_launcher_background);
myHolder.item_text.setText(position+"数据");
}
@Override
public int getItemCount() {
return 100;
}
}
实现效果
可以看到对RecylerView的设置过程,比ListView要复杂一些,这也是RecylerView高度解耦的表现,虽然代码抒写上有点复杂,但它的扩展性是极高的。
在了解了RecyclerView的一些控制之后,紧接着来看看它的Adapter的写法,RecyclerView的Adapter与ListView的Adapter还是有点区别的,RecyclerView.Adapter,需要实现3个方法:
①onCreateViewHolder()
这个方法主要生成为每个Item inflater出一个View,但是该方法返回的是一个ViewHolder。该方法把View直接封装在ViewHolder中,然后我们面向的是ViewHolder这个实例,当然这个ViewHolder需要我们自己去编写。直接省去了当初的convertView.setTag(holder)和convertView.getTag()这些繁琐的步骤。
②onBindViewHolder()
这个方法主要用于适配渲染数据到View中。方法提供给你了一个viewHolder,而不是原来的convertView。
③getItemCount()
这个方法就类似于BaseAdapter的getCount方法了,即总共有多少个条目。
使用资源文件自定义列表项
好多时候每个列表项我们需要展示更多的内容,并且要让它更美观,这个时候就需要自定义列表项,需要哪种效果,自己就在一个新的xml资源文件中定义
例如实现以下效果:
步骤:
自定义列表项布局文件list.xml:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:id="@+id/te1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="#e20707"
android:textSize="30dp" />
<TextView
android:id="@+id/te2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="#0fec1a"
android:textSize="15dp" />
</LinearLayout>
activity_main.xml和上面一样
Java代码实现:
package com.contentprovide.liuliu.recycle_4;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
RecyclerView recyclerView;
String s_te1[] = {"内容一", "内容一", "内容一"};
String s_te2[] = {"内容二", "内容二", "内容二"};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
recyclerView = (RecyclerView) findViewById(R.id.myrecycleView);
recyclerView.setLayoutManager(new LinearLayoutManager(this));
MyAdapter myAdapter = new MyAdapter();
recyclerView.setAdapter(myAdapter);
}
class MyAdapter extends RecyclerView.Adapter {
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
//引入自定义列表项的资源文件
MyHolder myHolder = new MyHolder(LayoutInflater.from(getApplicationContext()).inflate(R.layout.list, null));
return myHolder;
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
MyHolder mm = (MyHolder) holder;
//将数据映射到控件中
mm.te1.setText(s_te1[position]);
mm.te2.setText(s_te2[position]);
}
@Override
public int getItemCount() {
return s_te1.length;
}
class MyHolder extends RecyclerView.ViewHolder {
TextView te1, te2;
public MyHolder(View itemView) {
super(itemView);
//实例化子对象,把对象和列表项布局文件中的id绑定
te1 = itemView.findViewById(R.id.te1);
te2 = itemView.findViewById(R.id.te2);
}
}
}
}
到这里RecycleView的基本使用就搞定了,下面加一些更加灵活的使用,例如:增加分隔线,通过几行代码的改变转换成GridView效果。这里就可以体现RecycleView比ListView更加灵活的地方了
将线性布局的方向由垂直改成水平,实现如下效果:
recyclerView.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.HORIZONTAL,false));
可以看到不止实现了水平的布局,而且可以水平滚动,这种效果在ListView中是不支持的
将线性布局改成GridView布局
recyclerView.setLayoutManager(new GridLayoutManager(this,4));
网格布局默认状态下是垂直的,如果是垂直的那么第二个参数代表有多少列,如果是水平布局那么第二个参数代表的是有多少行
转换成水平的布局:
recyclerView.setLayoutManager(new GridLayoutManager(this,4,GridLayoutManager.HORIZONTAL,false));
添加系统自带的分割线:
recyclerView.addItemDecoration(new DividerItemDecoration(this,DividerItemDecoration.VERTICAL));