آموزش اندروید با کاتلین و استاندارد گوگل __ فصل ۳: نویگیشن

بسته آموزش Navigation در اندروید، در واقع فصل سوم از بسته جامع آموزش برنامه نویسی اندروید با کاتلین و استاندارد گوگل (+) است.

کامپوننت Navigation چیست ؟

کامپوننت Navigation برای مدیریت صفحه‌های اپلیکیشن و حرکت از یک صفحه به صفحه دیگر در اندروید اضافه شده است. این کامپوننت بخشی از مجموعه Android Jetpack و کتابخانه‌های Androidx است.

با این کامپوننت و گراف navigation.xml می‌توان ارتباط صفحه‌های اپلیکیشن را گرافیکی طراحی و در یک نما مدیریت کرد. سپس می‌توان این ارتباطات و مسیرها را با id در بخش کد فراخوانی و و در پاسخ به رویدادهای مختلف اجرا کرد.

• با کامپوننت Navigation و فراگرفتن اصولی آموزش Navigation در اندروید، طراحی منوی کشویی (Navigation Drawer) و منوی گزینه‌ها (Options Menu) و مدیریت گزینه‌های آن‌ها بسیار ساده و اصولی می‌شود.
• با کامپوننت Navigation تخصیص انیمیشن حین رفتن از یک صفحه به صفحه دیگر (ظاهر شدن صفحه جدید) بسیار ساده می‌شود.
• با کامپوننت Navigation بردن اطلاعات از یک صفحه به صفحه دیگر در اندروید بسیار اصولی، ساده، ایمن و کم اشتباه می‌شود.
• با کامپوننت Navigation رفتن از داخل اپلیکیشن به دیگر اپلیکیشن‌ها مثلا برای اشتراک گذاری محتوا یا باز کردن دوربین و … بسیار اصولی می‌شود.

در این دوره چه می‌آموزیم؟

در این بخش، آموزش Navigation در اندروید را در یک نگاه با هم مرور می‌کنیم (برای ریز سرفصل‌ها به انتهای این مطلب مراجعه کنید). ما این دوره را پروزه محور پیش می‌بریم و همزمان با ساخت و تکمیل یک اپلیکیشن بازی پرسش و پاسخ، مفاهیم هم گفته می‌شوند. با مفهوم فرگمنت و مفهوم Navigation شروع می‌کنیم.

المان پایه در گراف نویگیشن، فرگمنت است. پس نخست یاد می‌گیریم که چطور یک فرگمنت را به پروزه اضافه و به کلاس آن وصل کنیم. سپس گام به گام مسائل حرکت بین فرگمنت‌ها (صفحه‌های اپلیکیشن) را یاد می‌گیریم.

چطور باید یگ گراف نویگیشن را طراحی کرد؟ چطور باید اطلاعات را از یک صفحه به صفحه دیگر برد؟ کامپوننت نویگیشن چه کمکی به پیاده سازی منوی کشویی و منوی گزینه‌ها می‌کند؟ چطور باید Back Stack را مدیریت کرد؟

پاسخ به این سوالات در قالب پیش بردن پروژه بازی گام به گام داده می‌شود. همچنین با مفهوم Intent در اندروید و نقش نویگیشن در اینتنت‌های Explicit و Implicit آشنا خواهیم شد. اینتنت اشتراک گذاری محتوا و رفتن به اپلیکیشن‌های دیگر را می‌آموزیم. اینتنت رفتن به دیگر صفحه‌ها و رفتن به یک نشانی وب و نیز برقراری تماس تلفنی را نیز می‌آموزیم.

همچنین در این آموزش Navigation در اندروید، با طراحی انیمیشن‌ و افزودن آن به لحظه انتقال به صفحه جدید را فرا می‌گیریم. دو نوع اصلی انیمیشن شامل انیمیشن‌ آلفا و انیمیشن بر اساس مختصات x و y را می‌آموزیم.

ویژگی‌های این آموزش

• مطابق با استاندارد گوگل
• آموزش اندروید با کاتلین
• برنامه‌نویسی اندروید با معماری MVVM
• هم برای حرفه‌ای‌ها و هم برای مبتدیان
• شرح دقیق مفاهیم همراه با کدنویسی

پیشنیاز این آموزش

آشنایی مقدماتی با زبان برنامه‌نویسی کاتلین

آشنایی با ساختار پروژه اندروید (مبتدیان این آموزش را ببینند)

آشنایی با xml و رابط کاربری اندروید (مبتدیان این آموزش را ببینند)

مخاطب این آموزش

اگر برنامه‌نویس مبتدی اندروید هستید و دو فصل گذشته از آموزش اندروید با استاندارد گوگل را دیده‌اید، این فصل سوم در ادامه آن‌ها باید دیده شود.  همچنین اگر برنامه‌نویس حرفه‌ای با سابقه توسعه اندروید (اما توسعه سنتی) هستید. حتما باید برای مهاجرت به معماری MVVM و توسعه اصولی اندروید این آموزش را ببینید.

کلیدواژگان

آموزش اندروید با کاتلین – آموزش برنامه نویسی اندروید با کاتلین – برنامه نویسی اندروید در اندروید استودیو – آموزش navigation در اندروید – فیلم آموزش نویگیشن در اندروید – نویگیشن دراور در اندروید استودیو – نویگیشن اندروید – مفهوم intent در اندروید – اینتنت در اندروید – آموزش اندروید استودیو

سرفصل مطالب

درس اول:‌ معرفی اپلیکیشنی که خواهیم ساخت
– معرفی اپلیکیشن این آموزش آنگونه که در پایان خواهد شد
– ما در این اپلیکیشن منو داریم
– ما در این اپلیکیشن منوی کشویی داریم
– در این اپلیکیشن ارتباط بین صفحه‌ها با گراف Navigation طراحی شده
– همه صفحه‌ها در این اپلیکینش فرگمنت هستند
– گزینه اشتراک گذاری داریم
– گزینه رفتن به یک وب سایت داریم
– گزینه تماس تلفنی داریم
– هنگام حرکت بین صفحه‌ها انیمیشن داریم
– گزینه بازگشت مدیریت شده طوری که گاهی دو گام به عقب برمی‌گردیم
– هنگام حرکت بین صفحه‌ها می‌توانیم داده‌هایی را با خود ببریم

درس دوم: فرگمنت چیست؟
– فرگمنت چیست و چه کاربردی دارد؟
– معرفی فرگمنت از اندروید 3.0
– جایگاه فرگمنت به عنوان یک View و تفاوت آن با View
– فرق فرگمنت (Fragment) و اکتیویتی (َزActivity)

درس سوم: مسیردهی یا نویگیشن چیست؟
– مسیردهی یا navigation در اندروید چه جاهایی شنیده می‌شود؟
– مسیردهی سنتی با حرکت بین اکتیویتی‌ها
– مسیردهی نوین اندروید با حرکت بین فرگمنت‌ها
– مفهوم پشته (Back stack) اکتیویتی و فرگمنت
– نگاه‌های طراحی اپ با ترکیب اکتیویتی‌ها و فرگمنت‌ها
– اولین آشنایی با فایل nacigation.xml

درس چهارم: معرفی پروژه و و سورس آن
– آشنایی با پروژه مورد استفاده در این فصل
– چرا پروژه آماده؟
– راه اندازی پروژه در اندروید استودیو
– اجرای پروژه در ماشین مجازی (AVD)

درس پنجم: ایجاد فرگمنت و افزودن آن به اکتیویتی در اندروید
– ایجاد یک فرگمنت Fragment خالی
– استفاده از DataBindingUtil برای بایندینگ لیوت در زمان کامپایل
– شرح متد inflate از DataBindingUtil
– تغییر Color Scheme اندروید استودیو در ادیتور
– مفهوم بایندینگ در اندروید
– افزودن تگ فرگمنت به لیوت اکتیویتی
– مفهوم ویژگی name در تگ fragment

درس ششم: حرکت بین فرگمنت‌ها با طراحی گراف نویگیشن
– آشایی با گراف navigation.xml در یک نگاه
– سه قاعده طراحی گراف navigation
– هفت گام طراحی گراف navigation
– افزودن وابستگی‌های فریمورک navigation به گریدل app
– متغیر ext جیست و در گریدل چه می‌کند
– افزودن فایل navigation.xml و طراحی فرگمنت‌ها و اکشن‌ها
– افزودن navHostFragment به اکتیویتی main
– آشنایی با ویژگی defaultNavHost
– آشنایی با ویژگی navGraph
– تنظیم clickListener برای فراخوانی اکشن حرکت بین فرگمنت‌ها
– استفاده از متد findNavController برای یافتن Navigation Controller-

درس هفتم: مسیردهی شرطی
– ارتقای گریدل (Gradle) پروژه و نکات احتیاطی
– افزودن فرگمنت‌های پیروزی و شکست بازی به گراف navigation
– رفتن به یک فرگمنت در کلاس‌ها بر اساس منطق برنامه

درس هشتم: طراحی نحوه بازگشت به صفحه‌های قبلی
– چطور پس از ورود باید فرگمنت لاگین را حذف کرد
– مثال از پروژه دوره (چطور از فرگمنت نتیجه به فرگمنت اول برگردیم)
– آشنایی با ویژگی POP Behavior در Navigatio
– تنظیم Pop To و Inclusive برای اصلاح Back Stack

درس نهم: پیاده سازی دکمه بازگشت در نوار بالایی
– توضیح چرایی وجود دکمه UP
– آشنایی با کلاس NavigationUI در ;کامپوننت Navigation
– پیاده سازی متد findNavController در اکتیویتی
– متد setupActionBarWithNavController در NavigationUI
– بازنویسی متد onSupportNavigateUp
– متد naigateUp از کلاس NavControler
– تعریف تمرین برای تحقیق بیشتر

درس دهم: افزودن منو به اپلیکشین
– آشنایی با Options Menu
– یادآوری منو از HTC Dream G1 در سال 2008
– کاربرد Options Menu در اپلیکیشن‌های اندرویدی
– گام‌های اضافه کردن منو در اندروید
– ایجاد فایل xml از نوع menu در اندروید
– طراحی Menu Item در فایل xml
– افزودن مقصد گزینه منو به گراف نویگیشن
– افزودن setHasOptionsMenu به فرگمنت
– Override کردن متد onCreateOptionsMenu
– Overrinde کردن متد onOptionsItemSelected
– نقش Navigation در بهبود پیاده سازی منو در اندروید

درس یازدهم: انتقال داده هنگام جابجایی بین فرگمنت‌ها
– آشنایی با انتقال اطلاعات بین صفحه‌های اپلیکیشن
– آشنایی با Bundle و انتقال اطلاعات با putExtra
– آشنایی با مفهوم Key و Value در getExtra
– آشنایی با SafeArgs در کامپوننت Navigation
– افزودن پلاگین گریدل SafeArgs در gradle.project و gradle.app
– استفاده از کلاس Directions برای انتقال داده به مقصد
– تعریف Argument در گراف Navigation
– استفاده از کلاس Args برای دریافت آرگومان‌ها از باندل
– تغییر اکشن ها از حالت خام به حالت SafeArgs در اندروید

درس دوازدهم: مفهوم اینتنت در اندروید و انواع آن
– تفاوت طراحی با اکتیویتی و فرگمنت
– امکان حرکت از یک اکتیویتی به اکتیویتی دیگر در اپ دیگر
– مفهوم Intent برای اعلام حرکت به Activity جدید به سیستم عامل
– مفهوم Explicit Intent برای حرکت به اکتیویتی مشخص
– مفهوم Implicit Intent برای اعلام نیاز به سیستم عامل و تعیین مقصد با سیستم عامل
– مفهوم Action در Intent و انواع آن
– مفهوم Category در Intent و انواع آن
– مفهوم MIME و Data Type در اندروید
– بررسی Intent-filter در manifest
– بررسی نمونه‌های دیگر Intent در مستندات اندروید

درس سیزدهم: اشتراک گذاری محتوا در اندروید
– تعریف مثال برای اشتراک گذاری محتوا
– ایجاد منوی اشتراک گذاری
– ویژگی visible و enabled و showAsAction در منوهای اندروید
– افزودن تصویر به منو در اندروید
– ایجاد منو در کلاس فرگمنت «برنده شدن«
– رفتن از یک اکتیویتی به اکتیویتی دیگر در یک اپلیکیشن
– مفهوم Activty.class.java
– نوشتن Intent از نوع ACTION_SEND
– قرار دادن متن با putExtra در اینتنت
– تعیین MIME Type از نوع متن خام
– آشنایی با کلاس ShareCompat
– مدیریت خطای نبود اکتیویتی برای اشتراک گذاری

درس چهاردهم: مفهوم و پیاده‌سازی منوی کشویی
– مفهوم منوی کشویی یا Navigation Drawer
– آشنایی با کتابخانه متریال گوگل (Google Material Library)
– اشنایی با وب سایت Material.io
– طراحی بر اساس اصول متریال دیزاین گوگل
– آشنایی با Navigation View
– گام‌های اضافه کردن منوی کشویی در اندروید
– افزودن کتابخانه متریال گوگل به گریدل اندروید
– طراحی منوهای Drawer و هدر آن
– تگ DrawerLayout و NavigatioView
– آشنایی با متد setUpWithNavController
– سپردن navigateUp به NavigatioUI

درس پانزدهم: جلوگیری از باز شدن ناخواسته منوی کشویی
– آشنایی با اینترفیس addOnDestinationChangeListenr
– آشنایی با کلاس NavDestination
– آشنایی با فلگ LOCK_MODE
– گرفتن ID فرگمنت آغازین از NavController

درس شانزدهم: رویداد کلیک روی گزینه‌های منوی کشویی
– امکان تعریف listenr در Navigation Drawer برای گزینه
– تعریف گزینه در منوی نویگیشن با id متفاوت از فرگمنت‌های موجود
– متد setNavigationItemSelectedListener از NavigationView
– ایمپلمنت کردن اینترفیس OnNavigationItemSelectedListener
– تشخیص آیتم منوی کلیک شده از روی id و مدیریت کلیک آن

درس هفدهم: اجرای اینتنت‌های متداول روی گزینه‌های منوی کشویی
– آشنایی با ACTION_VIEW برای Intent باز کردن یک url وب سایت
– طراحی گزینه اینستاگرام در منوی کشویی به همراه آیکن متریال
– آشنایی با متد setData برای ارسال URI به اینتنت
– آشنایی با ACTION_DIAL برای ارسال Intent اجرای تماس تلفنی
– مرجع شناسی برای دیگر اینتنت‌های مرسوم اندروید مثل دوربین، نقشه و …

درس هجدهم: ایجاد انیمیشن در هنگام جابجایی بین صفحه‌های اپلیکیشن
– آشنایی با امکان تعریف Animation در اکشن‌های گراف Navigation
– انیمیشن‌های آماده در کامپوننت نویگیشن
– نحوه ایجاد یک انیمیشن xml در اندروید در پوشه anim
– آشنایی با مفهوم alpha در انیمیشن‌های اندروید
– آشنایی با مفهوم translate در انیمیشن‌های اندروید
– آشنایی با ویژگی‌های fromAlpha و toAlpha و duration
– تشریح مختصات نسبی x و y در اندروید برای پویانمایی جابجایی
– ویژگی‌های fromXDelta و toXDelta و fromYDelta و toYDelta
– ویژگی‌های Enter و Exit و Pop Enter و Pop Exit در انیمیشن‌های گراف

درس نوزدهم: جمع بندی
– نکته‌های پایانی
– ایده‌هایی برای ادامه کار