使用Recycler控件展示listview效果·

本文介绍了如何使用RecyclerView替代ListView来展示列表效果。步骤包括关联库文件、设置布局.xml、在主类中初始化RecyclerView控件,并添加menu菜单选项。通过loadListDate函数加载数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

第一步:

     关联库文件:

        


第二步:布局.xml

<android.support.v7.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/recyler_view">
 </android.support.v7.widget.RecyclerView>


第三步:在主类中初始化控件

   //查找我们的控件函数

   private void initView() {

           mRecyclerView = (RecyclerView) findViewById(R.id.recyler_view);

   }


第四步:在主类中通过方法,添加一个menu菜单选项,效果如下:



    方法:

//加载一个menu菜单
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu,menu);
        return true;
    }

    //菜单按钮点击事件处理函数
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int itemId=item.getItemId();
        if (itemId==R.id.action_list_normal){
            //标准显示
            loadListDate(false,true); //自定义的一个bean类
            return true;
        }// B 垂直反向显示
        else if (itemId==R.id.action_list_normal_revorse){
            loadListDate(true,true);
        }// C 水平标准显示
        else if (itemId==R.id.action_list_horizontal){
            loadListDate(false,false);
        }// D 水平反向显示
        else if (itemId==R.id.action_list_horizontal_revorse){
            loadListDate(true,false);
        }
        return super.onOptionsItemSelected(item);
    }

loadListDate函数:

private void loadListDate(Boolean isversion,Boolean orientation) {
        //创建一个数组
        ArrayList<DateBean> dateBeen=new ArrayList<>();
        int t = 0;
        for(int x=0; x< 35; x++){
            //创建Bean类对象
            DateBean dates=new DateBean(); //DateBean是一个Bean类!!
            if (x < image.length){
                dates.icon=image[x];
            }else {
                if (t<image.length){
                    dates.icon=image[t++];
                }else {
                    t=0;
                }
            }
            dates.name="wsw你好"+x;
            //把Bean类放入集合
            dateBeen.add(dates);
        }
        //创建一个适配器 参数 1 上下文 2 数据集合
        RecyclerViewAdapter recyclerViewAdapter = new RecyclerViewAdapter(this,dateBeen);
        //启动适配器
        mRecyclerView.setAdapter(recyclerViewAdapter);

        //创建布局管理器 LinearLayoutManager  参数 上下文
        LinearLayoutManager linearLayoutManager=new LinearLayoutManager(this);

        //B 通过布局管理器,可以控制条目排列顺序  true:反向显示  false:正常显示(默认)
        linearLayoutManager.setReverseLayout(isversion);

        //C 设置RecyclerView显示的方向,是水平还是垂直!! LinearLayoutManager.VERTICAl(默认) false
        linearLayoutManager.setOrientation(orientation ? LinearLayoutManager.VERTICAL: LinearLayoutManager.HORIZONTAL);

        //设置布局管理器 , 参数 linearLayout
        mRecyclerView.setLayoutManager(linearLayoutManager);

    }


RecyclerViewAdapter是我们自定义的适配器类,就是为了展示listview效果

public class RecylerViewAdapter extends RecyclerView.Adapter<RecylerViewAdapter.ListViewHolder> {

    private Context mContext;
    //泛型是RecylerView所需的Bean类
    private List<DateBean> mDateBeen;

    //构造方法,一般需要接受两个参数,上下文,集合对象(包含我们所需要的数据)
    public RecylerViewAdapter(Context context, List<DateBean> dateBeen) {
        mContext = context;
        mDateBeen = dateBeen;
    }


    //创建ViewHolder也就是说创建出来一条,并把ViewHolder(item)返回出去
    @Override
    public ListViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        //转换一个View布局对象,决定了item的样子, 参数1:上下文 2. xml布局对象 3.为null
        View view = View.inflate(mContext, R.layout.activity_main2, null);
        //创建一个ViewHolder对象
        ListViewHolder listViewHolder = new ListViewHolder(view);
        //把ViewHolder对象传出去
        return listViewHolder;

    }

    //当绑定数据的时候回调
    @Override
    public void onBindViewHolder(ListViewHolder holder, int position) {
        //从集合里拿对应item的数据对象
        DateBean dateBean = mDateBeen.get(position);
        //给holder里面的控件对象设置数据
        holder.setData(dateBean);
    }

    //决定RecylerView有多少条item
    @Override
    public int getItemCount() {
        //数据不为null,有几条数据就显示几条数据
        if (mDateBeen != null && mDateBeen.size() > 0) {
            return mDateBeen.size();
        }
        return 0;
    }

    public class ListViewHolder extends RecyclerView.ViewHolder {

        private final ImageView mIvIcon;
        private final TextView mTvName;


        public ListViewHolder(View itemView) {
            super(itemView);
            mIvIcon = (ImageView) itemView.findViewById(R.id.item_list_iv_icon);
            mTvName = (TextView) itemView.findViewById(R.id.item_list_tv_icon);
        }

        public void setData(DateBean data) {
            //给imageView设置图片
            mIvIcon.setImageResource(data.icon);
            //给TextView设置文本
            mTvName.setText(data.name);
        }
    }
}


activity_main2.xml代码如下:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="wrap_content">
    <ImageView
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:id="@+id/item_list_iv_icon"
        />

    <TextView
        android:id="@+id/item_list_tv_icon"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:textSize="20sp"
        android:textStyle="bold"
        android:text="图片描述"
        android:layout_toRightOf="@+id/item_list_iv_icon"
        android:layout_centerVertical="true"/>
</LinearLayout>


效果展示:
















































      


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值