Android5.0 Material Desgin 设计

欢迎进入Android5.0的世界

 谷歌2014年推出了全新的设计概念Material Desgin。目的为了使Android 的设计能够统一化，其中的ToolBar就是其中的一个控件，今天主要说下ToolBar。ToolBar的出现是为了替换之前的ActionBar的各种不灵活使用方式,相反,ToolBar的使用变得非常灵活,因为它可以让我们自由往里面添加子控件.低版本要使用的话,可以添加support-v7包. 
 废话不多说直接说怎么简单的使用吧：
 1：要进行依赖V7的包`com.android.support:appcompat-v7:22.1.1`。
 2：V7包引入之后，还是不可以直接使用toolBar,而是在styles.xml文件下，
 指定如下的关系：

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">//浅色主题
<style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
//代表深色的主题
//这里需要注意一点就是当我们想使用ToolBar的时候就不能使用     //ActionBar了，所以这里的主题要使用NoActionBar的，否则编译会报错的。如果直接使用Theme.AppCompat
<style name="AppTheme" parent="Theme.AppCompat">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="windowActionBar">false</item>//这必须写上，不然会报错
        <item name="windowNoTitle">true</item>//这必须写上，不然会报错
    </style>

3：布局中就可以使用ToolBar了，注意使V7包的

<?xml version="1.0" encoding="utf-8"?>
<!--xmlns:app="http://schemas.android.com/apk/res-auto"一个命名空间，如：老系统中不能使用android:attribute的写法了，而是应该使用app:attribute为了兼容5.0以下的系统，所以最好带上-->
<RelativeLayout 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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.misterdai.enforcepetecc.activity.MainActivity">
        <!--
    ?attr/actionBarSize:表示根据屏幕的分辨率采用系统默认的高度
    如果低版本也要使用的话,则需要使用v7包的,否则只有api21上才能有效.

            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            因为主题使用的是浅色的主题，所以toolbar上就会自动使用深色的主题，上面的字体颜色会变成黑色，
            所以这加个ThemeOverlay.AppCompat.Dark.ActionBar使上面的文字为浅色
            而这个主题的菜单按钮会变成深色的主题，所以用加个app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            使菜单按钮点击弹出来的菜单变成浅色
    -->
        <android.support.v7.widget.Toolbar
            android:background="@color/colorPrimary"
            android:id="@+id/toolBar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
                <!--添加Toolbar的子控件-->
                <Button
                    android:id="@+id/btn_diy"
                    android:layout_width="60dp"
                    android:layout_height="wrap_content"
                    android:layout_gravity="right"
                    android:background="#80ffffff"
                    android:text="自定义按钮"
                    android:textColor="#000000"
                    android:textSize="11sp" />
        </android.support.v7.widget.Toolbar>
</RelativeLayout>

4：然后就是在Activity中的使用了

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolBar = (Toolbar) findViewById(R.id.toolBar);
        toolBar.setTitle("执法系统");
        //toolBar.setTitleTextColor(getResources().getColor(R.color.colorAccent));//改变标题字体的颜色
        toolBar.setSubtitle("hehe");
        toolBar.setLogo(R.mipmap.ic_launcher);
        setSupportActionBar(toolBar);
        toolBar.setNavigationIcon(android.R.drawable.btn_star);
        //设置NavigationIcon的点击事件,需要放在setSupportActionBar之后设置才会生效,
        //因为setSupportActionBar里面也会setNavigationOnClickListener
        mToolbar.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mToast.setText("click NavigationIcon");
                mToast.show();
            }
        });
    }
//如果有Menu,创建完后,系统会自动添加到ToolBar上
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        super.onCreateOptionsMenu(menu);
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }
//菜单的点击事件
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_delet :
                Toast.makeText(MainActivity.this, "action_delet", Toast.LENGTH_SHORT).show();
                break;
            case R.id.action_share:
                Toast.makeText(MainActivity.this, "action_share", Toast.LENGTH_SHORT).show();
                break;
            case R.id.action_setting:
                Toast.makeText(MainActivity.this, "action_setting", Toast.LENGTH_SHORT).show();
                break;
        }
        return true;
    }
//关于menu的相关代码main/res/menu/menu_main
<?xml version="1.0" encoding="utf-8"?>
<menu 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"
    tools:context=".MainActivity">
    <!--app:showAsAction 来表示按钮的显示位置，之所以使用app命名同样是为了适配低版本的问题
    showAsAction的几种值的意思：always:表示永远显示在toolba中，如果屏幕的空间不够则不显示；ifRoom代表
    屏幕空间够的话显示，不够则在菜单中进行显示，never表示一直在菜单中显示。注意：ToolBar中的action按钮执法显示图标，菜单中的action只会显示文本-->
    <item
        android:id="@+id/action_delet"
        android:icon="@android:drawable/ic_delete"
        android:orderInCategory="80"
        android:title="删除"
        app:showAsAction="ifRoom" />

    <item
        android:id="@+id/action_share"
        android:icon="@android:drawable/ic_menu_share"
        android:orderInCategory="90"
        android:title="分享"
        app:showAsAction="always" />
    <item
        android:id="@+id/action_setting"
        android:orderInCategory="100"
        android:title="@string/setting"
        android:icon="@android:drawable/ic_menu_help"
        app:showAsAction="never" />
</menu>

这也是ToolBar的基本使用了，当然还有很多的小功能，相信你也可以通过相关资料进行学习，后续也会把5.0中新的控件一一介绍的，觉得可以的话就mark下吧