خانه / برنامه نویسی / برنامه نویسی اندروید / Basic4Android / آموزش ساخت منو در بیسیک۴آندروید

آموزش ساخت منو در بیسیک۴آندروید

آموزش ساخت منو در بیسیک۴آندروید

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

ضمنا این آموزش با کتابخانه SlidingMenuWrapper ساخته شده و سعی کردیم کلیه نکته ها رو تا جایی که می شه آموزش  بدیم …

۱

حالا شروع می کنیم به آموزش و ساخت menu

در اولین مرحله مثل همیشه در صفحه اصلی به پنجره designer وارد میشویم و از پنجره ظاهر شده از زیر منوی AddView بر روی ImageView کلیک کنید تا در پیش نمایش نشون داده یشه و اون رو به برنامه معرفی می کنیم . نام این ImageView رو img1 بگذارید و اون رو به برنامه معرفی کنید و رویداد img1_Click رو هم تعریف کنید …

img1 قراره کار دکمه باز و بسته شونده منوی ما رو انجام بده … و اون رو در بالا سمت چپ مانند شکل زیر قرار بدین

۲

دوستان میتونید داخل این layout هم یک بگراند بزارید تا برنامه زیباتر بشه مانند شکل زیر

۳

خب حالا هم مثل همیشه layout رو با نام main  ذخیره می کنیم

حالا به صفحه کد نویسی می رویم تا کد نویسی رو شروع کنیم

در صفحه کد نویسی ما به قسمت Sub Globals باید کد های زیر رو بنویسیم

این نکته رو بگم که برای ساخت منو احتیاج نیست در قسمت designerیکListView رو بسازیم و باید به صورت کد نویسی این کار رو انجام بدیم

در عکس پایین مشاهده می کنید
خب می بینید که در خط ۲۲ img1 تعریف شده هستش
و در خط ۲۳ ما یک SlidingMenu از کتابخانه SlidingMenuWrapper تعریف می کنیم که بدنه منوی ما رو تشکیل می ده
و در خط ۲۴ یک ListView نعریف می کنیم که باید لیست منوی ما در اون قرار بگیره
و در خط ۲۵ هم متغییری از نوع Typeface جهت نمایش نوع فونت در لیست ویو تعریف می کنیم .

۴

حالا باید به قسمت Activity_Create بریم و کد های زیر رو بنویسیم

در عکس پایین مشاهده می کنید
در خط ۳۰  ما Layout رو فراخوانی می کنیم
و در خط ۳۱ ما متغییر Typeface رو فراخوانی می کنیم
در خط ۳۲ ما SlidingMenu1 رو Initialize و نام   menu  رو برای اون انتخاب می کنیم
در خط ۳۳ ما  listview1  رو Initialize و نام   list رو برای اون انتخاب می کنیم

۵در عکس پایین مشاهده می کنید
در خط ۳۶ برای SlidingMenu1 یک مقدار از نوع BehindOffset جهت نمایش فاصله منو به صفحه رو تنظیم می کنه منظور اینه که منوی ما چقدر باز بشه
در خط ۳۷ برای SlidingMenu1 یک مقدار از نوع Mode جهت نمایش منو در سمت چپ صفحه نمایش گوشی قرار می دیم .
در خط ۳۸ برای SlidingMenu1 میایم و listview1 خودمون رو به اون نسبت میدیم و میگیم کجا و اندازش چقدر باشه .

۶

در عکس پایین مشاهده می کنید
در خط ۴۱ تا ۴۳ سه منو از نوع AddSingleLine2 می نویسیم . شما می تونید بیشترش کنید

۷

حالا می خوایم برای listview1  و منوهای و یا AddSingleLine2  ها بگراند قرار بدیم
در خط ۴۴ ما یک متغییر از نوع BitmapDrawable تعریف می کنیم
در خط ۴۵ ما  BitmapDrawable رو Initialize و  اون رو Load  می کنیم
در خط ۴۶ ما  listview1  رو با SingleLineLayout به BitmapDrawable معرفی می کنیم
در خط ۴۷ ما  listview1  می گیم که پهنای  AddSingleLine2  چقدر باشه.

۸

 

در خط ۵۱ ما یک متغییر از نوع Label جهت تغییراتی در Label که در listview1 وجود دارد تعریف می کنیم این مورد همان تغییر در نوع و مکان قرار گیری SingleLine در listview1 می باشد .
در خط ۵۲ Label  رو به SingleLineLayout در listview1  رو فعال کردیم
در خط ۵۳ Label   رو به چپ قسمت نمایش منو فراخوانی می کنیم
در خط ۵۴ Label  رو میگیم که از سمت چپ ۱۲۰dip + به سمت راست بره تا لیبل دقیق در جای خود قرار بگیره .
در خط ۵۵ Label  رو مقدار پهنای لیبل رو میگیم

در خط ۵۶ Label  رو به فونت که قبلا تعریف کردیم معرفی می کنیم
در خط ۵۷ Label  رو  سایز میدیم
در خط ۵۸ Label  رو از بالای خط منو ۲۰dip تا از بالا به پایین میاره
در خط ۵۹ Label  رو رنگ میدیم خب حالا کار در این قسمت تمام شد و End Sub

۹

در عکس پایین مشاهده می کنید
حالا باید بریم بر روی img1_Click که قبلا اون رو تعریف کرده بودیم بگیم که برای ما منو رو باز و بسته کنه ..
دوستان اینجا باید بگیم اگه SlidingMenu1 مخفی(Visible) و غیر فعال (False)بود اون رو نشون بده(ShowMenu) و اگه  باز هم SlidingMenu1 ما مخفی (Visible) و فعال (True) بود اون رو نشون نده (HideMenus).

۱۵

خب حالا باید برای listview1 که اسم اون رو List قرار دادیم بگیم که بر روی هر کدام که از آنها که کلید شد چه کاری رو انجام بده که همانند شکل زیر انجام میدیم
دقت داشته باشید که Position اول باید برابر با ۰ (صفر) و به ترتیب ۱ و ۲ و غیره بزاریم و هر رویدادی که خواستید در آنها قرار بدید .

۱۰

در این قسمت می خوایم منومون رو با کلید منوی گوشی موبایل باز و بسته کنیم که تقریبا با کد های بالا مشابه و لی باید برای اون Activity_KeyUp تعریف کنیم که برای این کار کلمه Sub رو بزنید یک Space و سپس دکمه tab رو بزنید و از گزینه های باز شده بر روی Activity سپس  KeyUpکلید کنید و نام event اون رو Activity و سپس کد های زیر رو بنویسید

۱۱

خب حالا برنامه رو ذخیره و اجرا کنید.

برگرفته از وب سایت   chandresane.com

درباره ی محسن یوسف زاده کبریا

محسن یوسف زاده کبریا
محسن یوسف زاده، در روستای کبریاکلا (بابلکنار) به دنیا اومدم. به طبیعت، هنر، عکاسی و البته طراحی وب علاقه دارم.البته شغلم معلمی است.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

هاست