آموزش منوها در برنامه نویسی زامارین

4 سال پیش

امتیاز دهید post

آموزش منوها در برنامه نویسی زامارین

در این درس از آموزش های برنامه نویسی سایت سورس باران، با آموزش منوها در برنامه نویسی زامارین در خدمت شما هستیم.

منوهای پاپ آپ

منوی پاپ آپ به منویی متصل است که به یک view متصل است. همچنین از آن به عنوان منوی میانبر یاد می شود. بیایید ببینیم چگونه می توان یک منوی پاپ آپ به یک برنامه اندروید اضافه کرد.

یک پروژه جدید ایجاد کنید و آن را popUpMenu App بنامید. Main.axml را باز کنید و یک دکمه ایجاد کنید که برای نمایش منوی پاپ آپ استفاده می شود.

&lt;?xml version = "1.0" encoding = "utf-8"?&gt; 
&lt;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"&gt; 
   &lt;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" /&gt; 
&lt;/LinearLayout&gt;

<?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، موارد زیر را اضافه کنید.

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

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

<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&lt;Button&gt;(Resource.Id.popupButton); 
   showPopupMenu.Click += (s, arg) =&gt; { 
      PopupMenu menu = new PopupMenu(this, showPopupMenu); 
      menu.Inflate(Resource.Menu.popMenu); 
      menu.Show(); 
   }; 
}

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();

};

}

اکنون، برنامه خود را بسازید و اجرا کنید. باید خروجی زیر را به دست بیاید.

Show Popup Menu

Options Menu

Options Menu مجموعه ای از منوها است که برای یک برنامه اولیه هستند و عمدتا برای ذخیره تنظیمات، جستجو و غیره استفاده می شوند. در اینجا، ما می خواهیم یک منو برای تنظیمات با سه مورد در داخل آن ایجاد کنیم، یعنی New File Settings Help و About App.

برای ایجاد منوی گزینه ها، باید یک فایل طرح بندی XML جدید در پوشه resources ایجاد کنیم. اول از همه، ما یک فایل XML جدید اضافه خواهیم کرد. روی پوشه Layout راست کلیک کنید ، سپس به Add → New item → Visual C # → File XML بروید.

یک نام مناسب برای فایل طرح بندی انتخاب کنید. در این مثال، فایلخود را myMenu.xml فراخوانی خواهیم کرد.

در داخل myMenu.xml ، ما می خواهیم یک منوی جدید ایجاد کنیم و مواردی را به آن اضافه کنیم. کد زیر نحوه انجام آن را نشان می دهد.

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

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

<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 رفته و یک کلاس override برای ()onOptionsMenu ایجاد می کنیم.

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

public override bool OnCreateOptionsMenu(IMenu menu) {

MenuInflater.Inflate(Resource.Menu.myMenu, menu);

return base.OnPrepareOptionsMenu(menu);

}

در مرحله بعدی، ما اکشنی ایجاد می کنیم تا هنگام انتخاب منوی تنظیمات، به آن پاسخ دهیم. برای این کار، یک کلاس override دیگر برای منوی ()OnOptionsItemSelected ایجاد می کنیم.

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

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); 
      } 
   } 
}

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);

}

اکنون، برنامه خود را بسازید و اجرا کنید. باید خروجی زیر را به دست بیاید.

New File settings

منبع.

لیست جلسات قبل آموزش برنامه نویسی زامارین

امتیاز دهید post

نویسنده مطلب saber

آموزش منوها در برنامه نویسی زامارین

آموزش منوها در برنامه نویسی زامارین

منوهای پاپ آپ

Options Menu

لیست جلسات قبل آموزش برنامه نویسی زامارین

دیدگاه شما

بدون دیدگاه

آموزش منوها در برنامه نویسی زامارین

منوهای پاپ آپ

Options Menu

لیست جلسات قبل آموزش برنامه نویسی زامارین

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه