آموزش کامل ساخت bottom navigation در آندروید بصورت تصویری

با سلام خدمت دوستان عزیز در خدمتتون هستیم با آموزش کامل ساخت bottom navigation در آندروید بصورت تصویری

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

نمونه bottom ناویگیشن در زیر:

 

در قدیم استفاده از Bottom Navigation View فقط توسط کتاب خانه های مختلف امکان پذیر بود اما گوگل پس از آپدیت کتاب خانه Desgin خود Bottom Navigation View را به آن افزود.

خب همانطور که گفته شد باید از کتاب خانه Design گوگل استفاده شود پس خط زیر را به Gradle خود افزوده و منتظر شوید تا Sync شود.

برای ساخت Bottom Navigation View روش های آسونی هست.

۱-آسون ترین روشش اینه که شما با خود آندروید استودیو یک اکتیویتی بسازید

و نوع اکتیویتی رو Bottom Navigation Activity قرار بدید.

مثل تصویر زیر:

 ساخت bottom navigation در آندروید

ساخت bottom navigation در آندروید

۲-یا میتونید موقع ساخت پروژه اکتیویتی پیشفرض رو روی Bottom Navigation Activity   قرار بدید:

  • من یک پروژه با نام BottomNavigationExample با استفاده از Bottom Navigation Activity  ایجاد کرده ام. شما می توانیداکتیویتی  خالی را انتخاب کنید، هیچ تفاوتی نخواهد داشت.
  • حالا اول، رنگها را تعریف میکنیم. شما می توانید رنگ را به هر چیزی که می خواهید تغییر دهید. بنابراین در colors.xml دوتا رنگ اضافه میکنید .

حالا به strings.xml رجوع کنید و رشته های زیر را تعریف کنید.

 

سفارشی کردن bottom navigation view :

  • حالا به activity_main.xml بروید و آن را تغییر دهید همانطور که در زیر نشان داده شده است.

 

به یاد داشته باشید برای <android.support.design.widget.BottomNavigationView /> ما می توانیم از خواص زیر استفاده کنیم

  • app:itemIconTint : برای تعریف رنگ نماد مورد نظر.
  • app:itemTextColor : برای تعریف رنگ متن .
  • android:background : برای تعریف زیر پس زمینه مرور ناوبری.
  • app:menu : برای تعریف منو که ما باید در پایین نمای Navigation View نمایش داده شود.

در حال حاضر، اگر شما پروژه را با استفاده از bottom navigatio Activity  ایجاد کردید، یک فایل منو به نام navigation.xml به طور پیش فرض در داخل پوشه منو ایجاد می شود. اگر ایجاد نشد، می توانید آن را به صورت دستی ایجاد کنید. در اینجا ما تمام آیتم های منو را مشخص می کنیم که ما باید در نوار ناوبری پایین نمایش داده شود.

 

خب حالا برای هر صفحه باید یه فرگمنت بسازیم:

فایلهای fragment_home.xmlfragment_dashboard.xmlfragment_notifications.xml و fragment_profile.xml.رابسازید

وکدهای پایین داخلشون قرار بدید یادتون نره که مقادیر تکست ویو رو تغییر بدید.

حالا فایلهای جاوای فرگمنت ها رو  با نام های HomeFragment.java, DashboardFragment.java, NotificationsFragment.java و ProfileFragment.java. بسازید

اینجام یادتون نره که لایوت هارو به کلاسمون معرفی کنیم.

وکدهای پایینو داخلشون قرار بدید.

 

و در آخر کدهای MainActivity رو بصورت زیر قرار بدهید.

 

حالا اپلیکشنتون رو یه بار اجرا کنید باید مثل زیر باشه

کار با bottom navigation و فرگمنت ها

کار با bottom navigation و فرگمنت ها

خب تموم شد امیدوارم این مطلب براتون مفید باشه.

همچنین ببینید:

سورس صدای زنگ آندروید متریال دیزاین بهمراه پنل مدیریت تحت وب

معرفی سایت کریپتوتب و نحوه کار با افزونه یا مرورگر کریپتوتب برای دریافت بیت کوین رایگان

آموزش دابل بک یا دوبار زدن دکمه عقب برای خروج در برنامه نویسی آندروید-هیروتک

سورس تلگرام ضد فیلتر پروکسی دار مانند سورس تلگرام طلایی با پنل مدیریت

 

اگر مطلب را می پسندید لطفا آنرا به اشتراک بگذارید.

دیدگاهی بنویسید

لطفا جواب معادله امنیتی زیر را وارد کنید *

0
تماس با ما

لطفا پیام خود را ار سال نمایید

سلام چه کمکی میتونم بکنم!

برای شروع چت کلیک کنید