RecyclerView 使用GridLayoutManager展示数据
先扔代码
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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"
tools:context=".ui.RecyclerViewActivity">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</android.support.v7.widget.RecyclerView>
</LinearLayout>
</android.support.constraint.ConstraintLayout>
public class RecyclerViewActivity extends AppCompatActivity {
@BindView(R.id.recyclerView)
RecyclerView mRecyclerView;
private List<String> datas = new ArrayList<>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_recycler_view);
ButterKnife.bind(this);
initView();
}
private void initView() {
GridLayoutManager gridLayoutManager = new GridLayoutManager(this, 4);
mRecyclerView.setLayoutManager(gridLayoutManager);
for (int i = 0; i < 100; i++) {
datas.add("测试数据 " + i);
}
DataAdapter dataAdapter = new DataAdapter(this, datas);
mRecyclerView.setAdapter(dataAdapter);
}
class DataAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
private Context mContext;
private List<String> mDatas;
private DataAdapter(Context context, List<String> datas) {
mContext = context;
mDatas = datas;
}
@NonNull
@Override
public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
View view = LayoutInflater.from(mContext).inflate(R.layout.item_data, parent, false);
return new ViewHolder(view);
}
@Override
public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
ViewHolder viewHolder = (ViewHolder) holder;
viewHolder.bindPosition(position);
}
@Override
public int getItemCount() {
return mDatas.size();
}
class ViewHolder extends RecyclerView.ViewHolder {
@BindView(R.id.tv_content)
TextView mTvContent;
public ViewHolder(View itemView) {
super(itemView);
ButterKnife.bind(this, itemView);
}
public void bindPosition(int position) {
String title = mDatas.get(position);
mTvContent.setText(title);
}
}
}
}
展示4列,图就这样。
问题来了,我想第一行展示4列,第二行展示1列,第三行展示4列,第四行展示1列,以此类推。怎么办呢?
多布局当然完全可以实现。这里就不多说了。
这里说另外一种实现方法。那就是GridLayoutManager的 setSpanSizeLookup方法。
添加代码如下:
gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
@Override
public int getSpanSize(int position) {
// 显示的列数 = spanCount / spanSize ;
if (position% 5 == 4){
//SpanSize 返回4 代表该行只显示1列 列数 = 4/4 =1
return 4;
}else{
//SpanSize 返回1代表该行显示4列 列数 = 4/1 =4
return 1;
}
}
});
重新运行程序,如图。