RecycliView的使用

依赖
implementation ‘com.android.support:recyclerview-v7:27.1.1’

acvitity_main.xml布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context="com.contentprovide.liuliu.recycle_3.MainActivity">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="以下是RecycleView" />
    <android.support.v7.widget.RecyclerView
        android:id="@+id/myRecycle"
        android:layout_width="wrap_content"
        android:layout_height="200dp"></android.support.v7.widget.RecyclerView>
</LinearLayout>

java代码实现:

package com.contentprovide.liuliu.recycle_3;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;



/*
*
* 把RecycleView添加进布局文件中
* */


public class MainActivity extends AppCompatActivity {

    //    声明一个RecycleView变量
    RecyclerView recyclerView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        recyclerView = (RecyclerView) findViewById(R.id.myRecycle);
	    //设置RecycleView的布局方式,这里是线性布局,默认垂直
        recyclerView.setLayoutManager(new LinearLayoutManager(this));
	    //实例化自定义适配器
        MyAdapter myAdapter = new MyAdapter();
	    //把适配器添加到RecycleView中
        recyclerView.setAdapter(myAdapter);
    }


    //自定义类继承RecycleView.Adapter类作为数据适配器
    class MyAdapter extends RecyclerView.Adapter {
	    private Context context;
	
	    public MyAdapter(Context context) {
	        this.context = context;
	    }
    
        //在适配器当中自定义内部类,其中的子对象用于呈现数据
        class Myholder extends RecyclerView.ViewHolder {

            private ImageView item_img;
    			private TextView item_text;

            public Myholder(View view) {
                super(view);

		//实例化自定义对象
               item_img = itemView.findViewById(R.id.item_img);
       		 item_text = itemView.findViewById(R.id.item_text);
            }

        }

	    //以下是系统自动生成的三个方法
        @Override
        public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
           MyHolder myHolder = new MyHolder(LayoutInflater.from(context).inflate(R.layout.item_show,null));
    			return myHolder;
        }

        //对控件赋值
        @Override
        public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
            MyHolder myHolder = (MyHolder) holder;
    			myHolder.item_img.setImageResource(R.drawable.ic_launcher_background);
    			myHolder.item_text.setText(position+"数据");
        }

        @Override
        public int getItemCount() {
            return 100;
        }
}

实现效果在这里插入图片描述
可以看到对RecylerView的设置过程,比ListView要复杂一些,这也是RecylerView高度解耦的表现,虽然代码抒写上有点复杂,但它的扩展性是极高的。
在了解了RecyclerView的一些控制之后,紧接着来看看它的Adapter的写法,RecyclerView的Adapter与ListView的Adapter还是有点区别的,RecyclerView.Adapter,需要实现3个方法:
①onCreateViewHolder()
这个方法主要生成为每个Item inflater出一个View,但是该方法返回的是一个ViewHolder。该方法把View直接封装在ViewHolder中,然后我们面向的是ViewHolder这个实例,当然这个ViewHolder需要我们自己去编写。直接省去了当初的convertView.setTag(holder)和convertView.getTag()这些繁琐的步骤。
②onBindViewHolder()
这个方法主要用于适配渲染数据到View中。方法提供给你了一个viewHolder,而不是原来的convertView。
③getItemCount()
这个方法就类似于BaseAdapter的getCount方法了,即总共有多少个条目。

使用资源文件自定义列表项

好多时候每个列表项我们需要展示更多的内容,并且要让它更美观,这个时候就需要自定义列表项,需要哪种效果,自己就在一个新的xml资源文件中定义
例如实现以下效果:
在这里插入图片描述步骤:

自定义列表项布局文件list.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    
    <TextView
        android:id="@+id/te1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="#e20707"
        android:textSize="30dp" />

    <TextView
        android:id="@+id/te2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="#0fec1a"
        android:textSize="15dp" />
</LinearLayout>

activity_main.xml和上面一样

Java代码实现:

package com.contentprovide.liuliu.recycle_4;
 
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
 
public class MainActivity extends AppCompatActivity {
 
    RecyclerView recyclerView;
 
    String s_te1[] = {"内容一", "内容一", "内容一"};
 
    String s_te2[] = {"内容二", "内容二", "内容二"};
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        recyclerView = (RecyclerView) findViewById(R.id.myrecycleView);
        recyclerView.setLayoutManager(new LinearLayoutManager(this));
        MyAdapter myAdapter = new MyAdapter();
        recyclerView.setAdapter(myAdapter);
    }
 
    class MyAdapter extends RecyclerView.Adapter {
 
        @Override
        public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
	    //引入自定义列表项的资源文件
            MyHolder myHolder = new MyHolder(LayoutInflater.from(getApplicationContext()).inflate(R.layout.list, null));
            return myHolder;
        }
 
        @Override
        public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
            MyHolder mm = (MyHolder) holder;
 
	    //将数据映射到控件中
            mm.te1.setText(s_te1[position]);
            mm.te2.setText(s_te2[position]);
        }
 
        @Override
        public int getItemCount() {
            return s_te1.length;
        }
 
        class MyHolder extends RecyclerView.ViewHolder {
 
            TextView te1, te2;
 
            public MyHolder(View itemView) {
                super(itemView);
 
		//实例化子对象,把对象和列表项布局文件中的id绑定
                te1 = itemView.findViewById(R.id.te1);
                te2 = itemView.findViewById(R.id.te2);
 
            }
        }
    }
}

到这里RecycleView的基本使用就搞定了,下面加一些更加灵活的使用,例如:增加分隔线,通过几行代码的改变转换成GridView效果。这里就可以体现RecycleView比ListView更加灵活的地方了

将线性布局的方向由垂直改成水平,实现如下效果:

recyclerView.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.HORIZONTAL,false));

在这里插入图片描述
可以看到不止实现了水平的布局,而且可以水平滚动,这种效果在ListView中是不支持的

将线性布局改成GridView布局

 recyclerView.setLayoutManager(new GridLayoutManager(this,4));

在这里插入图片描述
网格布局默认状态下是垂直的,如果是垂直的那么第二个参数代表有多少列,如果是水平布局那么第二个参数代表的是有多少行
转换成水平的布局:

recyclerView.setLayoutManager(new GridLayoutManager(this,4,GridLayoutManager.HORIZONTAL,false));

在这里插入图片描述添加系统自带的分割线:

 recyclerView.addItemDecoration(new DividerItemDecoration(this,DividerItemDecoration.VERTICAL));

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值