Android开发——RecyclerView的使用(一)
Android开发——RecyclerView的使用(二)
上面两篇文章介绍了RecyclerView最常见的三种布局的基本使用,这里介绍一下使用RecyclerView实现多布局的应用。先看一下效果图:
当然这个页面不用多布局也可以实现,这里只是作为例子介绍下多布局的用法。
首先RecyclerView实现网格布局,代码很简单跟之前一样。
package com.demo.recyclerview;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import com.demo.recyclerview.BaseEntity;
import java.util.ArrayList;
import java.util.List;
public class GridViewActivity extends AppCompatActivity {
private RecyclerView mRecyclerView;
private List<BaseEntity> mDataList;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_gridview);
initView();
initData();
initRecyclerView();
}
private void initView(){
mRecyclerView = findViewById(R.id.recycler_view);
}
private void initData(){
mDataList = new ArrayList<>();
for(int i = 'A'; i < 'z'; i++){
BaseEntity entity = new BaseEntity();
entity.setText("" + (char)i);
mDataList.add(entity);
}
}
private void initRecyclerView(){
GridLayoutManager layoutManager = new GridLayoutManager(this, 4);
mRecyclerView.setLayoutManager(layoutManager);
mRecyclerView.setAdapter(new GridRecyclerAdapter(mDataList));
}
}
最主要的是Adapter,Adapter是实现多布局的关键。
自定义Adapter继承RecyclerView.Adapter,然后实现里面的方法。这里要多添加一个方法,就是getItemViewType方法,方法如下:
@Override
public int getItemViewType(int position) {
return super.getItemViewType(position);
}
看名称就知道这个方法用来获取当前项Item(position参数)是哪种类型的布局,这里需要定义不同的布局方式,
private int TYPE_ONE = 1;
private int TYPE_TWO = 2;
这里重写getItemViewType方法,根据不同的需求设置不同的类型。
@Override
public int getItemViewType(int position) {
if(position % 3 == 0){
return TYPE_ONE;
} else {
return TYPE_TWO;
}
}
在onCreateViewHolder加载布局时,参数itemType就是getItemViewType(int position)方法返回的值,这里就可以根据不同的值加载不同的布局了。Adapter的完整代码如下:
package com.demo.recyclerview;
import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import com.demo.recyclerview.BaseEntity;
import java.util.List;
public class GridRecyclerAdapter extends RecyclerView.Adapter {
private List<BaseEntity> mEntityList;
private int TYPE_ONE = 1;
private int TYPE_TWO = 2;
public GridRecyclerAdapter(List<BaseEntity> entityList){
this.mEntityList = entityList;
}
@NonNull
@Override
public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int itemType) {
View view;
if(itemType == TYPE_ONE){
view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item_recycler_grid_1, viewGroup, false);
return new ItemOneHolder(view);
} else if(itemType == TYPE_TWO){
view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item_recycler_grid_2, viewGroup, false);
return new ItemTwoHolder(view);
}
return null;
}
@Override
public void onBindViewHolder(@NonNull RecyclerView.ViewHolder viewHolder, int position) {
if(viewHolder instanceof ItemOneHolder){
((ItemOneHolder)viewHolder).nText.setText(mEntityList.get(position).getText());
} else if(viewHolder instanceof ItemTwoHolder){
((ItemTwoHolder)viewHolder).nText.setText(mEntityList.get(position).getText());
}
}
@Override
public int getItemCount() {
return mEntityList.size();
}
@Override
public int getItemViewType(int position) {
if(position % 3 == 0){
return TYPE_ONE;
} else {
return TYPE_TWO;
}
}
class ItemOneHolder extends RecyclerView.ViewHolder{
private TextView nText;
public ItemOneHolder(@NonNull View itemView) {
super(itemView);
nText = itemView.findViewById(R.id.text_view_item_1);
}
}
class ItemTwoHolder extends RecyclerView.ViewHolder{
private TextView nText;
public ItemTwoHolder(@NonNull View itemView) {
super(itemView);
nText = itemView.findViewById(R.id.text_view_item_2);
}
}
}
这样就实现item的多布局了,线性布局和网格布局的实现方法一样。这里用网格布局是为了介绍下面的方法。
当然实现多布局样式时,有时有更高的要求。要求某些item的大小是原本item大小的倍数。例如下图:
要实现这种样式的多布局就要用到GridLayoutManager 的一个方法,就是setSpanSizeLookup。这个方法就是设置相对应的item占据几个单元格长度的。
在设置RecyclerView的布局方式为网格布局之前,布局管理器先设置每个item所占的列数。
layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
@Override
public int getSpanSize(int position) {
/*if(position % 3 == 0){
return 2;
} else {
return 1;
}*/
return (3 - position % 3);
}
});
这里可以根据你的需求随意设置返回值。这里item占据多个单元格的方式,只限制于同一行,无法多行实现。不同的值对应不同的效果,看下面几种样式。
样式一:
样式二: