本文是我学习安卓的笔记的一部分,查看详细完整笔记请参阅
RecyclerView
基本用法
首先讲一点RecyclerView
的需要添加依赖,设置步骤:
- 前期准备
- 模型类,用于设置item的元素-->
本例中还是沿用ListView练习中的Fruit类,设置图片和水果名称
- item布局 -->
沿用上例中的布局,一个TextView 一个ImageVIew
- 模型类,用于设置item的元素-->
- 自定义Adapter-->
FruitAdapter
继承自
RecyclerView.Adapter
,泛型为FruitAdapter.ViewHolder
,其中ViewHolder
是后续需要在FruitAdapter
内部实现定义的一个类,其作用是用于创建Item-
在Adapter内部新建
静态
类ViewHolder
,作用如上- 继承自
RecyclerView.ViewHolder
- 静态(static)
- 创建水果图片的ImageView类型属性,和水果名字 TextView类型属性
- 构造方法创建,参数类型为
View
的参数,利用view给属性赋值
- 继承自
给Adapter添加一个
List<Fruit>
类型的属性,并未Adapter添加构造方法,给 List<Fruit>赋值-
实现RecyclerView三个方法
-
onCreateViewHolder
创建ViewHolder实例,也就是item实例 -
onBindViewHolder
给item赋值,通过参数提供索引获取到具体Fruit实例,然后赋值 -
getItemCount
返回item的个数
-
** Activity中引入**
- 准备数据源--> Fruit 实例的集合
- 创建RecyclerView,通过布局
- 创建Adapter 并设置给RecyclerView
- 与ListView不同的是要创建一个
LinearLayoutManager,并设置给RecyclerView
,此类是用于修改设置布局,比如线性布局,瀑布流之类
具体代码
/**************** item布局 *********************/
<?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="wrap_content">
<TextView
android:id="@+id/item_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:text="@string/app_name"
/>
<ImageView
android:id="@+id/item_image_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10dp"
/>
</LinearLayout>
/**************** 自定义Adapter *******************/
public class FruitAadpter extends RecyclerView.Adapter<FruitAadpter.ViewHolder> {
private List<Fruit> mFruitList;
static class ViewHolder extends RecyclerView.ViewHolder {
ImageView fruitImage;
TextView fruitName;
public ViewHolder(View itemView) {
super(itemView);
fruitImage = (ImageView) itemView.findViewById(R.id.item_image_view);
fruitName = (TextView) itemView.findViewById(R.id.item_text);
}
}
public FruitAadpter(List<Fruit> mFruitList) {
this.mFruitList = mFruitList;
}
/*以下为RecycleView的类似于iOS的代理方法*/
/**
* 创建ViewHolder实例
* 1.加载item的布局,返回ViewHolder构造函数需要的参数的view
* 2.创建ViewHolder并返回
*/
@Override
public FruitAadpter.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.activity_main_fruit,parent,false);
ViewHolder viewHolder = new ViewHolder(view);
return viewHolder;
}
/**
* 主要作用给item赋值
*/
@Override
public void onBindViewHolder(FruitAadpter.ViewHolder holder, int position) {
Fruit furit = mFruitList.get(position);
holder.fruitImage.setImageResource(furit.getImageName());
holder.fruitName.setText(furit.getTitle());
}
/**
* item的个数
*/
@Override
public int getItemCount() {
Log.d(TAG, String.valueOf(mFruitList.size()));
return mFruitList.size();
}
private static final String TAG = "FruitAadpter";
}
Fruit模型不在赘述,和ListView用一样,不贴代码
/**************** Activity代码*******************/
public class MainActivity extends AppCompatActivity {
private List<Fruit> dataList = new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main_m);
initDataList();
RecyclerView recyclerView = (RecyclerView)findViewById(R.id.recycle_view);
FruitAadpter adapter = new FruitAadpter(dataList);
LinearLayoutManager layoutManager = new LinearLayoutManager(this);
recyclerView.setLayoutManager(layoutManager);
recyclerView.setAdapter(adapter);
}
private void initDataList() {
for(int i=0; i<50; i++) {
Fruit fruit = new Fruit("这是苹果",R.drawable.f3);
if (i%3 == 0) {
fruit.setTitle("这是苹果这是苹果这是苹果这是苹果这是苹果这是苹果");
}
dataList.add(fruit);
}
}
}
** 横向滚动**
只需要修改一下LinearLayoutManager
LinearLayoutManager layoutManager = new LinearLayoutManager(this);
layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
瀑布流
- 首先修改 item的布局
- 设置纵向布局
- 因为瀑布流的item的宽度是由系统根据列数来计算的,故将item的with设置为屏幕宽
- 为了让item之间不至于过于紧密,故设置一定间距
- TextView 在上,ImageView在下,让二者之间有一定间距
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="5dp" >
<ImageView
android:id="@+id/item_image_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal" />
<TextView
android:id="@+id/item_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="left"
android:layout_marginTop="10dp" />
</LinearLayout>
- 修改Activity 的LinearLayoutManager
使用StaggeredGridLayoutManager
,需要一个列数的参数,以及方向
StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(4,StaggeredGridLayoutManager.VERTICAL);
item点击
不同于ListView的点击,RecyclerView可以对每个item内部的组件单据添加监听,但是并没有像ListView那样直接给item添加点击,但是可以自己添加
-
给整个item添加点击
- 在ViewHolder的类的添加View类型的属性,在构造函数中将view参数设置给这个属性,用其记录整个item的view
- 在onCreateViewHolder代理方法中给view添加监听方法
item 中的其他组件不在赘述
注意点:
在onCreateViewHolder方法中如何确定item的索引呢? --> 方法中获取到的viewHolder 的getAdapterPosition
可以获取到索引值