image آموزش زبان Perl در ۱ ساعت image آموزش progress bar در اندروید + سورس کد

دنیای هفت کد

آموزش برنامه نویسی اندروید با اندروید استودیو (جلسه ی هشتم)

Untitled-1

سلام به تمام دنبال کنندگان ۷ کد.

در این جلسه به آموزش ایجاد navigation drawer در اندروید می پردازیم

توجه:این آموزش ترجمه شده  و ویرایش شده ی آموزش یک سایت خارجی است که توسط Ravi Tamada (یکی از بهترین استاد های آموزش اندروید(مثل من ☺️)) نوشته شده.

اگر کد ها را امتحان کردید و کار نکرد تقصیر بنده نیست چون کد ها رو امتحان نکردم.در ضمن توضیح خط به خط کد ها رو نیز انجام ندادم.در هر صورت ببخشید.

برای دیدن اولین آموزش Material Design روی دکمه ی روبرو کلیک کنید U+2190.svg                                                                    آغاز Material Design

برای شروه آموزش به ادامه ی مطلب بروید …

۱-یک پروژه به نام Navigation Drawer درست کنید و به پوشه ی جاوا ی خود بروید و این سه پوشه را در آن ایجاد کنید activity, adapter, model.

فایل MainActivity.java رو به فایل activity انتقال دهید.

۲-فایل build.gradle را باز کنید که در زیر app ماژول قرار دارد و وابستگی های زیر را به آن اضافه کنید. بعد از اضافه کردن به فایل Build ⇒ Rebuild Project برید تا کتابخانه ی مورد نیاز را بارگزاری کنید.

۳-در زیر پکیج model یک کلاس به نام NavDrawerItem.java بسازید . این کلاس برای گزینه های داخل Navigation Drawer  است.

۴- در پوشه ی res ⇒ layout فایلی به نام  nav_drawer_row.xml همراه با کد های زیر ایجاد کنید. layout شامل سطر های موجود در Navigation Drawer هست. اگر می خواهید گزینه های موجود در Navigation Drawer را تغییر دهید برای تغییرات را روی این فایل اعمال کنید.در حال حاضر فقط یک TextView در این فایل هست.

۵- آیکون زیر را دانلود کنید و در پوشه ی drawable کپی کنید.

1465920644_Customers_Filled

۶- فایل layout دیگری بسازید و نام آن را  fragment_navigation_drawer.xml بزارید و کد های زیر را در آن درج کنید. این فایل چهره ی Navigation Drawer شما رو ایجاد می کند. همچنین شامل اطلاعات و عکس کاربر در قسمت بالای هست.

۷- تا اینجا RecyclerView تغییر کرد . حال به یک فایل اتصال دهنده نیاز داریم.بدین منظور به فایل adapter بروید و فایل NavigationDrawerAdapter.java به همراه کد های زیر را در آن ایجاد کنید.

۸- در فایل activity فایل FragmentDrawer.java ایجاد کنید . برای ساخت یک fragment در Android Studio به روش زیر عمل کنید.

Right click on activity ⇒ New ⇒ Fragment ⇒ Fragment (Blank)

کد های زیر را در این فایل درج کنید.

۹-در نهایت فایل activity_main.xml باز کنید.در این بخش ما android.support.v4.widget.DrawerLayout رو اضافه می کنیم تا Navigation Drawer نمایان شود.

۱۰-حالا MainActivity.java باز کنید و کد ها را بدین صورت تغییر کنید

بسیار خب حالا اگر شما برنامه را اجرا کنید Navigation Drawer به همراه چند گزینه می بینید.(البته در تصویر زیر TaskBar را نیز مشاهده می کنید که در جلسه ی قبلی به آن پرداختیم اگر مایلید که شما هم این آموزش را ببینید اینجا کلیک کنید)

androd-material-design-navigation-drawer

ایجاد گزینه یانتخابی در Navigation Drawer 

اگر در برنامه گزینه ها را امتحان کنید می بیندی که کار نمی کند یعنی عمل خاصی انجام نمی دهد.دلیل آن این است که ما برای گزینه ها دستوری تعریف نکردیم.این کار چندان سخت نیست. چون ما ۳ گزینه در منو ی خود داریم  (Home, Friends & Messages) باید سه fragment class جدا برای هر کدام ایجاد کنیم.

۱۱- در فایل res فایلی به نام  fragment_home.xml ایجاد کنید و کد های زیر را در آن کپی کنید.

۱۲-در فایل activity فایلی به نام HomeFragment.java ایجاد کنید و کد های زیر را به آن اضافه کنید.

۱۳-چهار فایل  FriendsFragment.java ، MessagesFragment.java ،  fragment_friends.xml ، fragment_messages.xml را ایجاد می کنید و به صورت که در دو مرحله ی ۱۲ و ۱۱ گفتیم کد ها را اضافه می کنید.

۱۴-فایل MainActivity.java باز می کنید و کد های موجود را بدین صورت تغییر می دهیم.

حال اگر برنامه را اجرا کنید خواهید دید که Navigation Drawer همراه با گزینه های عملگرا وجود دارد که هر گزینه به صورت زیر عمل می کند.

android-material-design-navigation-drawer-1

android-material-design-navigation-drawer-2

android-material-design-navigation-drawer-3

کار ما در این جلسه به پایان رسید.اگر سوالی در ارتباط با آموزش داشتید حتما در بخش نظرات مطرح کنید.نزارید سوالی در ذهنتان بماند.

در جلسه ی بعد به ایجاد تب در اندروید می پردازیم.

برای طرح سوال و رفع اشکال در گروه تلگرام زیر عضور شوید.

 گروه رفع اشکال تلگرام

برای اطلاع از آخرین آموزش های اندروید در کانال زیر عضو شوید.

  کانال اطلاع رسانی آموزش ها

شاد باشید.

سید علی محمد رسولی دینانی
درباره سید علی محمد رسولی دینانی
عاقلان نقطه پرگار وجودند ولی عشق داند که در این دایره سرگردانند
نوشته های مرتبط
  • همه موارد
  • نویسنده
  • دسته بندی
  • تگ

نظرتان را بنویسید

ایمیل شما نمایش داده نمی شود.

logo-samandehi
حامیان ما :
aparat aparat aparat aparat
شبکه های اجتماعی :
aparat aparat aparat aparat aparat

پیامک : 30007006000096 ایمیل : 7code.ir@gmail.com