作って学べる
プログラミング講座
アプリを作りながら学習
自分のペースですぐに始められる
困ったら何回でも質問可能

【Android Studio】オプションメニューの作り方 – Kotlin編

Sara

この記事では、アプリ画面右上に表示される オプションメニューの作り方を紹介します。

以下のようなメニューを作成・表示します。

開発環境

Android StudioChipmunk 2021.2.1
Android EmulatorNexus 4 (API 32)
compileSdk / targetSdk32
minSdk16

プロジェクトについて

OptionMenuSample という名前のプロジェクトを作成して

  • MainActivity.kt
  • activity_main.xml

がある状態で実装していきます。

オプションメニューの作り方

1. レイアウトファイルの作成

Android Studio 画面左側のプロジェクト構造にある res フォルダの上で右クリックして、 New → Android Resource File を選択します。

File name に option_menu.xml と入力、Resource Type は Menu を選択します。

2. アイコンの用意

オプションメニューに表示するアイコンを用意します。

今回は Android Studio から簡単に用意できる Vector アイコンを使います。

ご自身で用意したアイコン画像を使う場合は drawable フォルダに画像を置いてください。

Android Studio 画面の一番左側にある Resource Manager を開きます。

+ ボタンをクリックして Vector Asset を選択します。

Clip Art をクリックします。

home を検索して OK を押します。

Next を押します。

Finish を押します。

同じ手順で email, person, phone アイコンも追加します。

3. レイアウトの用意

option_menu.xml を開いて、以下のようにレイアウトを用意します。

id 属性

クリックされた項目を識別できるように id を設定しておきます。

icon 属性

アイコン画像を指定します。

orderInCategory 属性

表示順を指定します。

このサンプルでは「アカウント」→「ホーム」の順番で XML を書いていますが、orderInCategory 属性によって「ホーム」→「アカウント」の順番で表示されます。

title 属性

表示名です。アイコンを指定してない場合に表示されます。

showAsAction 属性

アクションバー内での表示に関する設定をします。

ifRoom表示スペースがあればアクションバーに表示されます。スペースがない場合はオーバーフローメニュー内に表示されます。
withTexttitle 属性のテキストを表示します。ifRoom|withText のように書くことができます。
alwaysアクションバーに常に表示します。
neverアクションバーに表示せず、オーバーフローメニュー内に表示されます。
collapseActionViewこのアクションに関連づけられているビューが折りたたみ可能になります。

4. オプションメニューを表示する

MainActivity.kt を開いて15~29行目を追加します。

15~18行目

onCreateOptionsMenu メソッドは、メニューを初めて表示する時に一度だけ呼び出されます。

動的にメニュー項目を変更する場合は onPrepareOptionsMenu メソッドを使います。

20~29行目

onOptionsItemSelected メソッドは、項目が選択されたときに呼ばれます。

このサンプルでは選択された項目のタイトルを Toast 表示していますが、押された項目ごとに処理が変わる場合は21~25行目のように書くことができます。

他にもメニューを閉じた時に呼ばれる onOptionsMenuClosed メソッドがあります。

5. 完成

Android Studio Flamingo からアクションバーが非表示となりました。アクションバーを表示する方法より設定を行ってください。

以上で完成です。

補足:アイコンの色を変更する方法

アイコンの色は xml ファイル(drawable/ic_baseline_home_24.xml など)の1行目 android:tint 属性から変更できます。

<vector android:height="24dp" android:tint="#ffffff"
    android:viewportHeight="24" android:viewportWidth="24"

完成版のコード

Q
option_menu.xml
Q
MainActivity.kt
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
ABOUT ME
Sara
書籍やオンライン講座でプログラミングを勉強してフリーランスのプログラマーになりました。
このサイトでは「わかりやすく・シンプル」をモットーに、プログラミングの基礎からアプリ開発まで紹介します。
独学でプログラミングを勉強をしている方、基礎は勉強したけれど次に何をすれば良いか分からない...という方のお役に立てるサイトを目指しています。
主な使用言語:Java / Kotlin / PHP
>> 詳しいプロフィールはこちら
>> 書籍を出版しました!
>> お問い合わせはこちら
本格的に学びたい方へ

Code for Fun プログラミング講座

Code for Fun プログラミング講座では、プログラミングの基礎からアプリ開発まで学ぶことができます。

わかりやすく・シンプルをモットーに

  • 同じコードを書けば必ず完成できること
  • 専門用語を使いすぎないこと

を重視しています。

POINT 01

動くコード

プログラミングの文法だけを学んでも、そこから動くアプリを開発をするのは難しいです。

Code for Fun のプログラミング講座では、ゲームやカレンダーなど「アプリとして機能するもの」を作りながらプログラミングを学ぶことができます。

POINT 02

自分のペースで

オンライン講座なので、ご自身のペースで学習を進めて頂けます。

分からないことがあっても、前のレッスンに戻ることができるので安心です。

お申し込みしたその日からからすぐに始めることができます。

POINT 03

個別サポート

プログラミング学習では、エラーが起きることはよくあります。そんな時はお気軽にお問い合わせください!

コメント欄またはメールによるサポートを回数無制限でご利用頂けます。(*講座に関連するご質問のみ対応)

今すぐ無料でお試し

0
この記事にコメントするx
記事URLをコピーしました