010 Android Toolbar組件的應用(頂部菜單欄)

1 .取消app頂部project工程名顯示

 

在styles.xml中進行相關設置

2.菜單列表項

<1>app--->res-->Android Resource Dictionary ，會出現下框

點擊ok即可，最后在project--->app-->src--->res下可見

<2> 新建menu resource file 

點擊menu目錄，右擊new--->menu resource file 

<?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/item1"
        android:icon="@mipmap/img1"
        android:title="編輯1"
        app:showAsAction="always">
    </item>
    <item
        android:id="@+id/item2"
        android:icon="@mipmap/img2"
        android:title="編輯2"
        app:showAsAction="never">
    </item>
    <item
        android:id="@+id/item3"
        android:icon="@mipmap/img3"
        android:title="編輯3"
        app:showAsAction="never">
    </item>
</menu>

<3>頁面布局

主頁面布局(MainActivity)

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        android:theme="?attr/actionBarTheme">
        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button" />

        <TextView
            android:id="@+id/textView2"
            android:textSize="28dp"
            android:padding="20dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="首頁" />
    </android.support.v7.widget.Toolbar>
</android.support.constraint.ConstraintLayout>

<4>java后台代碼

public class MainActivity extends AppCompatActivity {
    Toolbar toolbar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        toolbar=findViewById(R.id.toolbar);  //初始化toolbar組件

        toolbar.setLogo(R.mipmap.ic_launcher);
        toolbar.setTitle("主標題");    //設置主標題
        toolbar.setSubtitle("子標題"); //設置子標題
        setSupportActionBar(toolbar);  //使得toolbar支持菜單顯示
        toolbar.setNavigationIcon(R.mipmap.img); //設置回退鍵

        //設置回退鍵的單機點擊事件
        toolbar.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();
            }
        });

        //添加菜單點擊事件
        toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem menuItem) {
                String str="";
                switch (menuItem.getItemId()){
                    case R.id.item1:
                        str="你選擇了菜單1";
                        break;
                    case R.id.item2:
                        str="你選擇菜單2";
                        break;
                    case R.id.item3:
                        str="你選擇菜單3";
                        break;
                }
                Toast.makeText(MainActivity.this,str,Toast.LENGTH_SHORT).show();
                return false;
            }
        });


    }

    //調用菜單
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main,menu); // 參數1為布局文件(menu_main.xml)
        return true;
    }
}

 3.效果圖

項目名稱：test08