注目の記事 PICK UP!

Android – ActionBarに代わるToolBarの使い方

4.4以前のAndroidでもToolbarは利用できます。

Toolbarの使い方

XMLにToolBarを定義


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <!-- ToolBarを定義 -->
    <android.support.v7.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="?attr/actionBarSize"
        android:background="@color/darkred"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        android:id="@+id/toolbar" />

</RelativeLayout>

Activity

public class MainActivity extends Activity {

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

        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        toolbar.setNavigationIcon(R.drawable.ツールバーに表示するアイコン画像);
        toolbar.setTitle("タイトル");

        // アイコンがタップされたときの処理
        toolbar.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 別画面に遷移
                Intent intent = new Intent(MainActivity.this, Other1Activity.class);
                startActivity(intent);
            }
        });

        // inflateして他のメニューも表示
        toolbar.inflateMenu(R.menu.ツールバーに表示するアイコン);
        toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                // 別画面に遷移
                Intent intent = new Intent(MainActivity.this, Other2Activity.class);
                startActivity(intent);
                return true;
            }
        });
    }

23行目のXMLは下記の通り。

inflateMenuで使っている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/menu_report_write"
        android:orderInCategory="1"
        app:showAsAction="always"
        android:icon="@drawable/アイコン画像"/>

</menu>

PAGE TOP