企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
# 所看到的菜单列表、菜单类型列表,都是使用Android的Recyclerview组件完成的 下面讲讲简单的用法 # **一、简单的RecyclerView使用方法** 本节所示示例是一个最简单的使用方法,在接下来几节中将会介绍更多RecyclerView的别的一些屌爆的用法。作者用的环境是Android Studio 0.8.6。 1、添加依赖 在AS的build.gradle中添加依赖,然后同步一下就可以引入依赖包: dependencies { ... compile 'com.android.support:recyclerview-v7:21.0.+' } 2、编写代码 添加完依赖之后,就开始写代码了,与ListView用法类似,也是先在xml布局文件中创建一个RecyclerView的布局: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <android.support.v7.widget.RecyclerView android:id="@+id/my_recycler_view" android:layout_width="match_parent" android:layout_height="match_parent" android:scrollbars="vertical"/> </RelativeLayout> 创建完布局之后在MainActivity中获取这个RecyclerView,并声明LayoutManager与Adapter,代码如下: mRecyclerView = (RecyclerView)findViewById(R.id.my_recycler_view); //创建默认的线性LayoutManager mLayoutManager = new LinearLayoutManager(this); mRecyclerView.setLayoutManager(mLayoutManager); //如果可以确定每个item的高度是固定的,设置这个选项可以提高性能 mRecyclerView.setHasFixedSize(true); //创建并设置Adapter mAdapter = newMyAdapter(getDummyDatas()); mRecyclerView.setAdapter(mAdapter); 接下来的问题就是Adapter的创建: public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> { public String[] datas = null; public MyAdapter(String[] datas) { this.datas = datas; } //创建新View,被LayoutManager所调用 @Override public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) { View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item,viewGroup,false); ViewHolder vh = new ViewHolder(view); return vh; } //将数据与界面进行绑定的操作 @Override public void onBindViewHolder(ViewHolder viewHolder, int position) { viewHolder.mTextView.setText(datas[position]); } //获取数据的数量 @Override public int getItemCount() { return datas.length; } //自定义的ViewHolder,持有每个Item的的所有界面元素 public static class ViewHolder extends RecyclerView.ViewHolder { public TextView mTextView; public ViewHolder(View view){ super(view); mTextView = (TextView) view.findViewById(R.id.text); } } } 3、运行 写完这些代码这个例子既可以跑起来了。从例子也可以看出来,RecyclerView的用法并不比ListView复杂,反而更灵活好用,它将数据、排列方式、数据的展示方式都分割开来,因此可定制型,自定义的形式也非常多,非常灵活。 横向布局 如果想要一个横向的List只要设置LinearLayoutManager如下就行,注意要声明mLayoutManager的类型是LinearLayoutManager而不是父类LayoutManager: mLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL); Grid布局 如果想要一个Grid布局的列表,只要声明LayoutManager为GridLayoutManager即可: mLayoutManager = new GridLayoutManager(context,columNum); mRecyclerView.setLayoutManager(mLayoutManager); 注意,在Grid布局中也可以设置列表的Orientation属性,来实现横向和纵向的Grid布局。 瀑布流布局 瀑布流就使用StaggeredGridLayoutManager吧,具体方法与上面类似,就不做介绍啦。 总结 # 点餐APP中是如何使用Recyclerview的呢? 第一步请求服务器数据,组装list数据 ~~~ //组装列表 List<OrderDetailsVO.DataBean.OrderDetailListBean> list=orderDetailsVO.getData().getOrderDetailList(); List<ProductItem> orderlist=new ArrayList<>(); for(OrderDetailsVO.DataBean.OrderDetailListBean listBean:list){ ProductItem productItem=new ProductItem(); productItem.setProductName(listBean.getProductName()); productItem.setAmout(listBean.getProductQuantity()); productItem.setImgUrl(listBean.getProductIcon()); orderlist.add(productItem); } ~~~ 第二步 初始化recyclerview必须的参数 ~~~ RecyclerView.LayoutManager layoutManager = new LinearLayoutManager(getApplicationContext(), LinearLayoutManager.VERTICAL, false); rvOrderDetails.setLayoutManager(layoutManager); BaseQuickAdapter<ProductItem,BaseViewHolder> baseViewHolderBaseQuickAdapter=new OrderDetailsAdapter( R.layout.order_info_item,orderlist); rvOrderDetails.setAdapter(baseViewHolderBaseQuickAdapter); ~~~