iOS開発者のAndroid開発入門ポップ色々その１（Menu編）

はじめに
Menu
おわりに

はじめに

Android のダイアログとかポップぽいものを Popup としてまとめました。（どう呼んでいいかわからないけど。。。）
Android は標準でできることが多い。。。

一つの記事にまとめようと思ったのですが、わりと多かったので分割します。今回は Menu について！

ソースは github にあげてます↓↓↓
ソース（github）

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/section1"
        android:title="セクション１" >
        <menu>
            <item android:id="@+id/section1_menu1"
                android:title="メニュー１" />
            <item android:id="@+id/section1_menu2"
                android:title="メニュー２" />
        </menu>
    </item>
    <item android:id="@+id/section2"
        android:title="セクション２" >
        <menu>
            <item android:id="@+id/section2_menu1"
                android:title="メニュー３" />
            <item android:id="@+id/section2_menu2"
                android:title="メニュー４" />
        </menu>
    </item>
    <item android:id="@+id/section3"
        android:title="セクション３" />
</menu>

<?xml version="1.0" encoding="utf-8"?>

<item android:id="@+id/section1"

android:title="セクション１" >

<menu>

<item android:id="@+id/section1_menu1"

android:title="メニュー１" />

<item android:id="@+id/section1_menu2"

android:title="メニュー２" />

</menu>

</item>

<item android:id="@+id/section2"

android:title="セクション２" >

<menu>

<item android:id="@+id/section2_menu1"

android:title="メニュー３" />

<item android:id="@+id/section2_menu2"

android:title="メニュー４" />

</menu>

</item>

<item android:id="@+id/section3"

android:title="セクション３" />

</menu>

オプションメニュー

アプリバーに表示するやつ

実装

Activity で onCreateOptionsMenu と onOptionsItemSelected を override すれば実装できる。

override fun onCreateOptionsMenu(menu: Menu?): Boolean {
    val inflater: MenuInflater = menuInflater
    inflater.inflate(R.menu.option_menu, menu)
    return true
}

override fun onOptionsItemSelected(item: MenuItem): Boolean {
    return when (item.itemId) {
        R.id.section1_menu1 -> {
            Toast.makeText(this, "メニュー１", Toast.LENGTH_SHORT).show()
            true
        }
        R.id.section1_menu2 -> {
            Toast.makeText(this, "メニュー２", Toast.LENGTH_SHORT).show()
            true
        }
        R.id.section2_menu1 -> {
            Toast.makeText(this, "メニュー３", Toast.LENGTH_SHORT).show()
            true
        }
        R.id.section2_menu2 -> {
            Toast.makeText(this, "メニュー４", Toast.LENGTH_SHORT).show()
            true
        }
        R.id.section3 -> {
            Toast.makeText(this, "セクション３", Toast.LENGTH_SHORT).show()
            true
        }
        else -> super.onOptionsItemSelected(item)
    }
}

override fun onCreateOptionsMenu(menu: Menu?): Boolean {

val inflater: MenuInflater = menuInflater

inflater.inflate(R.menu.option_menu, menu)

return true

}

override fun onOptionsItemSelected(item: MenuItem): Boolean {

return when (item.itemId) {

R.id.section1_menu1 -> {

Toast.makeText(this, "メニュー１", Toast.LENGTH_SHORT).show()

true

}

R.id.section1_menu2 -> {

Toast.makeText(this, "メニュー２", Toast.LENGTH_SHORT).show()

true

}

R.id.section2_menu1 -> {

Toast.makeText(this, "メニュー３", Toast.LENGTH_SHORT).show()

true

}

R.id.section2_menu2 -> {

Toast.makeText(this, "メニュー４", Toast.LENGTH_SHORT).show()

true

}

R.id.section3 -> {

Toast.makeText(this, "セクション３", Toast.LENGTH_SHORT).show()

true

}

else -> super.onOptionsItemSelected(item)

}

コンテキストメニュー

指定の View を長押ししたときに表示するやつ

実装

Activity で registerForContextMenu で長押しする View を登録して onCreateContextMenu と onContextItemSelected を override すれば実装できる。

// onCreateとかで登録
registerForContextMenu(findViewById(R.id.button_context_menu))

override fun onCreateContextMenu(menu: ContextMenu?, v: View?,
                                    menuInfo: ContextMenu.ContextMenuInfo?) {
    super.onCreateContextMenu(menu, v, menuInfo)
    val inflater: MenuInflater = menuInflater
    menu?.setHeaderTitle("ヘッダー") // ヘッダータイトルを設定できる
    inflater.inflate(R.menu.context_menu, menu)
}

override fun onContextItemSelected(item: MenuItem): Boolean {
    return when (item.itemId) {
        R.id.section1_menu1 -> {
            Toast.makeText(this, "メニュー１", Toast.LENGTH_SHORT).show()
            true
        }
        R.id.section1_menu2 -> {
            Toast.makeText(this, "メニュー２", Toast.LENGTH_SHORT).show()
            true
        }
        R.id.section2_menu1 -> {
            Toast.makeText(this, "メニュー３", Toast.LENGTH_SHORT).show()
            true
        }
        R.id.section2_menu2 -> {
            Toast.makeText(this, "メニュー４", Toast.LENGTH_SHORT).show()
            true
        }
        R.id.section3 -> {
            Toast.makeText(this, "セクション３", Toast.LENGTH_SHORT).show()
            true
        }
        else -> super.onContextItemSelected(item)
    }
}

// onCreateとかで登録

registerForContextMenu(findViewById(R.id.button_context_menu))

override fun onCreateContextMenu(menu: ContextMenu?, v: View?,

menuInfo: ContextMenu.ContextMenuInfo?) {

super.onCreateContextMenu(menu, v, menuInfo)

val inflater: MenuInflater = menuInflater

menu?.setHeaderTitle("ヘッダー") // ヘッダータイトルを設定できる

inflater.inflate(R.menu.context_menu, menu)

}

override fun onContextItemSelected(item: MenuItem): Boolean {

return when (item.itemId) {

R.id.section1_menu1 -> {

Toast.makeText(this, "メニュー１", Toast.LENGTH_SHORT).show()

true

}

R.id.section1_menu2 -> {

Toast.makeText(this, "メニュー２", Toast.LENGTH_SHORT).show()

true

}

R.id.section2_menu1 -> {

Toast.makeText(this, "メニュー３", Toast.LENGTH_SHORT).show()

true

}

R.id.section2_menu2 -> {

Toast.makeText(this, "メニュー４", Toast.LENGTH_SHORT).show()

true

}

R.id.section3 -> {

Toast.makeText(this, "セクション３", Toast.LENGTH_SHORT).show()

true

}

else -> super.onContextItemSelected(item)

}

ポップアップメニュー

ボタンタップなどで表示するやつ

実装

ボタンタップ時などに PopupMenu を生成して show() で表示する

findViewById<Button>(R.id.button_popup).setOnClickListener {
    val popup = PopupMenu(this, it)
    val inflater: MenuInflater = popup.menuInflater
    inflater.inflate(R.menu.popup_menu, popup.menu)
    popup.setOnMenuItemClickListener {
        return@setOnMenuItemClickListener when (it.itemId) {
            R.id.section1_menu1 -> {
                Toast.makeText(this, "メニュー１", Toast.LENGTH_SHORT).show()
                true
            }
            R.id.section1_menu2 -> {
                Toast.makeText(this, "メニュー２", Toast.LENGTH_SHORT).show()
                true
            }
            R.id.section2_menu1 -> {
                Toast.makeText(this, "メニュー３", Toast.LENGTH_SHORT).show()
                true
            }
            R.id.section2_menu2 -> {
                Toast.makeText(this, "メニュー４", Toast.LENGTH_SHORT).show()
                true
            }
            R.id.section3 -> {
                Toast.makeText(this, "セクション３", Toast.LENGTH_SHORT).show()
                true
            }
            else -> false
        }
    }
    popup.show()
}

findViewById<Button>(R.id.button_popup).setOnClickListener {

val popup = PopupMenu(this, it)

val inflater: MenuInflater = popup.menuInflater

inflater.inflate(R.menu.popup_menu, popup.menu)

popup.setOnMenuItemClickListener {

return@setOnMenuItemClickListener when (it.itemId) {

R.id.section1_menu1 -> {

Toast.makeText(this, "メニュー１", Toast.LENGTH_SHORT).show()

true

}

R.id.section1_menu2 -> {

Toast.makeText(this, "メニュー２", Toast.LENGTH_SHORT).show()

true

}

R.id.section2_menu1 -> {

Toast.makeText(this, "メニュー３", Toast.LENGTH_SHORT).show()

true

}

R.id.section2_menu2 -> {

Toast.makeText(this, "メニュー４", Toast.LENGTH_SHORT).show()

true

}

R.id.section3 -> {

Toast.makeText(this, "セクション３", Toast.LENGTH_SHORT).show()

true

}

else -> false

}

popup.show()

}

参考

Android デベロッパー: メニュー

おわりに

メニューの種類が豊富であんま使い分けわかってない。。。