Xamarin-メニュー

ポップアップメニュー

ポップアップメニューは、ビューに添付されているメニューを指します。とも呼ばれますshortcut menu。Androidアプリにポップアップメニューを追加する方法を見てみましょう。

新しいプロジェクトを作成し、それを呼び出します popUpMenu App。開いたMain.axml ポップアップメニューを表示するために使用するボタンを作成します。

<?xml version = "1.0" encoding = "utf-8"?> 
<LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" 
   android:orientation = "vertical" 
   android:background = "#d3d3d3" 
   android:layout_width = "fill_parent" 
   android:layout_height = "fill_parent"> 
   <Button 
      android:id = "@+id/popupButton" 
      android:layout_width = "fill_parent" 
      android:layout_height = "wrap_content" 
      android:text = "Show popup menu" 
      android:background = "@android:color/holo_green_dark" 
      android:textColor = "@android:color/black" /> 
</LinearLayout>

下に新しいフォルダを作成します Resources フォルダとそれを呼び出す Menu。Menuフォルダー内に、という新しいxmlファイルを追加します。popMenu.xml

popMenu.xml、次のメニュー項目を追加します。

<?xml version = "1.0" encoding="utf-8"?> 
<menu xmlns:android = "http://schemas.android.com/apk/res/android"> 
   <item 
      android:id = "@+id/file_settings" 
      android:icon = "@drawable/img_settings" 
      android:title = "Settings" 
      android:showAsAction = "ifRoom"> 
     
      <item 
         android:id = "@+id/new_game1" 
         android:icon = "@drawable/imgNew" 
         android:title = "New File Settings"/> 
      <item 
         android:id = "@+id/help" 
         android:icon = "@drawable/img_help" 
         android:title = "Help" /> 
      <item 
         android:id = "@+id/about_app" 
         android:icon = "@drawable/img_help" 
         android:title = "About app"/> 
   </item> 
</menu>

メニュー項目を追加したら、に移動します mainActivity.cs ボタンクリック時にポップアップメニューを表示します。

protected override void OnCreate(Bundle bundle) { 
   base.OnCreate(bundle); 
   SetContentView(Resource.Layout.Main); 
   Button showPopupMenu = FindViewById<Button>(Resource.Id.popupButton); 
   showPopupMenu.Click += (s, arg) => { 
      PopupMenu menu = new PopupMenu(this, showPopupMenu); 
      menu.Inflate(Resource.Menu.popMenu); 
      menu.Show(); 
   }; 
}

次に、アプリケーションをビルドして実行します。次の出力が生成されます-

オプションメニュー

オプションメニューは、アプリの主要なメニューのコレクションであり、主に設定の保存や検索などに使用されます。ここでは、3つの項目を含む設定のメニューを作成します。 New File Settings, Help, and About App

オプションメニューを作成するには、resourcesフォルダーに新しいXMLレイアウトファイルを作成する必要があります。まず、新しいXMLファイルを追加します。を右クリックしますLayout folder、次に Add → New item → Visual C# → XML File

に適切な名前を選択してください layout file。この例では、ファイルを呼び出しますmyMenu.xml

内部 myMenu.xml、新しいメニューを作成し、その中にアイテムを追加します。次のコードは、その方法を示しています。

<?xml version = "1.0" encoding = "utf-8"?> 
<menu xmlns:android = "http://schemas.android.com/apk/res/android"> 
  <item 
      android:id = "@+id/file_settings" 
      android:icon = "@drawable/img_settings" 
      android:title = "Settings" 
      android:showAsAction = "ifRoom">
      
      <menu> 
         <item 
            android:id = "@+id/new_game1" 
            android:icon = "@drawable/imgNew" 
            android:title = "New File Settings" /> 
         <item 
            android:id = "@+id/help" 
            android:icon = "@drawable/img_help" 
            android:title = "Help" /> 
         <item 
            android:id = "@+id/about_app" 
            android:icon = "@drawable/img_help" 
            android:title = "About app"/> 
      </menu> 
   </item> 
</menu>

次に、に移動します MainActivity.cs のオーバーライドクラスを作成します onOptionsMenu()

public override bool OnCreateOptionsMenu(IMenu menu) { 
   MenuInflater.Inflate(Resource.Menu.myMenu, menu); 
   return base.OnPrepareOptionsMenu(menu); 
}

次に、に応答するアクションを作成します settings menu選択されたとき。これを行うには、別のオーバーライドクラスを作成します。OnOptionsItemSelected() メニュー。

public override bool OnOptionsItemSelected(IMenuItem item) { 
   if (item.ItemId == Resource.Id.file_settings) { 
      // do something here... 
      return true;  
   } 
   return base.OnOptionsItemSelected(item); 
}

最終的な完全なコードは次のようになります-

namespace optionsMenuApp {     
   [Activity(Label = "options Menu", MainLauncher = true, Icon = "@drawable/icon")] 
   public class MainActivity : Activity { 
      public override bool OnCreateOptionsMenu(IMenu menu) { 
         MenuInflater.Inflate(Resource.Menu.myMenu, menu); 
         return base.OnPrepareOptionsMenu(menu); 
      } 
      public override bool OnOptionsItemSelected(IMenuItem item) { 
         if (item.ItemId == Resource.Id.file_settings) { 
            // do something here... 
            return true;  
         } 
         return base.OnOptionsItemSelected(item); 
      } 
   } 
}

次に、アプリケーションをビルドして実行します。次の出力が生成されます-