一、RecyclerView的概念
Android提供了一個更強大的滾動控件——RecyclerView誓沸。 它可以說是一個增強版的ListView梅桩, 不僅可以輕松實現(xiàn)和ListView同樣的效果, 還優(yōu)化了ListView中存在的各種不足之處拜隧。 目前Android官方更加推薦使用RecyclerView摘投, 未來也會有更多的程序逐漸從ListView轉(zhuǎn)向RecyclerView。
二虹蓄、RecycleView的簡單使用
1、 先寫好布局文件
添加RecyclerView控件
代碼如下
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/fruit_recycler_view"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
添加RecyclerView的內(nèi)容子項幸撕,新建一個布局文件薇组,命名為 item_XXX.xml
其中編寫RecyclerView中的子項布局樣式,以一個圖片坐儿,然后加圖片名字為例
代碼如下
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/fruit_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<TextView
android:id="@+id/fruit_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:textColor="#aaffcc"
android:layout_marginTop="10dp"/>
</LinearLayout>
2律胀、寫好相應(yīng)的java文件
首先創(chuàng)建子項的實體類(以子項為水果宋光,水果圖片為例)
創(chuàng)建Fruit.class
public class Fruit {
private String fruitName;
private int fruitImageID;
public String getFruitName() {
return fruitName;
}
public void setFruitName(String fruitName) {
this.fruitName = fruitName;
}
public int getFruitImageID() {
return fruitImageID;
}
public void setFruitImageID(int fruitImageID) {
this.fruitImageID = fruitImageID;
}
public Fruit(String fruitName, int fruitImageID) {
this.fruitName = fruitName;
this.fruitImageID = fruitImageID;
}
}
其次創(chuàng)建對應(yīng)的適配器
創(chuàng)建FruitAdapter類,繼承Adapter類炭菌,并且指定泛型為FruitAdapter.ViewHolder罪佳。
FruitAdapter繼承RecyclerView.Adapter,必須重寫onCreateViewHolder(),onBindViewHolder()和getItemCount()三個方法黑低。
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 java.util.List;
public class FruitAdapter extends RecyclerView.Adapter <FruitAdapter.ViewHolder>{
private List<Fruit> mFruitList;
//FruitAdapter構(gòu)造函數(shù)赘艳,用于把要展示的數(shù)據(jù)源傳入,并賦予值給類的私有變量mFruitList
public FruitAdapter(List<Fruit> fruitList){
mFruitList = fruitList;
}
@NonNull
@Override
public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
//onCreateViewHolder() 方法是用于創(chuàng)建ViewHolder 實例的克握, 我們在這個方法中將item_Fruit 布局加載進來蕾管, 然后創(chuàng)建一個ViewHolder 實例, 并把加載出來的布局傳入到構(gòu)造函數(shù)當中菩暗, 最后將ViewHolder 的實例返回掰曾。
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_fruit_recycler_view,parent,false);
ViewHolder viewHolder = new ViewHolder(view);
return viewHolder;
}
@Override
public void onBindViewHolder(@NonNull ViewHolder viewHolder, int position) {
//onBindViewHolder() 方法是用于對RecyclerView子項的數(shù)據(jù)進行賦值的, 會在每個子項被滾動到屏幕內(nèi)的時候執(zhí)行停团, 這里我們通過position 參數(shù)得到當前項的Fruit實例旷坦, 然后再將數(shù)據(jù)設(shè)置到ViewHolder 的ImageView和TextView當中即可。
Fruit fruit = mFruitList.get(position);
viewHolder.fruitImage.setImageResource(fruit.getFruitImageID());
viewHolder.fruitName.setText(fruit.getFruitName());
}
@Override
public int getItemCount() {
//getItemCount() 方法就非常簡單了佑稠, 它用于告訴RecyclerView一共有多少子項秒梅, 直接返回數(shù)據(jù)源的長度就可以了。
return mFruitList.size();
}
//定義內(nèi)部類ViewHolder讶坯,并繼承RecyclerView.ViewHolder傳入View參數(shù)通常是Recycler View子項的最外層布局
public class ViewHolder extends RecyclerView.ViewHolder {
ImageView fruitImage;
TextView fruitName;
public ViewHolder(@NonNull View itemView) {
super(itemView);
fruitImage = itemView.findViewById(R.id.fruit_image);
fruitName = itemView.findViewById(R.id.fruit_name);
}
}
}
最后修改MainActivity文件帶代碼
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import android.os.Bundle;
import android.widget.RelativeLayout;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
private List<Fruit> fruitList = new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initFruitList();
RecyclerView recyclerView = (RecyclerView) findViewById(R.id.fruit_recycler_view);
LinearLayoutManager layoutManager = new LinearLayoutManager(this);
recyclerView.setLayoutManager(layoutManager);
FruitAdapter adapter = new FruitAdapter(fruitList);
recyclerView.setAdapter(adapter);
}
private void initFruitList(){
for(int i = 0 ; i < 10 ; i++){
Fruit apple = new Fruit("apple",R.drawable.pingguo);
fruitList.add(apple);
Fruit caomei = new Fruit("caomei",R.drawable.caomei);
fruitList.add(caomei);
Fruit chengzi = new Fruit("chengzi",R.drawable.chengzi);
fruitList.add(chengzi);
Fruit lizi = new Fruit("lizi",R.drawable.lizi);
fruitList.add(lizi);
Fruit lanmei = new Fruit("lanmei",R.drawable.lanmei);
fruitList.add(lanmei);
Fruit mangguo = new Fruit("mangguo",R.drawable.mangguo);
fruitList.add(mangguo);
Fruit putao = new Fruit("putao",R.drawable.putao);
fruitList.add(putao);
Fruit xiangjiao = new Fruit("xiangjiao",R.drawable.xiangjiao);
fruitList.add(xiangjiao);
Fruit xigua = new Fruit("xigua",R.drawable.xigua);
fruitList.add(xigua);
Fruit yingtao = new Fruit("yingtao",R.drawable.yingtao);
fruitList.add(yingtao);
}
}
}
initFruit用來創(chuàng)建Fruit實例番电,然后LayoutManager用于指定RecyclerView的布局方式, 這里使用的LinearLayoutManager是線性布局的意思(還有橫向布局辆琅、網(wǎng)格布局等不同的布局樣式)漱办, 可以實現(xiàn)和ListView類似的效果。 接下來我們創(chuàng)建了FruitAdapter 的實例婉烟, 并將創(chuàng)建的FruitList數(shù)據(jù)傳入到FruitAdapter 的構(gòu)造函數(shù)中娩井, 最后調(diào)用RecyclerView的setAdapter() 方法來完成適配器設(shè)置, 這樣RecyclerView和數(shù)據(jù)之間的關(guān)聯(lián)就建立完成了似袁。
其他布局方式
橫向布局
MainActivity中只加入了一行代碼洞辣, 調(diào)用LinearLayoutManager的setOrientation() 方法來設(shè)置布局的排列方向, 默認是縱向排列的昙衅, 我們傳入LinearLayoutManager.HORIZONTAL 表示讓布局橫行排列扬霜, 這樣RecyclerView就可以橫向滾動了。
網(wǎng)格布局
在MainActivity中使用StaggeredGridLayoutManager而涉,最后調(diào)用RecyclerView的setAdapter()方法來完成適配設(shè)置即可著瓶。
點擊事件
RecyclerView比ListView的很大一個區(qū)別就是RecyclerView中的所有子項都是可以觸發(fā)點擊事件的
在類FruitAdapter中的onCreateViewHolder方法中,給每個子項的小控件注冊點擊監(jiān)聽器啼县,從而實現(xiàn)點擊事件材原。
viewHolder.fruitImage.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Log.d("1111111111111111", "onClick: "+R.id.fruit_image);
}
});
viewHolder.fruitName.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Log.d("1111111111111111", "onClick: "+R.id.fruit_name);
}
});
return viewHolder;