Android做一个简单的Toolbar

1先new个项目，一般我用的是Empty Activity，毕竟会的也不多……

2首先先改一波/values/style.xml文件，主题改成NoActionBar的。整个style文件如下：

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="android:actionOverflowButtonStyle">@style/whilemenu</item>
    </style>
    <style name="whilemenu" parent="Widget.AppCompat.Light.ActionButton.Overflow">
    <item name="android:src">@mipmap/ic_menu_more_overflow</item>
    </style>

</resources>

首先就把AppTheme改成NoActionBar的。

3扣了几个示例图片

{,,,}一共四个，底色白色看不到←_←，右键保存

放在mipmap xhdmi里头等会用。

4Toolbar屌就屌在能自定义，随便整，不过先把默认的菜单整出来，新建个菜单文件。

<?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">

    <item
        android:id="@+id/m_search"
        android:icon="@mipmap/ic_search"
        android:title="@string/search"
        app:showAsAction="ifRoom" />
    <item
        android:id="@+id/m_notification"
        android:icon="@mipmap/ic_notifications"
        android:title="@string/notification"
        app:showAsAction="ifRoom"/>
    <item
        android:id="@+id/item1"
        android:title="@string/item1"
        app:showAsAction="never"/>
    <item
        android:id="@+id/item2"
        android:title="@string/item2"
        app:showAsAction="never"/>
</menu>

5在MainActivity的layout文件里添加Toolbar

<?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"
    tools:context="cn.solodog.testtoolbar.MainActivity">

    <android.support.v7.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/mytoolbar"
        android:background="@color/colorPrimary">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/app_name"
        android:id="@+id/toolbarbtn"
        android:textSize="20sp"
        android:textColor="#fff"/>
    </android.support.v7.widget.Toolbar>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:layout_below="@+id/mytoolbar"/>
</RelativeLayout>

要注意的是添加的Toolbar是support.v7的，顺手向下兼容一下……

这里的backgroundcolor就是底色，TextView添加到中间作为自定义的标题栏取代Toolbar的Title属性。毕竟那玩意没法监听啊╮(╯▽╰)╭（也可能是我不会……

6在搞一下MainActivity就成了

package cn.solodog.testtoolbar;

import android.graphics.Color;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.view.MenuItem;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    Toolbar toolbar;
    TextView textbtn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        toolbar=(Toolbar)findViewById(R.id.mytoolbar);
        toolbar.inflateMenu(R.menu.toolbar_menu);
        //用布局文件自顶替替换title，可设置监听
//        toolbar.setTitle("Title");
//        toolbar.setTitleTextColor(Color.WHITE);
//        toolbar.setSubtitle("subtitle");
//        toolbar.setSubtitleTextColor(Color.WHITE);
        toolbar.setNavigationIcon(R.mipmap.ic_drawer_home);//最左边导航的图标
        toolbar.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            //最左边按钮的导航器
            public void onClick(View v) {
                Toast.makeText(MainActivity.this,"navigationlistenner",Toast.LENGTH_SHORT).show();
            }

        });
        toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            //菜单的监听器
            public boolean onMenuItemClick(MenuItem item) {
                int menuid=item.getItemId();
                switch (menuid)
                {
                    case R.id.m_search:
                        Toast.makeText(MainActivity.this,"search",Toast.LENGTH_SHORT).show();
                        break;
                    case R.id.m_notification:
                        Toast.makeText(MainActivity.this,"notification",Toast.LENGTH_SHORT).show();
                        break;
                    case R.id.item1:
                        Toast.makeText(MainActivity.this,"item1",Toast.LENGTH_SHORT).show();
                        break;
                    case R.id.item2:
                        Toast.makeText(MainActivity.this,"item2",Toast.LENGTH_SHORT).show();
                        break;
                }
                return true;
            }

        });
        //自定义标题的监听
        textbtn=(TextView)findViewById(R.id.toolbarbtn);
        textbtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this,"TitleClick",Toast.LENGTH_SHORT).show();
            }
        });
    }
}

这么一整一个小Toolbar就有了


要注意的一点那三个点点，那个菜单按钮，默认整出来是黑色的，得在style文件里写一串弄成自己的图标才行。

也就是上面2提及的style文件最下面（2里面有，免得往上翻再贴一次

<style name="whilemenu" parent="Widget.AppCompat.Light.ActionButton.Overflow">
    <item name="android:src">@mipmap/ic_menu_more_overflow</item>
    </style>

到这也就成了，其实我这也是拾人牙慧，但是我是参照俩博客才看懂咋用，我这边就投机取巧精简一下，照着弄应该能出来。

源码地址

https://github.com/hh63340137/SimpleToolbar/tree/master

感谢老爷们看到底。