Android(4)—ListView与RecyclerView

距离上一篇文章，过了一个多星期，找理由也说不过的。

还是不解释，直接说内容吧。

之前学习了几种控件的使用，直接在XML文件里插入相应的节点即可在视图中显示出来，只需要了解相关的API即可使用，在理解上算不上困难。、、

但是之后的创建自定义控件，以及ListView与RecyckerView的哦使用则着实让人头疼。

似乎是之前的Java不够扎实，这个地方的许多新内容都让人感觉接受困难。

第一个疑点：

LayoutInflater。

我们创建一个自定义控件可以通过下面的代码：

下面的创建一个自定义标题

public class TitleLayout extends LinearLayout
{
     public TitleLayout(Context context , AttributeSet attrs){
	super(context , attrs);
	LayoutInflater.from(context).inflate(R.layout.title,this);
}
}

关于Context这个东西，一直让人很费解。郭神一口一个上下文，实在让人很无奈，然而看了一些文章法相并不能看懂（

Context: Context描述了一个应用程序环境的信息，即上下文，通过它可以获取应用程序的信息和资源。

AttributeSet：AttributeSet这个类就是代表xml里一个节点下面的属性的集合，这个类一般都是系统在生成有xml配置的组件时生成，我们

一般不去生成该对象。我们可以通过该对象操作xml里对应的属性，但是官方不建议这么使用，最直接的原因上面英文里有提到，就是它只是

xml里属性的一个集合，没有做其他的处理，比如一个样式，这个类只是知道这个样式不能直接拿到样式里面的属性）。

这里先跳过去关于Context和attrs的困惑。话说这个context和attrs是从哪传过去的也不知道。

不过下面的LayoutInflater.from则是用来加载布局的：

（其实setContentView()方法的内部也是使用LayoutInflater来加载布局的，只不过这部分源码是internal的，不太容易查看到。）

LayoutInflater layoutInflater = LayoutInflater.from(context);  

这句话表示获取layoutInflater的实例。意思似乎是每一个context都会有这样的一个layoutflater的属性或者其他方式的关联，在获取实例之

后，就可以通过该实例的inflate方法来加载布局。

layoutInflater.inflate(resourceId, root);  

通过传入资源的Id和父布局（如果没有父布局就填null）。这里要注意何为父布局。布局的层级关系。通常咋一个活动中要动态加载的多个

布局应该属于同一级别。
关于 layoutInflater就先说这么多。

接下来才是本文的重点ListView和RecyclerView。

这两个东西和之前的内容相比的话，感觉难度似乎跳了一阶。

ListView的添加跟其他控件一样。通过在XML指定一个标签即可。问题在于数据的填充 ，这里使用的是ArrayAdapter.

Java学的实在不扎实，适配器概念竟然不知道。。

查阅质料，才略懂一点：所谓适配器是将数据内容转换成客户端要求的形式，通常会对原内容进行一定的增添或者减少。

ArrayAdapter<String> adapter = new ArrayAdapter<String>(
MainActivity.this, android.R.layout.simple_list_item_1, data);
ListView listView = (ListView) findViewById(R.id.list_view);
listView.setAdapter(adapter);
}

观察代码，其实就是将String数组转换成了ListView所需要的形式。这里的R.layout.simple_list_item_1就是其的形式索引。
(R.layout.simple_list_item_1就是一个简单的文本布局)

除了使用系统自带了布局格式，我们当然可以定制自己想要的子项布局。

这里以单个子布局=Image+text为例。

这个时候，将子布局的所有数据包装到一个对象中。然后定义一个其对应的list集合。将list放到一个对应的适配器中。

这里给出一个案例的代码：

private String [] data = {
            "Apple" ,"Bnana","Orange","Watermelon","Pear","Grape","Pineapple","Strawberry","Cherry","Mango"
    };
    private List<Fruit> fruitList = new ArrayList<Fruit>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.listview_layout);
        initFruits();
        FruitAdapter fruitAdapter = new FruitAdapter(this, R.layout.fruit_item ,fruitList); //fruit_item.xml XML表
        ListView listView =(ListView)findViewById(R.id.list_view);  //填充主窗口中的listView
        listView.setAdapter(fruitAdapter);  //设置适配器
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Fruit fruit = fruitList.get(position);
                Toast.makeText(ListView_Activity.this,fruit.getName(),Toast.LENGTH_SHORT).show();
            }
        });
    }

这一段代码的思想和之前的完全一样，初始化一个对象集合，将对象集合放入到一个特制的适配器中，然后设置ListView的适配器(由此可见，显示的方式也是由适配器来控制的，这样才能保证显示自定义的子项布局。)

这里的这个FruitAdapter代码如下：

public class FruitAdapter extends ArrayAdapter<Fruit> {
    private int resourceId ;
    private View view ;
    public FruitAdapter(Context context , int textViewResourceId , List<Fruit> fruits){
        super(context , textViewResourceId , fruits);
        this.resourceId = textViewResourceId;

    }
    //getView 在每个子项被移动到屏幕中的时候被调用。（自动的显示每一个子项）
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Fruit fruit = getItem(position);    //获取当前项的Fruit实例
        ViewHolder viewHolder = new ViewHolder();
        if(convertView == null){
            //优化措施，避免不断的进行布局加载
            view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false);//获取视图
            viewHolder.fruitImage = (ImageView)view.findViewById(R.id.fruit_image);//获取照片引用
            viewHolder.fruiName = (TextView)view.findViewById(R.id.fruit_name);
            view.setTag(viewHolder);//将其存入到view中。
        }else{
            view = convertView;
            viewHolder = (ViewHolder) view.getTag();//获取相应的图片和文本控件。
        }
        viewHolder.fruitImage.setImageResource(fruit.getImgId());//设置相应的图片来源
        viewHolder.fruiName.setText(fruit.getName());//设置相应的文本
        /*可以简写为：
        ((ImageView)view.findViewById(R.id.fruit_image)).setImageResource(fruit.getImgId());
        * */
        //super.getView(position, convertView, parent);
        return view;
    }

    class ViewHolder {
        ImageView fruitImage ;
        TextView fruiName;
    }
}

其中重写了构造函数，以及显示函数(显示内容通过适配器控制)。通过构造函数我们可以获取到上下文，要载入的资源id，以及载入数据。

然后再getView(该函数即是用来获取显示的布局内容的)，通过不断的动态加载指定的布局，并将数据填入到其中。然后将对应的视图返回。显示的工作交给了ListView。

注意getView 的几个参数，第一个Position不说，很好懂，进入视图的子项索引。第二个ConvertView，据说是用于保存对view 的缓存，至于在哪里做的缓存就不清楚了。但是尝试了一下，我定义一个全局的ConvertViewTmp;在第一次显示的时候，将view赋给了ConvertViewTmp，之后用view = convertViewTmp来替代 view= convertView。结果是仍然没有问题!!  或者说表面看起来没有问题。。  这就有点谜了

此外，这里使用了一个自定义的viewHolder来存储控件的实例，我使用了上面的同样方式，把其存为全局，仅在第一次的时候进行实例化，之后一直使用之前的，结果也是没有问题:

public class FruitAdapter extends ArrayAdapter<Fruit> {
    private int resourceId ;
    private View view ;
    private View convertView1 = null;
    private ViewHolder viewHolder ;
    public FruitAdapter(Context context , int textViewResourceId , List<Fruit> fruits){
        super(context , textViewResourceId , fruits);
        this.resourceId = textViewResourceId;
        //之后通过getContext得到的上下为其实就是这里的context。
    }
    //getView 在每个子项被移动到屏幕中的时候被调用。（自动的显示每一个子项）
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Fruit fruit = getItem(position);    //获取当前项的Fruit实例
        //ViewHolder viewHolder ;
        if(convertView1 == null){ //注意这里使用的是我自己定义的全局View缓存对象
            //优化措施，避免不断的进行布局加载
            view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false);//获取视图
            viewHolder = new ViewHolder();
            viewHolder.fruitImage = (ImageView)view.findViewById(R.id.fruit_image);//获取照片引用
            viewHolder.fruiName = (TextView)view.findViewById(R.id.fruit_name);
            view.setTag(viewHolder);//将其存入到view中。
            convertView1 = view ;
        }else{
            view = convertView1;
        }
//        ImageView fruitImage = (ImageView)view.findViewById(R.id.fruit_image);//获取照片引用
//        TextView fruitName = (TextView)view.findViewById(R.id.fruit_name);//获取文本引用
        viewHolder.fruitImage.setImageResource(fruit.getImgId());//设置相应的图片来源
        viewHolder.fruiName.setText(fruit.getName());//设置相应的文本
        /*可以简写为：
        ((ImageView)view.findViewById(R.id.fruit_image)).setImageResource(fruit.getImgId());
        * */
        //super.getView(position, convertView, parent);
        return view;
    }

    class ViewHolder {
        ImageView fruitImage ;
        TextView fruiName;
    }
}

不过setTag实质就是存储一个对应的Object引用，这样看起来似乎还算能理解？但是 view在这样的情况下感觉应该一直在使用同一个。不出问题让人有点难以理解。

ListView的点击事件则没有太多的可以想说：

listView.setOnItemClickListener(new OnItemClickListener() {
@Override
    	public void onItemClick(AdapterView<?> parent, View view,
			int position, long id) 
{
		Fruit fruit = fruitList.get(position);
		Toast.makeText(MainActivity.this, fruit.getName(),
		Toast.LENGTH_SHORT).show();
	}
});

接下来谈谈RecyclerView

RecyclerView则需要添加一个心库：在build.gradle文件中，添加：

compile 'com.android.support:recyclerview-v7:25.3.1'

版本号据说直接沿袭下来直接用就好。
在添加到布局中的时候，也要注意引入包的全名：

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

在使用RecyclerAdapter的时候，同样需要一个相应的适配器。
(与之前的ListView不同的是，ListView在构造时，将上下文传了进去，然后直接基于当前的上下文来添加子布局。而RecyclerAdapter则没有)：

public class FruitAdapter extends RecyclerView.Adapter<FruitAdapter.ViewHolder> {
    private List<Fruit> fruitList;
    static class ViewHolder extends RecyclerView.ViewHolder{
        View fruitView;
        ImageView fruitImg ;
        TextView fruitText;
        public ViewHolder(View view){
            super(view);
            fruitView = view ;
            fruitImg = (ImageView) view.findViewById(R.id.fruit_image);
            fruitText = (TextView) view.findViewById(R.id.fruit_name);
        }
    }

    public FruitAdapter(List<Fruit> fruits){
        this.fruitList = fruits;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.fruit_item , parent,false);
        final ViewHolder holder = new ViewHolder(view);
        holder.fruitView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int position = holder.getAdapterPosition();
                Fruit fruit = fruitList.get(position);
                Toast.makeText(v.getContext(),fruit.getName(),Toast.LENGTH_SHORT).show();
            }
        });
        holder.fruitImg.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int position = holder.getAdapterPosition();
                Fruit fruit = fruitList.get(position);
                Toast.makeText(v.getContext(),"You Click the Image:"+fruit.getName(),Toast.LENGTH_SHORT).show();
            }
        });
        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        //super.onBindViewHolder(holder, position, payloads);
        Fruit fruit = fruitList.get(position);
        holder.fruitImg.setImageResource(fruit.getImgId());
        holder.fruitText.setText(fruit.getName());
    }

    @Override
    public int getItemCount() {
        return fruitList.size();
    }
}

这即是RecyclerView要使用的适配器。其中的方法onCreateViewHolder所指示的parent应该就来自RecyclerView。也就是基于该控件的内层布局。我们通过onCreateViewHolder来构建子布局，再通过BindViewHolder来填充数据。通过设置RecyclerView控件实例的布局和适配器即可显示出指定内容。
不过这里的ViewHolder是一个静态内部类。关于静态内部类的内容 这里不做描述(或者说我现在也很懵圈，不知道有什么深的含义，只能创建一个？但是不是啊。)

好吧 就先说这么多吧。

下次继续。