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

最新推荐文章于 2022-12-04 16:32:20 发布

倒霉催的笑脸猫

最新推荐文章于 2022-12-04 16:32:20 发布

阅读量1k

点赞数 1

文章标签： RecycleView ToolBar

本文链接：https://blog.csdn.net/Yin_zihao/article/details/50880023

版权

本文内容主要由慕课网 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）

倒霉催的笑脸猫

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
android5.0新特性 ToolBar+RecycleView的使用

本文内容主要由慕课网 http://www.imooc.com/video/8187 视频整理出（文章链接http://blog.csdn.net/lmj623565791/article/details/45059587）如图，这个demo主要是用实现RecycleView实现瀑布流，使用ToolBar实现向瀑布流中添加或删除Item的按钮。同时熟悉这两个新控件的使用。
复制链接

扫一扫