android5.0新特性 ToolBar+RecycleView的使用

本文内容主要由慕课网 http://www.imooc.com/video/8187 视频整理出（文章链接http://blog.csdn.net/lmj623565791/article/details/45059587）

如图，这个demo主要是用实现RecycleView实现瀑布流，使用ToolBar实现向瀑布流中添加或删除Item的按钮。同时熟悉这两个新控件的使用。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <android.support.v7.widget.Toolbar        android:id="@+id/tool_bar"        android:layout_width="match_parent"        android:background="?attr/colorPrimary"        android:layout_height="?attr/actionBarSize">    </android.support.v7.widget.Toolbar>    <android.support.v7.widget.RecyclerView        android:id="@+id/recycle_view"        android:layout_width="match_parent"        android:layout_height="match_parent">    </android.support.v7.widget.RecyclerView></LinearLayout>

主布局中直接写了这两个控件。

首先说使用ToolBar的注意点。来看一下清单文件AndroidMainifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"    package="com.example.yin.recycleview">    <application        android:allowBackup="true"        android:icon="@mipmap/ic_launcher"        android:label="@string/app_name"        android:supportsRtl="true"        android:theme="@style/AppTheme">        <activity            android:name=".MainActivity"            android:theme="@style/AppTheme.NoActionBar">            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>    </application></manifest>

可以看到我们给Activity单独使用了一个AppTheme.NoActionBar主题。

具体的点进@style资源里看一看

<resources>    <!-- Base application theme. -->    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">        <!-- Customize your theme here. -->        <item name="colorPrimary">@color/colorPrimary</item>        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>        <item name="colorAccent">@color/colorAccent</item>    </style>    <style name="AppTheme.NoActionBar" parent="Theme.AppCompat.Light.NoActionBar">        <item name="android:textColorPrimary">@android:color/white</item>        <item name="colorPrimary">@color/colorPrimary</item>    </style></resources>

发现我们的AppTheme.NoActionBar是继承了一个Theme.AppCompat.Light.NoActionBar主题，另外自己设置了标题栏文字的颜色和标题栏背景色。

原因就是要使用ToolBar必须要先取消ActionBar的出现，我们可以选择直接将application的主题设置为NoActionBar的，或者单独将需要显示ToolBar的activity设置为NoActionBar的。这里我用了后面一种。

public class MainActivity extends AppCompatActivity {    private RecyclerView recyclerView;    private List<String>mString;    MyRecycleAdapter myRecycleAdapter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        /*初始化RecycleView相关内容*/        initRecycleView();        Toolbar toolbar = (Toolbar) findViewById(R.id.tool_bar);        setSupportActionBar(toolbar);        /*不显示默认的Title,自己指定标题*/        getSupportActionBar().setDisplayShowTitleEnabled(false);        toolbar.setTitle("test");        /*设置ToolBar最左侧的导航图标*/        toolbar.setNavigationIcon(R.mipmap.ic_launcher);    }    @Override    public boolean onCreateOptionsMenu(Menu menu) {        getMenuInflater().inflate(R.menu.menu, menu);        return true;    }    @Override    public boolean onOptionsItemSelected(MenuItem item) {        switch (item.getItemId()){            case R.id.setting:                Toast.makeText(this, "setting", Toast.LENGTH_SHORT).show();                return true;            case R.id.add:                addItem(1);                return true;            case R.id.delete:                deleteItem(1);                return true;            case android.R.id.home:                Toast.makeText(this, "back", Toast.LENGTH_SHORT).show();        }        return super.onOptionsItemSelected(item);    }    private void addItem(int position) {        /*数据源指定位置添加数据*/        mString.add(position, "test");        /*利用notifyItemInserted(position)通知Adapter进行更新。这个方法会将数组的position位置的        数据添加显示到对应的position位置，原来的position以及之后的Item都向后移动一位。        （这里如果用myRecycleAdapter.notifyDataSetChanged()能更新数据，但是不触发动画）*/        myRecycleAdapter.notifyItemInserted(position);        /*由于瀑布流每个Item的高度是用一个heights数组设定的，所以Item添加后，        要对heights数组也进行添加，否则会产生数组越界异常*/        myRecycleAdapter.addHeight(position);    }    private void deleteItem(int position) {        mString.remove(position);        myRecycleAdapter.notifyItemRemoved(position);        myRecycleAdapter.deleteHeight(position);    }    private void initRecycleView() {        recyclerView = (RecyclerView) findViewById(R.id.recycle_view);        mString = new ArrayList<>();        for (int i = 'A';i<'z';i++){            mString.add((char)i+"");        }        /*普通ListView效果        recyclerView.setLayoutManager(new LinearLayoutManager(this));*/        /*列数为4的表格布局        recyclerView.setLayoutManager(new GridLayoutManager(this,4));*/        /*行数为4的横向滑动的表格布局        recyclerView.setLayoutManager(new StaggeredGridLayoutManager(4,StaggeredGridLayoutManager.HORIZONTAL));*/        /*列数为4的纵向表格布局，当附加设置了每个子View高度随机时，就形成瀑布流效果*/        recyclerView.setLayoutManager(new StaggeredGridLayoutManager(4,StaggeredGridLayoutManager.VERTICAL));        myRecycleAdapter = new MyRecycleAdapter(this, R.layout.item_string, mString);        recyclerView.setAdapter(myRecycleAdapter);        /*为recycleView指定Item动画（事实上默认使用的就是这个体统提供的默认动画）*/        recyclerView.setItemAnimator(new DefaultItemAnimator());    }}

在主布局中声明了ToolBar和RecycleView以及适配器。ToolBar中的点击菜单在R.menu.menu中定义，然后直接在onCreateOptionsMenu()方法中加载进来。

<menu xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto">    <item        android:id="@+id/setting"        app:showAsAction="never"        android:title="setting"/>    <item        android:id="@+id/add"        app:showAsAction="ifRoom"        android:icon="@drawable/ic_add_circle_outline_white_48dp"        android:title="add"/>    <item        android:id="@+id/delete"        app:showAsAction="ifRoom"        android:icon="@drawable/ic_remove_circle_outline_white_48dp"        android:title="delete"/></menu>

再来看看自定义的Adapter

/*RecycleView的Adapter强制要求开发者使用ViewHolder模式*/public class MyRecycleAdapter extends RecyclerView.Adapter<MyRecycleAdapter.MyViewHolder> {    private Context context;    private List<String>datas;    private int resourceId;    private List<Integer>heights;    public MyRecycleAdapter(Context context,int resourceId,List<String>datas){        this.datas = datas;        this.context = context;        this.resourceId = resourceId;        /*后面用来动态设置每个子View的高度*/        heights = new ArrayList<>();        for (int i = 0;i<datas.size();i++){            heights.add(new Random().nextInt(200)+100);        }    }    public void deleteHeight(int position) {        /*删除Item后，对应的高度数据也从数组中删除*/        heights.remove(position);    }    public void addHeight(int position) {        /*在数组相应位置添加一个随机数作为添加的Item的高度*/        heights.add(position,new Random().nextInt(200)+100);    }    @Override    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {        View view = (LayoutInflater.from(context)).inflate(resourceId, parent, false);        return new MyViewHolder(view);    }    @Override    public void onBindViewHolder(MyViewHolder holder, int position) {        /*动态设置每个子View的高度，产生瀑布流效果*/        ViewGroup.LayoutParams lp = holder.itemView.getLayoutParams();        lp.height = heights.get(position);        holder.itemView.setLayoutParams(lp);        holder.textView.setText(datas.get(position));    }    @Override    public int getItemCount() {        return datas.size();    }    class MyViewHolder extends RecyclerView.ViewHolder{        public TextView textView;        public MyViewHolder(View itemView) {            super(itemView);            textView = (TextView) itemView.findViewById(R.id.id_text);        }    }}

可以看到RecycleView的Adapter强制性的要求开发者使用ViewHolder模式，所以我们一开始就创建了一个继承自RecycleView.ViewHolder的内部类，剩下的跟传统的ListView使用差不多。值得注意的是由于我们要实现瀑布流效果，所以还定义了一个List用来存储每个Item的高度。而且当添加和删除Item后也要更新List的内容。

本文内容主要由慕课网 http://www.imooc.com/video/8187 视频整理出（文章链接http://blog.csdn.net/lmj623565791/article/details/45059587）