دوره های آموزشی
خانه / آموزش اندروید / ساخت Navigation Drawer در اندروید

ساخت Navigation Drawer در اندروید

در این مقاله ساخت Navigation Drawer در اندروید ، یاد خواهیم گرفت که چگونه از یک ” Navigation Drawer” برای اکتیویتی های مختلف استفاده کنیم. Navigation Drawer یک ویجت مهم در اپلیکیشن اندروید است که بر اساس انتخاب کاربر Fragments های Navigation در هنگام بارگذاری بصورت صفحه های مختلفی مشاهده می شوند. اما گاهی اوقات ، استفاده از Fragments با  Navigation می تواند باعث ایجاد مشکلاتی شود. به جای استفاده از Fragment ها، ما می توانیم از روش پایین که بسیار ساده است بهره بگیریم.

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

مرحله ۱: یک پروژه جدید را با Navigation Drawer Activity ایجاد کنید.
مرحله ۲: یک BaseActivity که از AppCompatActivity ارث بری دارد را ایجاد نمایید.
مرحله ۳: اکتیوتی ها بعد را  با استفاده از ارث بری از BaseActivity ایجاد کنید.
مرحله ۴: از منوی عملیات ، قابلیت هایی را به Navigation بیافزایید.

بدون هیچ مقدمه ای دیگر، وارد قسمت کد نویسی می شویم.

 

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

مرحله ۱ – ساخت navigation drawer در اندروید :

۱٫ Android Studio را باز کرده و یک پروژه جدید ایجاد کنید.
۲٫ نامی دلخواه را به عنوان نام پروژه خود انتخاب کنید و Navigation Drawer activity را انتخاب کنید.

.ساخت navigation drawer در اندروید

۳٫ برای ایجاد یک پروژه جدید در Android Studio، روی دکمه Finish کلیک کنید.

مرحله  ۲ – ساخت navigation drawer در اندروید :

۱- در این مرحله، Navigation Drawer activity را به BaseActivity تغییر نام می دهیم. به عنوان مثال، من “MainActivity” را به “BaseActivity” تغییر نام دادم.

۲- بخش پیش فرض کدگذاری در BaseActivity را ، بصورتی که در زیر نشان داده شده است تغییر دهید.

  •  والد این اکتیویتی  AppCompatActivity است. بنابراین، BaseActivity را می توان به عنوان Parent Activity برای دیگران بمنظور دسترسی به ویژگیها و قابلیتهای AppCompatActivity استفاده نمود.
  •  این اکتیوتی OnNavigationItemSelectedListener را پیاده سازی کرده است .  بنابراین، در اینجا می توانید navigation of activities را راه اندازی کنید .

بخش کدنویسی :

     فایل content_main.xml را ایجاد کنید و FrameLayout را همانطوری که در زیر نشان داده شده است به عنوان Parent Layout اضافه کنید. این Frame Layout برای اتصال و ارتباط children layouts مورد استفاده قرار می گیرد.

 

در اینجا، FrameLayout دارای یک id با نام “content_frame” می باشد .

فایل BaseActivity.java خود را باز کنید و کد زیر را اضافه کنید. در اینجا، activity_main.xml برای content_main.xml استفاده شده است.

  • Drawer Layout برای پیاده سازی Sidemenu در اندروید استفاده می شود.
  •  در اینجا class و SecondActivity.class به عنوان اکتیوتی های فرزند BaseActivity استفاده می شود.
 

در اینجا، StartAnimatedActivity (اینتنت) برای شروع فعالیتی با انیمیشن مورد استفاده قرار می گیرد.

مرحله ۲

۱- یک  Activity جدید ایجاد کرده و برای آن نامی انتخاب کنید . والد این کلاس را از AppCompatActivity به BaseActivity تغییر دهید.
۲- بار دیگر، یک  Activity جدید  ایجاد کرده و آن را  نامگذاری کنید. والد این کلاس را از AppCompatActivity به BaseActivity تغییر دهید.

مرحله ۳

۱-همانطور که در زیر نشان داده شده است SetContentView را در متد onCreate فایل های ایجاد شده در مرحله ۲ جایگزین کنید.

بخش کد نویسی :

 

در اینجا لایوت activity_first.xml ،  برای فعالیت FirstActivity.java می باشد. از این روش برای مشخص کردن لایوت در BaseActivity استفاده می شود.
کد کامل برای FirstActivity.java

 

در اینجا، من از متد onBackPressed برای بستن DrawerLayout و بستن اپلیکیشن استفاده کرده ام .

به این ترتیب، می توانید از NavigationView مشابهی برای تمام فعالیت ها استفاده کنید. همچنین می توانیم فعالیت های دیگری را با همان رویکرد برای نمایش NavigationView ایجاد کنیم.

نکته:

      فراموش نکنید که launcher activity خود را به FirstActivity تغییر دهید.

دانلود پروژه ساخت Navigation Drawer در اندروید

دانلود پروژه

 

درباره ی برنامه نویسان

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

آموزش WebView در اندروید استودیو

WebView اندروید به شما این امکان را می‌دهد یک صفحه وب را تحت عنوان بخشی ...

یک دیدگاه

  1. خیلی ممنونم از آموزش خوبتون . خسته نباشید ♥

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

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