آموزش متریال دیزاین (Material Design) برای طراحی تب ها در اپلیکیشن اندروید
آموزش متریال دیزاین (Material Design) برای طراحی تب ها در اپلیکیشن اندروید
چکیده
در این فرادرس ما قصد داریم عنصر Material Tabs را از کتابخانه Android Support Library که در اندروید Lollipop معرفی شد را به شما دوستان معرفی کنیم و نحوه پیاده سازی اشکال مختلف آن را به شما عزیزان آموزش دهیم. ما با استفاده از ویجت TabLayout و استفاده از Fragment ها و ViewPager یک نمای تب وار به صورت Material Design در اشکال مختلف طراحی می کنیم، همچنین نشان می دهیم که چگونه از RecyclerView در محتوای تب ها استفاده کنیم و همه مباحث مورد نیاز برای ایجاد تب ها آموزش داده شده است تا عزیزانی که دانش برنامه نویسی خیلی کمی هم دارند بتوانند از این آموزش بهره ببرند.
مهندس مجتبی شریفی، کارشناس مهندسی کامپیوتر از دانشگاه کردستان هستند. ایشان سابقه انجام پروژه های حرفه ای اندروید و طراحی و توسعه وب و روباتیک را در کارنامه خود دارند.
چکیده آموزش
توضیحات تکمیلی
گوگل دستورالعمل های جدیدی را تحت عنوان Material Design برای طراحی اپلیکیشن های اندروید و کتابخانه ای تحت عنوان Android Support Library برای توسعه دهندگان اندروید در اندروید نسخه ۵ معرفی کرد. با این کتابخانه ما می توانیم به راحتی یک سری از عناصر جدید مانند: Floating Action Button ,Navigation Views SnackBar ,Tabs و … استفاده کنیم. شما می توانید به آسانی از این عناصر در اپلیکیشن خود استفاده کنید و App خود را به یک اپلیکیشن حرفه ای تبدیل کنید. در این فرادرس، شما خواهید آموخت که چگونه از تب ها به شکل های مختلف (ثابت، شناور و …) در اپلیکیشن خود استفاده کنید.
تب ها کار ما را برای جابجایی بین View های مختلف با محتواهای متفاوت راحت تر می کند و نمای زیبایی به اپلیکیشن ما می دهد. تب ها از اهمیت ویژه ای در طراحی اپلیکیشن های موبایل برخوردار هستند و یکی از مهم ترین اجزای UI برای ایجاد یک Navigation زیبا محسوب می شوند.
یکی از مهم ترین مسائل در ساخت یک اپلیکیشن اندروید، بحث طراحی UI آن اپلیکیشن می باشد، از آن جایی که Design اپلیکیشن ها پیوسته با معرفی نسخه های جدید اندروید سریعا رو به پیشرفت است، قاعدتا نیاز است که برنامه نویسان اندروید با تکنیک های جدید طراحی آشنا شوند و از این تکنیک ها در App های خود استفاده کنند تا واسط کاربری اپلیکیشن خود را زیباتر و حرفه ای تر کنند. شما می توانید استفاده از تب ها را به صورت Material Design در اپلیکیشن های محبوبی در سطح کل دنیا مانند: Google Play ,WhatsApp و اپلیکیشن های ایرانی مانند: دیجی کالا، موبوگرام و … مشاهده کنید. همین خود گواه بر اهمیت و ضرورت یادگیری این آموزش می باشد تا بتوانید اپلیکیشن های حرفه ای تولید و انتشار نمایید.
در این فرادرس ما قصد داریم عنصر Material Tabs را از کتابخانه Android Support Library که در اندروید Lollipop معرفی شد را به شما دوستان معرفی کنیم و نحوه پیاده سازی اشکال مختلف آن را به شما عزیزان آموزش دهیم. ما با استفاده از ویجت TabLayout و استفاده از Fragment ها و ViewPager یک نمای تب وار به صورت Material Design در اشکال مختلف طراحی می کنیم، همچنین نشان می دهیم که چگونه از RecyclerView در محتوای تب ها استفاده کنیم و همه مباحث مورد نیاز برای ایجاد تب ها آموزش داده شده است تا عزیزانی که دانش برنامه نویسی خیلی کمی هم دارند بتوانند از این آموزش بهره ببرند.
فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
- درس یکم: پیش درآمد
- معرفی دوره
- آشنایی با مفهوم Android Support Library
- درس دوم: کدهای XML
- آشنایی با رنگ ها و استایل های متریال
- پیاده سازی Toolbar
- پیاده سازی AppBarLayout
- پیاده سازی TabLayout
- پیاده سازی CollapsingToolbarLayout
- درس سوم: کدهای Java
- آشنایی با مفهوم فرگمنت (Fragment) و نحوه پیاده سازی آن
- ایجاد فرگمنت های مربوط به پروژه
- نحوه پیاده سازی تب ها به صورت ساده
- درس چهارم: انواع پیاده سازی تب ها
- پیاده سازی تب های شناور (Scrollable Tabs)
- پیاده سازی تب ها به همراه Icon
- اضافه کردن Icon های استاندارد به پروژه و اندروید استودیو
- پیاده سازی تب های سفارشی (Custom Tabs)
- پیاده سازی تب ها در پایین صفحه
- درس پنجم: استفاده از RecyclerView در محتوای تب ها
مفید برای رشته های
- مهندسی کامپیوتر
- مهندسی فناوری اطلاعات
آنچه در این آموزش خواهید دید:
نرم افزارهای مرتبط با آموزش
پیش نمایش‌ها
۱.
معرفی Android Support Library
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۳ مگابایت -- (کلیک کنید +))
۲.
کدهای XML - کار با رنگ ها و استایل ها
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۱۱ مگابایت -- (کلیک کنید +))
۳.
کدهای XML - آموزش پیاده سازی Toolbar
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۴ مگابایت -- (کلیک کنید +))
۴.
کدهای XML - پیاده سازی AppBarLayout
توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۱۴ مگابایت -- (کلیک کنید +))
۵.
کدهای XML - پیاده سازی TabLayout
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۶.
کدهای CollapsingToolbarLayout - XML
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۷.
کدهای Java - آشنایی با مفهوم فرگمنت
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۸.
کدهای Java - ایجاد فرگمنت های تب ها
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۹.
کدهای Java - ایجاد تب ها به صورت ساده
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۰.
پیاده سازی تب ها - تب های شناور
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۱.
پیاده سازی تب ها - پیاده سازی با ICON
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۲.
پیاده سازی تب ها - پیاده سازی سفارشی
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۳.
پیاده سازی تب ها - ICON های استاندارد
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۴.
پیاده سازی تب ها- پیاده سازی پایین صفحه
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۵.
استفاده از RecyclerView (الف)
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۶.
استفاده از RecyclerView (ب)
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.راهنمای سفارش آموزش‌ها
در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
- با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
- با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه
اطلاعات تکمیلی
| نام آموزش | آموزش متریال دیزاین (Material Design) برای طراحی تب ها در اپلیکیشن اندروید |
|---|---|
| ناشر | فرادرس |
| شناسه اثر | ۸–۱۲۴۵۲–۰۶۴۲۴۷ (ثبت شده در مرکز رسانه‌های دیجیتال وزارت ارشاد) |
| کد آموزش | FVAND96081 |
| مدت زمان | ۴ ساعت و ۳۰ دقیقه |
| زبان | فارسی |
| نوع آموزش | آموزش ویدیویی (لینک دانلود) |
| حجم دانلود | ۵۳۷ مگابایت (کیفیت ویدئو HD با فشرده سازی انحصاری فرادرس) |
نظرات
الهه سادات
بسیارعالی، جناب استادمجتبی شریفی. به امید موفقیت روزافزون درتمامی مراحل زندگیتان.
پدرام
به جرعت میتونمبگم اصولی ترین آموزش فارسی ای که تا به امروز دیدم.
فوق العاده اصولی
توضیح کامل جزئیات
بدون اتلاف وقت
در مجموع فوق العاده
امیروارم آموزش های بیشتری با همین کیفیت از این استاد گذاشته بشه
همایون
آموزش های اندروید به طور کلی برای من خیلی مفید بودند و من به دوستانم پیشنهاد کردم که مشاهده کنند واقعا آموزش خوبی بود و من راضی بودم.
محمد جواد
من به تازگی این آموزش رو به اتمام رسوندم خیلی منظم و اصولی رو به جلو رفته بود مطالب رو از قبل آماده کرده بودند من راضی بودم آموزش کاملی بود.
میلاد
سلام
خوب بود، استفاده کردم و راضی هستم. ??
نصرالله
سلام
برای پروژه آموزش رو تهیه کردم و موثر بود. ممنوم از فرادرس.
رضا
خیلی عالی و کاربردی بود تونست رضایت منو جلب کنه.
مهرداد
خوب بود، محصولات فرادرس کلا نسبت به جاهای دیگه کیفیت خوبی داره و اینکه مدرسینی که آنتخاب میشن واقعا خیلی خوب هستند.
مهرداد
خوب بود. فونت ادیتور مشکل داشت و رنگی بود و بد میشد دید. از نظر محتوایی آموزش خوب بود.