2. 在jar包上右键，弹出菜单的下方，点击 Add as Libary，会帮助我们自动添加到build.gradle

OK, 你可以使用了

Android Studio下使用jar包，首发于移动技术。

在默认情况下，这个Activity在标题栏上是没有返回按钮的，如下图所示：

此时如果需要给AppCompatActivity的标题栏上加上返回按钮，可以在Activity的onCreate中加入如下代码：

android.support.v7.app.ActionBar actionBar = getSupportActionBar();
    if(actionBar != null){
        actionBar.setHomeButtonEnabled(true);
        actionBar.setDisplayHomeAsUpEnabled(true);
    }

在onOptionsItemSelected中加入如下代码：

@Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case android.R.id.home:
                this.finish(); // back button
                return true;
        }
        return super.onOptionsItemSelected(item);
    }

运行效果，如下：

完整的示例代码如下：

package com.toby.personal.myapplication;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MenuItem;

public class MainActivity extends AppCompatActivity {

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

        android.support.v7.app.ActionBar actionBar = getSupportActionBar();
        if(actionBar != null){
            actionBar.setHomeButtonEnabled(true);
            actionBar.setDisplayHomeAsUpEnabled(true);
        }
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case android.R.id.home:
                this.finish(); // back button
                return true;
        }
        return super.onOptionsItemSelected(item);
    }

}

给AppCompatActivity的标题栏上加上返回按钮，首发于移动技术。

为什么叫做RecyclerView呢？Recycler：资源回收。下面就是重点的解释：

• RecyclerView不关心Item是否显示在正确的位置，那如何显示呢？我们就需要引入LayoutManager用来显示RecyclerView的风格。他可以显示ListView、GridView、横向GridView、横向ListView还有瀑布流效果。
• RecyclerView不关心Item间如何分隔的。我们需要用到ItemDecoration来绘制分割。
• RecyclerView不关心Item增加与删除的动画效果。我们需要使用ItemAnimator来完成。

这种插件式的玩法，也让RecyclerView仅仅关注如何回收和复用View。

下面还有一些与RecyclerView相关的重要类：

LayoutManager，ItemDecoration，ItemAnimator，Adapter，ViewHolder（强制使用）

下面我们来实战一下：

创建项目recyclerView，选择最小版本为5.1

我们使用的android studio，当创建项目完成后，我们要导入包，通过File->Project Structure->app->Dependencies->左边上角+号，Library dependency->找到com.android.support:recyclerview-v7:*****

我们回到Project模式下的app->build.gradle文件中

dependencies {
    compile fileTree(include: ['*.jar'], dir: 'libs')
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:appcompat-v7:23.4.0'
    compile 'com.android.support:recyclerview-v7:24.0.0'
}

你可以看到recyclerview已经正式加入。

使用

android studio的Android模式

下来到res/Layout/activity_main.xml中：

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

下面来到MainActivity中：

public class MainActivity extends AppCompatActivity {

    //相关声明
    private RecyclerView mRecyclerView;
    private List<String> mDatas;
    private SimpleAdapter mAdapter;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //加载数据
        initDatas();
        //初始化Views
        initViews();
    }

    private void initViews() {
        mRecyclerView=(RecyclerView) findViewById(R.id.id_recyclerview);
    }

    private void initDatas() {
        mDatas = new ArrayList<String>();

        //A-z的所有字母
        for(int i='A'; i<='z';i++){
            mDatas.add(""+(char)i);
        }
    }
}

上面的含义，我已添加注释，我们发现我们还缺少mAdapter没有被使用，那么就新建一个吧？

创建Adapter

首先MainActivity同包下创建一个

public class SimpleAdapter extends RecyclerView.Adapter<MyViewHolder> {

并实现MyViewHolder，

class MyViewHolder extends ViewHolder {

    public MyViewHolder(View itemView) {
        super(itemView);
    }
}

后面我还还会修改这个ViewHolder。

我们需要实现SimpleAdapter的几个必要方法：

public class SimpleAdapter extends RecyclerView.Adapter<MyViewHolder> {

    private LayoutInflater mInflater;
    //上下文
    private Context mContext;
    private List<String> mDatas;

    public SimpleAdapter(Context context, List<String> datas){
         this.mContext=context;
         this.mDatas=datas;
        //载入布局页面
        mInflater=LayoutInflater.from(context);
    }
    //创建ViewHolder
    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        return null;
    }
    //绑定ViewHolder
    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {

    }
    //获取item数
    @Override
    public int getItemCount() {
        return this.mDatas.size();
    }
}

我们要完成onCreateViewHolder的方法，就需要创建一个视图xml：

在res/Layout中创建一个item_single_textview.xml文件。

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:background="#44ff0000"
    android:layout_height="72dp"
    >

    <TextView
        android:id="@+id/id_tv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
         />
</FrameLayout>

回到我们之前创建的SimpleAdapter:

//创建ViewHolder
    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        /*
        inflate()的作用就是将一个用xml定义的布局文件查找出来，注意与findViewById()的区别，inflate是加载一个布局文件，而findViewById则是从布局文件中查找一个控件。
        关于LayoutInflater类inflate(int resource, ViewGroup root, boolean attachToRoot)方法三个参数的含义
        
        resource：需要加载布局文件的id，意思是需要将这个布局文件中加载到Activity中来操作。
        
        root：需要附加到resource资源文件的根控件，什么意思呢，就是inflate()会返回一个View对象，如果第三个参数attachToRoot为true，
        就将这个root作为根对象返回，否则仅仅将这个root对象的LayoutParams属性附加到resource对象的根布局对象上，
        也就是布局文件resource的最外层的View上，比如是一个LinearLayout或者其它的Layout对象。
        
        attachToRoot：是否将root附加到布局文件的根视图上
         */
        View view=mInflater.inflate(R.layout.item_single_textview,parent,false);
        MyViewHolder viewHolder = new MyViewHolder(view);
        return viewHolder;
    }

返回需要的viewHolder。

我们现在就要完善之前的ViewHolder了：

class MyViewHolder extends ViewHolder {

    TextView tv;

    public MyViewHolder(View itemView) {
        super(itemView);
        tv= (TextView) itemView.findViewById(R.id.id_tv);
    }
}

好我们来到simpleAdapter中，实现绑定

//绑定ViewHolder
    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
        holder.tv.setText(mDatas.get(position));

    }

也就是说，我们给textView绑定了相应的值。

来到MainActivity，使用我们新创建的Adapter：

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //加载数据
        initDatas();
        //初始化Views
        initViews();

        mAdapter=new SimpleAdapter(this,mDatas);
        mRecyclerView.setAdapter(mAdapter);

        LinearLayoutManager linearLayoutMangaer= new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false);
        mRecyclerView.setLayoutManager(linearLayoutMangaer);
    }

LinearLayoutManager中的LinearLayoutManager.VERTICAL 表示垂直布局，整体就类似于Listview的垂直布局。

添加分割线

你会发现我们上面运行的效果没有分割线，嘿嘿，这就要用到我们之前所说的ItemDecoration了：

因为google对这个类并没有默认的实现，所以我们找到了一个网络上使用率很高的公共类：

他的地址是：https://gist.github.com/alexfu/0f464fc3742f134ccd1e   估计你要翻墙才能得到，我直接复制到项目中了，大家可以随时复制使用：

package com.example.napoleon.recyclerview;


import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;

public class DividerItemDecoration extends RecyclerView.ItemDecoration {

    private static final int[] ATTRS = new int[]{
            android.R.attr.listDivider
    };

    public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;

    public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;

    private Drawable mDivider;

    private int mOrientation;

    public DividerItemDecoration(Context context, int orientation) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable(0);
        a.recycle();
        setOrientation(orientation);
    }

    public void setOrientation(int orientation) {
        if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST) {
            throw new IllegalArgumentException("invalid orientation");
        }
        mOrientation = orientation;
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent) {
        if (mOrientation == VERTICAL_LIST) {
            drawVertical(c, parent);
        } else {
            drawHorizontal(c, parent);
        }
    }

    public void drawVertical(Canvas c, RecyclerView parent) {
        final int left = parent.getPaddingLeft();
        final int right = parent.getWidth() - parent.getPaddingRight();

        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int top = child.getBottom() + params.bottomMargin;
            final int bottom = top + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    public void drawHorizontal(Canvas c, RecyclerView parent) {
        final int top = parent.getPaddingTop();
        final int bottom = parent.getHeight() - parent.getPaddingBottom();

        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int left = child.getRight() + params.rightMargin;
            final int right = left + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    @Override
    public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
        if (mOrientation == VERTICAL_LIST) {
            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
        } else {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
        }
    }
}

浏览一下这个类吧，mDivider:item间隔图片资源 ；mOrientation：方向，水平和垂直；onDraw方法会根据方向绘制；getItemOffsets提供绘制分割线的间隙。

来到ManActivity中的onCreate方法使用这个类：

//设置RecyclerView的布局管理
        LinearLayoutManager linearLayoutMangaer= new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false);
        mRecyclerView.setLayoutManager(linearLayoutMangaer);

        //设置RecyclerView的Item分隔符
        mRecyclerView.addItemDecoration(new DividerItemDecoration(this,DividerItemDecoration.VERTICAL_LIST));

运行我们的程序：

分割符已经有了。

MenuItem切换GridView效果和瀑布流

我们下面想切换listView效果为GridView效果，需要MenuItem作为切换的中介。

首先，我们要创建Menu，在res目录下的menu文件夹下创建一个main.xml文件，内容如下：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/action_listview"
        android:orderInCategory="100"
        android:title="ListView" />
    <item
        android:id="@+id/action_gridview"
        android:orderInCategory="100"
        android:title="GridView" />
    <item
        android:id="@+id/action_hor_gridview"
        android:orderInCategory="100"
        android:title="HorizontalGridView" />
    <item
        android:id="@+id/action_staggered"
        android:orderInCategory="100"
        android:title="StaggeredGridView" />

</menu>

注释：这里创建了两个菜单项，其中<item>标签就是用来创建具体的一个菜单项，然后通过android:id给这个菜单项指定一个唯一的标识符，通过android:title给这菜单指定一个名称。

然后打开Activity，重写onCreateOptionsMenu()方法，内容如下：

//通过getMenuInflater()方法得到MenuInflater对象
    public boolean onCreateOptionsMenu(Menu menu){
　　　　　//调用inflate()方法创建菜单
        getMenuInflater().inflate(R.menu.main,menu);
        //如果返回false，创建的菜单无法显示
        return true;
    }

当然，仅仅让菜单显示出来是不够的，菜单不是用来看的，关键是要菜单真正可用才行，因此还要再定义菜单响应事件。

在Activity中重写onOptionsItemSelected()方法，内容如下：

public boolean onOptionsItemSelected(MenuItem item){
        //通过调用item.getItemId()来判断菜单项
        switch (item.getItemId()){
            case R.id.action_gridview:
                Toast.makeText(this,"You Clicked Add",Toast.LENGTH_SHORT).show();
                break;
            case R.id.action_listview:
                Toast.makeText(this,"You Clicked Add",Toast.LENGTH_SHORT).show();
                break;
            case R.id.action_staggered:
                Toast.makeText(this,"You Clicked Add",Toast.LENGTH_SHORT).show();
                break;
            case R.id.action_hor_gridview:
                Toast.makeText(this,"You Clicked Add",Toast.LENGTH_SHORT).show();
                break;
            default:
        }
        return true;
    }

当然，仅仅让菜单显示出来是不够的，菜单不是用来看的，关键是要菜单真正可用才行，因此还要再定义菜单响应事件。

在Activity中重写onOptionsItemSelected()方法，内容如下：

public boolean onOptionsItemSelected(MenuItem item){
        //通过调用item.getItemId()来判断菜单项
        switch (item.getItemId()){
            case R.id.action_gridview:
                Toast.makeText(this,"You Clicked GridView",Toast.LENGTH_SHORT).show();
                break;
            case R.id.action_listview:
                Toast.makeText(this,"You Clicked Listview",Toast.LENGTH_SHORT).show();
                break;
            case R.id.action_staggered:
                Toast.makeText(this,"You Clicked Staggered",Toast.LENGTH_SHORT).show();
                break;
            case R.id.action_hor_gridview:
                Toast.makeText(this,"You Clicked HorizontalGridView",Toast.LENGTH_SHORT).show();
                break;
            default:
        }
        return true;
    }

运行程序，并按下Menu键就能够显示菜单项了。

菜单默认是不会显示出来的，只有按下Menu键，菜单才会在显示出来。

下面我们就来看看如何从ListView效果到GridView效果，其实代码是很简单的：

public boolean onOptionsItemSelected(MenuItem item){
        //通过调用item.getItemId()来判断菜单项
        switch (item.getItemId()){
            case R.id.action_gridview:
                Toast.makeText(this,"You Clicked GridView",Toast.LENGTH_SHORT).show();
                //new GridLayoutManager第二个参数为3列
                mRecyclerView.setLayoutManager(new GridLayoutManager(this,3));
                break;
            case R.id.action_listview:
                Toast.makeText(this,"You Clicked Listview",Toast.LENGTH_SHORT).show();
                //维持原来的listView效果
                mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
                break;
            case R.id.action_staggered:
                Toast.makeText(this,"You Clicked Staggered",Toast.LENGTH_SHORT).show();
                break;
            case R.id.action_hor_gridview:
                Toast.makeText(this,"You Clicked HorizontalGridView",Toast.LENGTH_SHORT).show();
                //new StaggeredGridLayoutManager()第一个参数为列数，第二个参数为方向横向GridView
                mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(5,StaggeredGridLayoutManager.HORIZONTAL));
                break;
            default:
        }
        return true;
    }

我做了备注，可查看代码什么意思。

我们看到了GirdView。

但是当你切换到HorizontalGridView时，你发现没有GridView的效果，我们自需要控制res\layout\item_single_textview.xml的长度即可：

android:layout_width="72dp"

可能会好很多，具体参数你可以根据你的需求来改变。

当然我们可以使用android:layout_margin=”3dp”来制作分隔样式。

实现瀑布流效果

实现瀑布流效果，代码其实差不多，但是还要小小调整一下，所有我们先复制MainActivity另存为StaggeredGridLayoutActivity，复制SimpleAdapter为StaggeredAdapter。

我们主要要做的事情就是动态控制我们的item的高度。

来到刚复制的StaggeredAdapter中添加如下代码：

.....
    //声明存放随机高度
    private List<Integer> mHeights;

    public StaggeredAdapter(Context context, List<String> datas){
        .......
        //载入布局页面
        mInflater=LayoutInflater.from(context);

        //创建随机高度
        mHeights=new ArrayList<Integer>();
        for(int i=0; i < mDatas.size();i++){
            mHeights.add((int)(100+Math.random()*300));
        }
    }

绑定这些随机高度到ViewHolder

//绑定ViewHolder
    @Override
    public void onBindViewHolder(StaggeredAdapter.MyViewHolder holder, int position) {
        ViewGroup.LayoutParams lp=holder.itemView.getLayoutParams();
        lp.height=mHeights.get(position);
        holder.itemView.setLayoutParams(lp);

        holder.tv.setText(mDatas.get(position));

    }

 修改StaggeredGridLayoutActivity

将StaggeredGridLayoutActivity中原来的SimpleAdapter更改为StaggeredAdapter。

修改：

@Override
    protected void onCreate(Bundle savedInstanceState) {
        .......
        //设置RecyclerView的布局管理
        mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL));
    }

来到app\src\main\AndroidManifest.xml，添加StaggeredGridLayoutActivity

<activity android:name=".StaggeredGridLayoutActivity"></activity>

最后，回到MainActivity.java，我们要在menu中打开StaggeredGridLayoutActivity：

public boolean onOptionsItemSelected(MenuItem item){
            .........
            case R.id.action_staggered:
                Toast.makeText(this,"You Clicked Staggered",Toast.LENGTH_SHORT).show();
                Intent intent=new Intent(this,StaggeredGridLayoutActivity.class);
                startActivity(intent);
                break;
             ..........
        }
        return true;
    }

并且res\layout\item_single_textview.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:background="#44ff0000"
    android:layout_margin="3dp"
    android:layout_height="72dp"
    >
    <TextView
        android:id="@+id/id_tv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
         />
</FrameLayout>

好了，瀑布流效果已经展现。

我现在要展示出StaggeredGridLayoutActivity，和StaggeredAdapter的全部代码，以便大家参考：

public class StaggeredAdapter extends RecyclerView.Adapter<StaggeredAdapter.MyViewHolder> {

    private LayoutInflater mInflater;
    //上下文
    private Context mContext;
    private List<String> mDatas;

    //声明存放随机高度
    private List<Integer> mHeights;

    public StaggeredAdapter(Context context, List<String> datas){
        this.mContext=context;
        this.mDatas=datas;
        //载入布局页面
        mInflater=LayoutInflater.from(context);

        //创建随机高度
        mHeights=new ArrayList<Integer>();
        for(int i=0; i < mDatas.size();i++){
            mHeights.add((int)(100+Math.random()*300));
        }
    }
    //创建ViewHolder
    @Override
    public StaggeredAdapter.MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

        /*
        inflate()的作用就是将一个用xml定义的布局文件查找出来，注意与findViewById()的区别，inflate是加载一个布局文件，而findViewById则是从布局文件中查找一个控件。
        关于LayoutInflater类inflate(int resource, ViewGroup root, boolean attachToRoot)方法三个参数的含义

        resource：需要加载布局文件的id，意思是需要将这个布局文件中加载到Activity中来操作。

        root：需要附加到resource资源文件的根控件，什么意思呢，就是inflate()会返回一个View对象，如果第三个参数attachToRoot为true，
        就将这个root作为根对象返回，否则仅仅将这个root对象的LayoutParams属性附加到resource对象的根布局对象上，
        也就是布局文件resource的最外层的View上，比如是一个LinearLayout或者其它的Layout对象。

        attachToRoot：是否将root附加到布局文件的根视图上
         */
        View view=mInflater.inflate(R.layout.item_single_textview,parent,false);
        MyViewHolder viewHolder = new MyViewHolder(view);
        return viewHolder;
    }
    //绑定ViewHolder
    @Override
    public void onBindViewHolder(StaggeredAdapter.MyViewHolder holder, int position) {
        ViewGroup.LayoutParams lp=holder.itemView.getLayoutParams();
        lp.height=mHeights.get(position);
        holder.itemView.setLayoutParams(lp);

        holder.tv.setText(mDatas.get(position));

    }
    //获取item数
    @Override
    public int getItemCount() {
        return this.mDatas.size();
    }


    class MyViewHolder extends ViewHolder {

        TextView tv;

        public MyViewHolder(View itemView) {
            super(itemView);
            tv= (TextView) itemView.findViewById(R.id.id_tv);
        }
    }
}

public class StaggeredGridLayoutActivity extends AppCompatActivity {

    //相关声明
    private RecyclerView mRecyclerView;
    private List<String> mDatas;
    private StaggeredAdapter mAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //加载数据
        initDatas();
        //初始化Views
        initViews();

        mAdapter=new StaggeredAdapter(this,mDatas);
        mRecyclerView.setAdapter(mAdapter);
        //设置RecyclerView的布局管理
        mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL));
    }

    private void initViews() {
        mRecyclerView=(RecyclerView) findViewById(R.id.id_recyclerview);
    }

    private void initDatas() {
        mDatas = new ArrayList<String>();

        //A-z的所有字母
        for(int i='A'; i<='z';i++){
            mDatas.add(""+(char)i);
        }
    }
}

RecyclerView的添加和删除动画效果

来到menu/main.xml下添加如下两个item：

<item
        android:id="@+id/action_add"
        android:orderInCategory="100"
        android:title="add"
        android:showAsAction="ifRoom"
        />
    <item
        android:id="@+id/action_delete"
        android:orderInCategory="100"
        android:title="delete"
        android:showAsAction="ifRoom"
        />

app:showAsAction

1.always:这个值会使菜单项一直显示在ActionBar上。

2.ifRoom:如果有足够的空间,这个值会使菜单显示在ActionBar上。

3.never:这个值菜单永远不会出现在ActionBar是。

4.withText:这个值使菜单和它的图标，菜单文本一起显示。

来到MainActivity，添加两个按钮的触发效果：

public boolean onOptionsItemSelected(MenuItem item){
        //通过调用item.getItemId()来判断菜单项
        switch (item.getItemId()){
            case R.id.action_add:
                Toast.makeText(this,"You Clicked add",Toast.LENGTH_SHORT).show();

                break;
            case R.id.action_delete:
                Toast.makeText(this,"You Clicked add",Toast.LENGTH_SHORT).show();
                
                break;

还记得最最前面介绍的setItemAnimator吗？现在就要用到了,这可是动画效果的关键：

@Override
    protected void onCreate(Bundle savedInstanceState) {
        .........
        //设置RecyclerView的布局管理
        LinearLayoutManager linearLayoutMangaer= new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false);
        mRecyclerView.setLayoutManager(linearLayoutMangaer);

        mRecyclerView.setItemAnimator(new DefaultItemAnimator());

动画还不行，当我们点击add和delete时，要有数据变化，所以还需要对SimpleAdapter进行处理，让其完成对数据的添加：

public class SimpleAdapter extends RecyclerView.Adapter<MyViewHolder> {

    public void addData(int pos){
        mDatas.add(pos,"Insert one");
        //这里不要调用 notifyDataSetChanged();因为没有动画效果
        notifyItemInserted(pos);
    }

    public void deleteData(int pos){
        mDatas.remove(pos);
        notifyItemRemoved(pos);
    }

继续切换到MainActivity，来完成剩下的事情：

public boolean onOptionsItemSelected(MenuItem item){
        //通过调用item.getItemId()来判断菜单项
        switch (item.getItemId()){
            case R.id.action_add:
                Toast.makeText(this,"You Clicked add",Toast.LENGTH_SHORT).show();
                mAdapter.addData(1);
                break;
            case R.id.action_delete:
                Toast.makeText(this,"You Clicked add",Toast.LENGTH_SHORT).show();
                mAdapter.deleteData(1);
                break;

你会注意到添加了：mAdapter.addData(1);mAdapter.deleteData(1);

 Item的onClick事件

RecyclerView中并没有实现任何的onClick事件，所以这些都需要我们自己来实现：

切换到SimpleAdapter

public class SimpleAdapter extends RecyclerView.Adapter<MyViewHolder> {
    .........
    public interface OnItemClickListener
    {
        void onItemClick(View view,int position);
        void onItemLongClick(View view,int position);
    }
    private OnItemClickListener mOnItemClickListener;
    public void setOnItemClickListener(OnItemClickListener listener){
        this.mOnItemClickListener = listener;
    }

接下来

//绑定ViewHolder
    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
        holder.tv.setText(mDatas.get(position));

       
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {

            }
        });

接下来

//绑定ViewHolder
    @Override
    public void onBindViewHolder(final MyViewHolder holder, final int position) {
        holder.tv.setText(mDatas.get(position));

        if(mOnItemClickListener!=null){
            holder.itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                        mOnItemClickListener.onItemClick(holder.itemView,position);
                }
            });

            holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
                @Override
                public boolean onLongClick(View view) {
                    mOnItemClickListener.onItemLongClick(holder.itemView,position);
                    return false;
                }
            });
        }
      

    }

MainAcivity使用：

@Override
    protected void onCreate(Bundle savedInstanceState) {
        ........
            mAdapter.setOnItemClickListener(new SimpleAdapter.OnItemClickListener() {
            @Override
            public void onItemClick(View view, int position) {
                Toast.makeText(MainActivity.this,"click :"+position,Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onItemLongClick(View view, int position) {
                Toast.makeText(MainActivity.this,"long click:"+position,Toast.LENGTH_SHORT).show();
            }
        });

 有一个很重要的Bug

当我们点击ActionBar的add后，添加多个item，你会发现这多个item点击的onclick事件输出的position都是一样的，这可麻烦了，因为我们在实战中会经常用到这个position，怎么解决呢？从布局来看，这个item已经被插入进去了，并且item的位置也发生了变化。

我们来到SimpleAdapter，我们的position应该用holder.getLayoutPosition();来代替

@Override
    public void onBindViewHolder(final MyViewHolder holder, final int position) {
        holder.tv.setText(mDatas.get(position));

        //item点击
        if(mOnItemClickListener!=null){
            holder.itemView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                  int layoutPosition =  holder.getLayoutPosition();
                        mOnItemClickListener.onItemClick(holder.itemView,layoutPosition);
                }
            });

            holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
                @Override
                public boolean onLongClick(View view) {
                    int layoutPosition =  holder.getLayoutPosition();
                    mOnItemClickListener.onItemLongClick(holder.itemView,layoutPosition);
                    return false;
                }
            });
        }
        //end item点击

    }

万事大吉，希望你在实战中，展现更好的效果！

本文主要是：http://www.imooc.com/learn/424     明日之星-RecyclerView的记录

android之RecyclerView，首发于移动技术。

yahoo 天气 json

首先我们来到这个链接（https://developer.yahoo.com/weather/），改写需要查询的地点为北京

根据这张图，你可以看到yahoo给我返回的json和访问这个json的api链接。

还要小调整一下，默认你会看到返回的json中 “temperature”: “F” ，我们需要把他改成 “temperature”: “C”（摄氏温度）,要在原来的YQL中加入（ and u=’c’）

select * from weather.forecast where woeid in (select woeid from geo.places(1) where text="beijing") and u='c'

安装Retrofit库

Retrofit是一个不错的网络请求库，而且用起来很省事。

打开https://github.com/square/retrofit ，你会看到它的详细信息，包括一个官网http://square.github.io/retrofit/。

使用Gradle方式安装它：

compile 'com.squareup.retrofit2:retrofit:2.1.0'

把上面的代码附加到（build.gradle(Module.app)）：

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:appcompat-v7:23.4.0'

    compile 'com.squareup.retrofit2:retrofit:2.1.0'
}

然后，点击 android studio 右上角的 sync now 进行安装

还没完，来到http://square.github.io/retrofit/。我们还需要使用到Gson，所以我们还要安装它才行，加入：

compile 'com.squareup.retrofit2:converter-gson:2.1.0'

ok。

jsonschema2pojo

这个小工具是用来将JOSN转换成普通的java对象类。我们可以把我们之前生成的json放入到里面去，来创建我们需要的java对象。

打开这个工具的网址：http://www.jsonschema2pojo.org/

区域1：填写你之前【yahoo天气json】获取的json数据

Package：com.example.napoleon.myapplication.data 这是我们要放置的包名

Class name：Weather  我们需要创建的类名

点击：Preview可以预览要生成的Model类，Zip可以生成并下载这些类。

如果下载完毕，我们把相关的类，copy到我们的项目中去：

但是你copy这些文件后，他们有错误：

import javax.annotation.Generated;

@Generated("org.jsonschema2pojo")

怎么处理呢？

我们需要在build.gradle中添加

compile 'org.glassfish:javax.annotation:10.0-b28'

如下位置

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:appcompat-v7:23.4.0'

    compile 'com.squareup.retrofit2:retrofit:2.1.0'
    compile 'com.squareup.retrofit2:converter-gson:2.1.0'

    compile 'org.glassfish:javax.annotation:10.0-b28'
}

安装后，就不会报错了。

创建WeatherAPI

来到项目中，创建remote包，并创建WeatherAPI接口，来让你的HTTP API转换成a Java interface，粘贴Retrofit官网前几步到你的文件中：

package com.example.napoleon.myapplication.remote;


public interface WeatherAPI {

    @GET("users/{user}/repos")
    Call<List<Repo>> listRepos(@Path("user") String user);


    Retrofit retrofit = new Retrofit.Builder()
        .baseUrl("https://api.github.com/")
        .build();

    GitHubService service = retrofit.create(GitHubService.class);
}

 Retrofit可以将你的HTTP API转化为JAVA的接口的形式。例如：

public interface GitHubService {
  @GET("users/{user}/repos")
  Call<List<Repo>> listRepos(@Path("user") String user);
}

而Retrofit类能够生成对应接口的实现。例如：

Retrofit retrofit = new Retrofit.Builder()
    .baseUrl("https://api.github.com/")
    .build();

GitHubService service = retrofit.create(GitHubService.class);

每一个由接口返回的Call对象都可以与远程web服务端进行同步或者异步的HTTP请求通信。例如：

Call<List<Repo>> repos = service.listRepos("octocat");

Retrofit使用注解来描述HTTP请求：
1.URL参数的替换和query参数的支持
2.对象转化为请求体（如：JSON，protocol buffers等）
3.多重请求体和文件上传
注意：本站仍在为2.0扩展新的API

好了，我们要根据我们之前获取json的url，分析来改写这个类：

package com.example.napoleon.myapplication.remote;


import com.example.napoleon.myapplication.data.Weather;

import retrofit2.Call;
import retrofit2.Retrofit;
import retrofit2.http.GET;
import retrofit2.http.Path;

public interface WeatherAPI {

    String BASE_UEL="https://query.yahooapis.com/v1/public/";

    @GET("yql?q=select%20*%20from%20weather.forecast%20where%20woeid%20in%20(select%20woeid%20from%20geo.places(1)%20where%20text%3D%22beijing%22)%20and%20u%3D'c'&format=json&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys")
    Call<Weather> getWeather();

    Retrofit retrofit = new Retrofit.Builder()
            .baseUrl(BASE_UEL)
            .build();

    WeatherAPI service = retrofit.create(WeatherAPI.class);
}

具体可查看http://square.github.io/retrofit/

还没完你知道这样是不行的，我们还要进一步优化：

package com.example.napoleon.myapplication.remote;


import com.example.napoleon.myapplication.data.Weather;

import retrofit2.Call;
import retrofit2.Retrofit;
import retrofit2.http.GET;

public interface WeatherAPI {

    String BASE_UEL="https://query.yahooapis.com/v1/public/";

    @GET("yql?q=select%20*%20from%20weather.forecast%20where%20woeid%20in%20(select%20woeid%20from%20geo.places(1)%20where%20text%3D%22beijing%22)%20and%20u%3D'c'&format=json&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys")
    Call<Weather> getWeather();

    class Factory{

        private static WeatherAPI service;

         public static WeatherAPI getIstance(){
             if(service == null){
                 Retrofit retrofit = new Retrofit.Builder()
                         .addConverterFactory(GsonConverterFactory.create())
                         .baseUrl(BASE_UEL)
                         .build();

                 service = retrofit.create(WeatherAPI.class);
                 return service;
             }else {
                return service;
             }

         }
    }
}

上面方便我们日后的使用，并且做了一个判断，当我们有WeatherAPI时，我们无需再生成对应的接口了。

构建视图

视图的布局和组件代码如下：

<?xml version="1.0" encoding="utf-8"?>
<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.napoleon.myapplication.MainActivity">


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:id="@+id/textView_city"
        android:textSize="65px"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:id="@+id/textView_conditions"
        android:layout_below="@+id/textView_city"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:id="@+id/textView_temperature"
        android:textSize="120px"
        android:layout_above="@+id/textView_lastupdated"
        android:layout_centerHorizontal="true" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:id="@+id/textView_lastupdated"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/textView_city"
        android:layout_toEndOf="@+id/textView_city" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="刷新"
        android:id="@+id/button_refresh"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />
</RelativeLayout>

下面是WeatherActivity的代码：

package com.example.napoleon.myapplication;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.TextView;
import butterknife.BindView;
import butterknife.ButterKnife;

public class WeatherActivity extends AppCompatActivity {
    @BindView(R.id.textView_city) TextView textView_city;
    @BindView(R.id.textView_conditions) TextView textView_conditions;
    @BindView(R.id.textView_temperature) TextView textView_temperature;
    @BindView(R.id.textView_lastupdated) TextView textView_lastupdated;
    @BindView(R.id.button_refresh) TextView button_refresh;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_weather);
        ButterKnife.bind(this);
    }
}

我们使用了一个ButterKnife插件，他的安装也很简单。

需要在（Project:MyApplication)的build.gradle中加入classpath ‘com.neenbedankt.gradle.plugins:android-apt:1.8’：

buildscript {
    repositories {
        jcenter()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:2.1.2'
        classpath 'com.neenbedankt.gradle.plugins:android-apt:1.8'

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

GRADLE：

apply plugin: 'com.android.application'
apply plugin: 'com.neenbedankt.android-apt'
....
compile 'com.jakewharton:butterknife:8.2.1'
apt 'com.jakewharton:butterknife-compiler:8.2.1'

再往Android Studio上安装该插件

 绑定数据

程序需要点击刷新按钮，然后显示相应的天气信息，我们现在需要一个OnClick事件：

@OnClick(R.id.button_refresh)
    public void onClick_botton_refresh(){
        WeatherAPI.Factory.getIstance().getWeather().enqueue(new Callback<Weather>() {
            @Override
            public void onResponse(Call<Weather> call, Response<Weather> response) {

            }

            @Override
            public void onFailure(Call<Weather> call, Throwable t) {

            }
        });
    }

然后将数据绑定到各个控件上：

@OnClick(R.id.button_refresh)
    public void onClick_botton_refresh(){
        WeatherAPI.Factory.getIstance().getWeather().enqueue(new Callback<Weather>() {
            @Override
            public void onResponse(Call<Weather> call, Response<Weather> response) {
                Query query = response.body().getQuery();
                textView_temperature.setText(query.getResults().getChannel().getItem().getCondition().getTemp());
                textView_city.setText(query.getResults().getChannel().getLocation().getCity());
                textView_lastupdated.setText(query.getResults().getChannel().getLastBuildDate());
                textView_conditions.setText(query.getResults().getChannel().getItem().getCondition().getText());
            }

            @Override
            public void onFailure(Call<Weather> call, Throwable t) {
                     Log.e("Failed",t.getMessage());
            }
        });
    }


    @Override
    protected void onResume(){
        super.onResume();
        onClick_botton_refresh();
    }

还需要将这个类设置为启动页，来到AndroidManifest.xml文件，改写为WeatherActivity

<activity android:name=".WeatherActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

当然别忘了加入访问网络的权限

<uses-permission android:name="android.permission.INTERNET"></uses-permission>

如果你使用Genymotion一定要注意虚拟机也要联网哦。如果用的是wifi那么虚拟机也要连接wifi的。

看看效果：

Android之Retrofit的使用，首发于移动技术。

我们使用Android studio 创建一个项目，在activity_main.xml中书写：

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.napoleon.myapplication.MainActivity">


    <ListView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/listView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

</RelativeLayout>

上面的代码我添加了一个listview.

下面我们需要给listview一个数据集合，让listview显示这些数据，我们如何绑定这些数据呢？那么就需要适配器和listview进行配合了。

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends AppCompatActivity {

    private ListView lv;

    //定义arrayadapte
    private ArrayAdapter<String> adapter;

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

        
        adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1);

        lv = (ListView) findViewById(R.id.listView);

        //设置数据适配器
        lv.setAdapter(adapter);

        adapter.add("hello");
        adapter.add("eoe");
    }
}

上面定义了两个私有变量，listview和ArrayAdapter，分别代表一个listview控件和字符串泛型的数组适配器。在onCreate中绑定相应对象。

adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1);

这段话绑定了，android系统资源的列表项

lv.setAdapter(adapter);

此句是让listview设置数据适配器

adapter.add("hello");

这句就很好理解了，就是向适配器添加数据。

ok了，运行，我们的程序看看结果：

Android ListView 一，首发于移动技术。