آموزش ساخت منوی متریال به همراه سورس – 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,0%x,0%x,100%y,100%y)

	Nav.Initialize("menu",p_menu,80%x)
	Nav.ContentPanel.LoadLayout("Main")
	Nav.NavigationPanel.LoadLayout("menu")
	Nav.SetEdgeSize(Nav.GRAVITY_END,100dip)
	
	lbl_title.Text="منوی متریال"
	lbl_title.TextColor=Colors.White
	lbl_title.TextSize=14
	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( 11, 129, 197 )
	lst_items.SingleLineLayout.ItemHeight=8%y
	lst_items.SingleLineLayout.Label.TextSize=15
	lst_items.SingleLineLayout.Label.Typeface=Typeface.LoadFromAssets("bnazanin.ttf")
	lst_items.SingleLineLayout.Label.Gravity=Gravity.CENTER
	lst_items.Color=Colors.RGB(231, 229, 229)
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 برای هر گزینه یه شرط میزاریم که اگه کلیک شد، کار دلخواهی را انجام دهد.

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

در پایان سورس را به همراه کتابخانه دریافت کنید.

موفق باشید.