1. 程式人生 > >ToolBar自定義標題欄

ToolBar自定義標題欄

.style.xml

<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>
    </style>

</resources>

.activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:background="#5FF0"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

    </android.support.v7.widget.Toolbar>

</RelativeLayout>

.MainActivity.java

package com.bwie.lll.toolbar;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private Toolbar toolbar;

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

        toolbar = (Toolbar) findViewById(R.id.toolbar);

        //設定主標題,必須要在setSupportActionBar程式碼執行順序的前面
        toolbar.setTitle("主標題哈!");
        //必須有的一步操作,引數就是ToolBar物件
        setSupportActionBar(toolbar);
        //設定APP Logo
        toolbar.setLogo(R.mipmap.ic_launcher);
        //設定子標題,會出現在主標題的正下方
        toolbar.setSubtitle("子標題哈!");
        //往toolBar填充選單佈局,起效果必須要複寫onCreateOptionsMenu
        //在res檔案下建立menu資料夾,在建立xml佈局檔案即可.
        toolbar.inflateMenu(R.menu.menu_items);
        //設定右上角的選單點選事件的監聽
        toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem menuItem) {
                Toast.makeText(MainActivity.this, "至遠教育帶你裝逼,帶你飛", Toast.LENGTH_SHORT).show();
                return true;
            }
        });
    }
    //使用getMenuInflater()填充menu佈局,第二個引數固定是menu,返回值為true,才有效果
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_items,menu);
        return true;
    }
}

.menu_items.xml

<?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/item0"
        android:icon="@mipmap/ic_launcher"
        android:title="item0"
        app:showAsAction="always" />
    <item
        android:id="@+id/item1"
        android:icon="@mipmap/ic_launcher"
        android:title="item1"
        app:showAsAction="always" />
    <item
        android:id="@+id/item2"
        android:icon="@mipmap/ic_launcher"
        android:title="item2"
        app:showAsAction="always" />
</menu>