强大的RecyclerView实现复杂布局

当然我们提提他的兄弟ListView，这位大哥在android中UI的地位也是举足轻重，几乎存在于你的任何APP上，新闻，淘宝，。。。。。等等，但是ListView也存在大量的不足，性能差，扩展性不好，如果想要实现横向滚动，我也不知道能不能实现，反正没看过别人实现过，以前横向滚动有个Gallery去实现，不过在今天这种已经不需要了，我们可以通过RecyclerView实现横向滚动以及竖向滚动，当然我们还可以实现更加复杂的布局，不哔哔了，直接开始吧
先写子布局，新建sub.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="horizontal">    <ImageView        android:id="@+id/imageView"        android:layout_width="wrap_content"        android:layout_height="wrap_content" />    <TextView        android:id="@+id/textView"        android:layout_width="wrap_content"        android:layout_height="wrap_content" /></LinearLayout>

2.新建目标对象

package com.example.fang.myapplication;/** * Created by fang on 2017/11/12. */public class LayoutList {    int Image;    String text;    public LayoutList(int image, String text) {        Image = image;        this.text = text;    }    public int getImage() {        return Image;    }    public void setImage(int image) {        Image = image;    }    public String getText() {        return text;    }    public void setText(String text) {        this.text = text;    }}

实现适配器

package com.example.fang.myapplication;import android.support.v7.widget.RecyclerView;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.TextView;import java.util.List;/** * Created by fang on 2017/11/11. */public class MyViewAdapter extends RecyclerView.Adapter {    List list;    public MyViewAdapter(List list) {        this.list = list;    }    class MyViewHolder extends RecyclerView.ViewHolder{     ImageView imageView;        TextView textView;        public MyViewHolder(View itemView) {            super(itemView);            imageView= (ImageView) itemView.findViewById(R.id.imageView);            textView= (TextView) itemView.findViewById(R.id.textView);        }    }    @Override    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {        //这里我们发现需要绑定一个RecyclerView.ViewHolder,那么我们只能实现它          View view= LayoutInflater.from(parent.getContext()).inflate(R.layout.sub_layout,parent,false);        MyViewHolder myViewHolder=new MyViewHolder(view);        return myViewHolder;    }    @Override    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {  //在这里我们进行数据的绑定工作            LayoutList layoutList= (LayoutList) list.get(position);        ((MyViewHolder)holder).textView.setText(layoutList.getText());        ((MyViewHolder)holder).imageView.setImageResource(layoutList.getImage());    }    @Override    public int getItemCount() {        return list.size();    }}

修改主布局

<?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"    tools:context="com.example.fang.myapplication.MainActivity">    <android.support.v7.widget.RecyclerView        android:id="@+id/RecyclerView"        android:layout_width="match_parent"        android:layout_height="match_parent"></android.support.v7.widget.RecyclerView></LinearLayout>

，最后一步，java主程序

package com.example.fang.myapplication;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.support.v7.widget.LinearLayoutManager;import android.support.v7.widget.RecyclerView;import java.util.ArrayList;import java.util.List;public class MainActivity extends AppCompatActivity {  List list;    RecyclerView recyclerView;    MyViewAdapter myViewAdapter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);       initinal();        recyclerView= (RecyclerView) findViewById(R.id.RecyclerView);        LinearLayoutManager linear=new LinearLayoutManager(this);        //在这里我们实现的是布局的管理        recyclerView.setLayoutManager(linear);        recyclerView.setAdapter(myViewAdapter);    }    private void initinal() {        list=new ArrayList();        list.add(new LayoutList(R.drawable.one,"暂停"));        list.add(new LayoutList(R.drawable.two,"添加"));        list.add(new LayoutList(R.drawable.three,"上一步"));        list.add(new LayoutList(R.drawable.four,"停止"));        list.add(new LayoutList(R.drawable.five,"播放"));        myViewAdapter=new MyViewAdapter(list);    }}

欧了，在这里我们顺便说一下，LayoutManager用于指定RecyclerView的布局方式，上面我们用的是线性布局。当然RecyclerView也为我们提供了GridLayoutManager和staggeredGridLayoutManager这两种内置的布局排列方式，前者实现的是网格布局，后者实现的是瀑布流，