AndroidX ライブラリの
Toolbar
が提供する機能
ユーザーがさまざまな方法でアプリを操作できます。
次の方法については、アクションの追加と処理をご覧ください。
ボタンまたはメニュー項目であるアクションを定義します。このドキュメントでは、Google Chat で
2 つの多目的なコンポーネントがあります
- アクション ビューは、アプリバー内に豊富な機能を提供するアクションです。対象 たとえば検索アクション ビューでは、ユーザーが アクティビティやフラグメントを変更できます。
- アクション プロバイダは、独自のカスタマイズされたレイアウトを持つアクションです。最初のアクションは ボタンまたはメニュー項目として表示されます。ユーザーがアクションをタップすると、アクション プロバイダが 定義できます。たとえば、アクション プロバイダが特定のアクションに タップ操作に使用できます。
AndroidX には、専用のアクション ビュー ウィジェットとアクション プロバイダ ウィジェットがいくつか用意されています。たとえば、
SearchView
ウィジェット
検索クエリを入力するためのアクション ビューを実装します。「
ShareActionProvider
ウィジェットには、他のアプリと情報を共有するためのアクション プロバイダが実装されています。「新規顧客の獲得」目標を
独自のアクションビューとアクションプロバイダを
提供します
アクション ビューを追加する
アクション ビューを追加するには、
<item>
要素内で指定できます。詳しくは、
アクションを追加して処理する。次のいずれかの属性を
<item>
要素:
actionViewClass
: アクションを実装するウィジェットのクラスactionLayout
: アクションのコンポーネントを記述するレイアウト リソース
showAsAction
属性を "ifRoom|collapseActionView"
に設定するか、
"never|collapseActionView"
。collapseActionView
フラグは、
ユーザーがウィジェットを操作していないときにウィジェットを表示します。ウィジェットがアプリバーにある場合、
ウィジェットをアイコンとして表示します。ウィジェットがオーバーフロー メニュー内にある場合は、アプリにウィジェットが表示されます。
選択しますユーザーがアクション ビューを操作すると、アプリバー全体に展開されます。
たとえば、次のコードは SearchView
ウィジェットをアプリバーに追加します。
<item android:id="@+id/action_search" android:title="@string/action_search" android:icon="@drawable/ic_search" app:showAsAction="ifRoom|collapseActionView" app:actionViewClass="androidx.appcompat.widget.SearchView" />
ユーザーがウィジェットを操作していない場合、アプリは指定されたアイコンとしてウィジェットを表示します。
作成者: android:icon
。アプリバーにスペースがない場合、アプリはアクションを
オーバーフロー メニューを選択します。
ユーザーがアイコンやメニュー項目をタップすると、ウィジェットがツールバー全体に展開され、 操作できます。
アクションを構成する必要がある場合は、アクティビティの
onCreateOptionsMenu()
呼び出すことができます。アクション ビューのオブジェクト参照は、
getActionView()
メソッドを呼び出します。たとえば、次のコードは SearchView
のオブジェクト参照を取得します。
次のコードサンプルで定義されています。
Kotlin
override fun onCreateOptionsMenu(menu: Menu?): Boolean { menuInflater.inflate(R.menu.main_activity_actions, menu) val searchItem = menu?.findItem(R.id.action_search) val searchView = searchItem?.actionView as SearchView // Configure the search info and add any event listeners. return super.onCreateOptionsMenu(menu) }
Java
@Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.main_activity_actions, menu); MenuItem searchItem = menu.findItem(R.id.action_search); SearchView searchView = (SearchView) searchItem.getActionView(); // Configure the search info and add any event listeners. return super.onCreateOptionsMenu(menu); }
アクション ビューの拡大に対応する
アクションの <item>
要素に collapseActionView
フラグがある場合は、
アプリは、ユーザーがアクション ビューを操作するまで、アクション ビューをアイコンとして表示します。ユーザーが
アイコンをタップすると、そのアプリの
onOptionsItemSelected()
アクション ビューが開きます。アクティビティのサブクラスが
onOptionsItemSelected()
メソッドをオーバーライドするには、オーバーライド メソッドで
super.onOptionsItemSelected()
にします。これにより、スーパークラスがアクション ビューを展開できるようになります。
アクションの展開時または折りたたみ時になんらかの処理を行う場合は、
implements
MenuItem.OnActionExpandListener
,
そのクラスのメンバーを
setOnActionExpandListener()
。
たとえば、アクション ビューが開いているか、開いているかに基づいてアクティビティを更新するとします。
閉じています。次のコード スニペットは、リスナーを定義して渡す方法を示しています。
Kotlin
override fun onCreateOptionsMenu(menu: Menu?): Boolean { menuInflater.inflate(R.menu.options, menu) // Define the listener. val expandListener = object : MenuItem.OnActionExpandListener { override fun onMenuItemActionCollapse(item: MenuItem): Boolean { // Do something when the action item collapses. return true // Return true to collapse the action view. } override fun onMenuItemActionExpand(item: MenuItem): Boolean { // Do something when it expands. return true // Return true to expand the action view. } } // Get the MenuItem for the action item. val actionMenuItem = menu?.findItem(R.id.myActionItem) // Assign the listener to that action item. actionMenuItem?.setOnActionExpandListener(expandListener) // For anything else you have to do when creating the options menu, // do the following: return true }
Java
@Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.options, menu); // Define the listener. OnActionExpandListener expandListener = new OnActionExpandListener() { @Override public boolean onMenuItemActionCollapse(MenuItem item) { // Do something when the action item collapses. return true; // Return true to collapse action view. } @Override public boolean onMenuItemActionExpand(MenuItem item) { // Do something when it expands. return true; // Return true to expand the action view. } }; // Get the MenuItem for the action item. MenuItem actionMenuItem = menu.findItem(R.id.myActionItem); // Assign the listener to that action item. MenuItemCompat.setOnActionExpandListener(actionMenuItem, expandListener); // For anything else you have to do when creating the options menu, // do the following: return true; }
アクション プロバイダを追加する
アクション プロバイダを宣言するには、ツールバーのメニューに <item>
要素を作成します。
アクションを追加して処理するをご覧ください。追加
actionProviderClass
属性を指定し、
アクション プロバイダ クラス。
たとえば、次のコードは ShareActionProvider
を宣言しています。これはウィジェットです。
AndroidX ライブラリで定義されています。これにより、アプリが他のアプリとデータを共有できます。
<item android:id="@+id/action_share" android:title="@string/share" app:showAsAction="ifRoom" app:actionProviderClass="androidx.appcompat.widget.ShareActionProvider"/>
この場合、ウィジェットのアイコンを宣言する必要はありません。これは、
ShareActionProvider
は独自のグラフィックを提供します。カスタムアクションを使用する場合は
アイコンを宣言します。
参考情報
- 詳しくは、
ShareActionProvider
をご覧ください。 - 詳しくは、
ActionProvider
: カスタム アクション プロバイダの作成に関する詳細をご覧ください。