آموزش ساخت منوی متریال به همراه سورس – B4A
سلام.
با یک آموزش دیگه از بیسیک فور اندروید در خدمتتون هستیم، منو در هر اپلیکیشن اندرویدی جزو ملزومات هست، لذا در این پست آموزشی با هم میخوایم یک منوی متریال فوق العاده شیک را طراحی کنیم؛ در ادامه همراه بپرسم باشید.
منوی متریالی که میخواهیم طراحی کنیم به شکل زیر است:
منوی متریال
آموزش:
- ابتدا باید کتابخانه AHNavigationDrower را به برنامه اضافه کنید(در انتهای آموزش همراه با سورس میتونید دانلود کنید)
- سپس نیاز به چند ویو داریم که آنها را در Sub_Globals تعریف میکنیم:
|
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ |
Sub Globals Dim Nav As AHNavigationDrawer Dim p_menu As Panel Private img_banner As ImageView Private lst_items As ListView Private lbl_title As Label Private img As ImageView Private img_title As ImageView End Sub |
- برای ساخت منو کدهای زیر را در Activity_Create قرار دهید.
|
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ ۱۲ ۱۳ ۱۴ ۱۵ ۱۶ ۱۷ ۱۸ ۱۹ ۲۰ ۲۱ ۲۲ ۲۳ ۲۴ ۲۵ ۲۶ ۲۷ ۲۸ ۲۹ ۳۰ ۳۱ ۳۲ ۳۳ ۳۴ |
Sub Activity_Create(FirstTime As Boolean) Activity.LoadLayout("main") p_menu.Initialize("") Activity.AddView(p_menu,۰%x,۰%x,۱۰۰%y,۱۰۰%y) Nav.Initialize("menu",p_menu,۸۰%x) Nav.ContentPanel.LoadLayout("Main") Nav.NavigationPanel.LoadLayout("menu") Nav.SetEdgeSize(Nav.GRAVITY_END,۱۰۰dip) lbl_title.Text="منوی متریال" lbl_title.TextColor=Colors.White lbl_title.TextSize=۱۴ lbl_title.Typeface=Typeface.LoadFromAssets("bnazanin.ttf") lbl_title.Gravity=Gravity.CENTER img.SetBackgroundImage(LoadBitmap(File.DirAssets,"beporsim_logo_my_small.png")) img.Gravity=Gravity.CENTER img_title.SetBackgroundImage(LoadBitmap(File.DirAssets,"menu.png")) img_banner.SetBackgroundImage(LoadBitmap(File.DirAssets,"banner_menu.jpg")) lst_items.AddSingleLine("دسته بندی ها") lst_items.AddSingleLine("تماس با ما") lst_items.AddSingleLine("بپرسم") lst_items.AddSingleLine("طراحی سایت") lst_items.SingleLineLayout.Label.TextColor=Colors.RGB( ۱۱, ۱۲۹, ۱۹۷ ) lst_items.SingleLineLayout.ItemHeight=۸%y lst_items.SingleLineLayout.Label.TextSize=۱۵ lst_items.SingleLineLayout.Label.Typeface=Typeface.LoadFromAssets("bnazanin.ttf") lst_items.SingleLineLayout.Label.Gravity=Gravity.CENTER lst_items.Color=Colors.RGB(۲۳۱, ۲۲۹, ۲۲۹) End Sub |
تا اینجای کار اگر پروژه را اجرا کنید، می بینید که منو به برنامه اضافه شده است، ولی روی گزینه ها که کلیک کنید هیچ اتفاقی نمی افتد!
برای درک بیشتر کدهای بالا پیشنهاد میکنیم آموزش ساخت منو را که قبلا در سایت گذاشته شده را ببینید، برای مشاهده آموزش کلیک کنید.
- حال برای مدیریت هر یک از گزینه های منو به شکل زیر عمل میکنیم:
|
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ |
Sub lst_items_ItemClick (Position As Int, Value As Object) If Value="دسته بندی ها" Then ToastMessageShow("روی دسته بندیها کلیک شده است",True) Else If Value="تماس با ما" Then ToastMessageShow("beporsam.ir/contact_us/",True) Else If Value="بپرسم" Then ToastMessageShow("www.beporsam.ir",True) Else If Value="طراحی سایت" Then ToastMessageShow("www.fadev.ir",True) End If End Sub |
که در رویداد ItemClick برای هر گزینه یه شرط میزاریم که اگه کلیک شد، کار دلخواهی را انجام دهد.
حالا با کمی سلیقه میتوانید منوی متریالی زیبا بسازید.
در پایان سورس را به همراه کتابخانه دریافت کنید.
موفق باشید.
ارسال نظر
شما باید وارد شوید یا عضو شوید تا بتوانید نظر ارسال کنید