آموزش Custom View در اندروید ___ ویو سفارشی با کاتلین و استاندارد گوگل

در این آموزش با نحوه ساخت نمای شخصی یا کاستوم ویو (Custom View) دراندروید آشنا خواهید شد. آموزش ساخت نماهای شخصی یا Custom View جزو مباحث پیشرفته در آموزش برنامه نویسی اندروید به شمار می رود. در این آموزش سعی شده است تا به طور ویژه ای به یادآوری مفاهیم نیز پرداخته شود. مدت زمان آموزش Custom View در اندروید با زبان برنامه نویسی کاتلین و استاندارد گوگل دو ساعت فشرده و بهینه است. در آموزش نمای سفارشی در اندروید تلاش شده تا تمام مباحث لازم از Custom Attribute تا متدهای گوناگون کلاس View به خوبی پوشش داده شود.

همچنین اگر با برنامه نویسی اندروید با زبان کاتلین و استاندارد گوگل (معماری MVVM) آشنا نیستید، نخست دوره زیر را ببینید:

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

نمای شخصی یا Custom View چیست ؟

سیستم اندروید دارای View‌های زیادی است که می توانید در صورت نیاز از هر کدام از آن ها استفاده کنید. ولی در بعضی از موارد بسته به نیاز پروژه یا نظر کارفرما، مجبور می شوید یا حتی در مواردی ممکن است علاقه داشته باشید تا View هایی را طراحی و پیاده سازی کنید که در بین View های گفته شده موجود نباشند. در این زمان شما نیاز دارید تا یک نمای شخصی یا یک Custom View بسازید. استفاده از Custom View ها با توجه به اینکه مطابق با نیازی که در نظر گرفته شده طراحی شده اند، می توانند روند انجام کار را بهتر نشان دهند. و بهتر مفاهیم را بیان کنند. همچنین معمولا نماهای شخصی جلوه‌ی بصری زیبایی به برنامه ی شما می بخشند به نحوه طراحی شما وابسته خواهد بود.

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

در قسمت صفر دوره معرفی شده است. با توجه به این که این دوره یک دوره‌ی پروژه محور هست، مزایای یک آموزش پروژه محور بررسی شده است. و خروجی دوره نمایش داده شده است.

در قسمت یک از آموزش در ابتدا مفاهیم View و ViewGroup یادآوری شده اند تا برای شروع آموزش آماده شوید. سپس چندین مثال ساده و پیچیده از Custom View هایی که طراحی شده اند را با هم خواهیم دید. دو مفهوم جالب را بررسی خواهیم کرد.

در قسمت دوم به بررسی جایگاه نماهای شخصی در سلسله مراتب View در سیستم اندروید خواهیم پرداخت. و با خانواده‌ی کلاس‌های View در اندروید آشنا خواهیم شد. انواع روش‌های ساخت نماهای شخصی را بررسی خواهیم کرد.

در قسمت سوم با روند کلی ساخت یک Custom View آشنا خواهیم شد. نحوه‌ی اضافه کردن Custom View به یک لایه‌ی XML را بررسی می کنیم. سپس در ادامه با Custom Attribute ها آشنا می شویم.

در قسمت چهارم پروژه‌ی کنترل کننده‌ی پنکه که قرار است در این آموزش با هم بسازیم معرفی می‌شود. هم چنین اشاره‌ای به اصول Solid خواهیم داشت. در قسمت پنجم پیاده سازی را در محیط Android Studio می‌سازیم. با کلاس‌های Canvas ، PointF و Paint آشنا خواهیم شد. درقسمت ششم چرخه‌ی حیات یک View را بررسی می کنیم. و بررسی می کنیم که سیستم اندروید چطور طراحی یک View را انجام می‌دهد.

در قسمت هفتم با تعدادی از متدهای مهم درطراحی View آشنا خواهید شد. در قسمت هشتم از تعدادی از متدهای مورد استفاده در طراحی View استفاده خواهد شد. در قسمت نهم Custom View ای که ساختیم را در فایل XML به کار می‌بریم. و برای اولین بار پروژه‌ای که نوشتیم را اجرا می کنیم. در قسمت دهم بررسی می‌کنیم که چطور باید قابلیت تشخیص کلیک‌ها و واکنش به آنها را به Custom View اضافه کنیم. و در قسمت یازدهم پیاده سازی این موضوع را انجام می دهیم.

در قسمت دوازهم برای بار دوم برنامه را اجرا می‌کنیم. و نحوه پیاده سازی قسمت‌های مهم برنامه را بررسی خواهیم کرد. در قسمت سیزدهم از نظر ریاضی و هندسی، Custom View را بررسی خواهیم کرد. در قسمت چهاردهم کد‌هایی که تا این قسمت نوشته ایم را به صورت مفصل تر بررسی خواهیم کرد تا به سوالاتی که ممکن است پیش آمده باشد پاسخ داده شود. در قسمت پانزدهم چند Custom Attribute ساخته و از آن ها استفاده می‌کنیم. در قسمت شانزدهم چند نمونه از تکنیک‌هایی که در ساخت Custom View ها از آنها استفاده می شود را بررسی می کنیم. و با متدهای مربوط به Drawing و Transformation و مفهوم Clipping آشنا خواهیم شد. در قسمت پایانی نیز به جمع بندی دوره می‌پردازیم و نکاتی لازم را بیان خواهیم کرد.

خروجی دوره

برای بررسی خروجی دوره و دریافت کدها می توانید به صفحه github بنده به آدرس https://github.com/rezaasdin مراجعه کنید.

این آموزش بی نظیر است زیرا:

• بر اساس سرفصل‌های دوره‌های گوگل است.
• از زبان کاتلین استفاده شده است.
• تمرکز ویژه‌ای بر روی مفاهیم انجام شده است.
• دارای لینک‌های فراوانی جهت مطالعه بیشتر است.

پیشنیاز

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

کلیدواژگان

آموزش Custom View در اندروید – آموزش ساخت Custom View در اندروید – Custom View در اندروید – Custom View – ساخت Custom View در اندروید – آموزش نمای سفارشی در اندروید – آموزش نمای سفارشی در اندروید استودیو – نمای سفارشی در اندروید – نمای سفارشی – آموزش ساخت view سفارشی – نمای شخصی در اندروید – آموزش کاستوم ویو – آموزش ساخت کاستوم ویو – کاستوم ویو – کاستوم ویو در اندروید – کاستوم لیست ویو در اندروید – آموزش ساخت کاستوم ویو – ساخت کاستوم ویو در اندروید – ساختن کاستوم ویو در اندروید – ساخت ویو سفارشی در اندروید – کاستوم ویو در اندروید – زبان برنامه نویسی کاتلین – آموزش برنامه نویسی اندروید – برنامه نویسی اندروید – دوره آمورش اندروید – آموزش اندروید – برنامه نویسی اندروید با کاتلین – کاتلین زبان برنامه نویسی – آموزش Custom View – کاستوم ویو در اندروید – کلاس ویو در اندروید – کلاس view در اندروید

سرفصل‌ها

درس صفر: معرفی دوره

– آموزش پروژه محور
– بر اساس سرفصل های دوره های گوگل
– استفاده از زبان کاتلین
– مزایای دوره های پروژه محور

درس اول: آشنایی با Custom View و بررسی چند مثال

– یادآوری مفهوم View و چند مثال از آن
– یادآوری مفهوم View Group و چند مثال ازآن
– معرفی Custom View
– چند مثال ساده از Custom View
– چند مثال پیشرفته از Custom View
– بررسی مفاهیم شخصی سازی و سفارشی سازی
– مثال های دیگری از Custom View

درس دوم: جایگاه Custom View در سلسله مراتب View در اندروید

– بررسی مفهوم ارث بری در View ها
– معرفی خانواده کلاس های View در اندروید
– سه دسته بندی از خانواده کلاس های View در اندروید
– جایگاه Custom View در سلسله مراتب View در اندروید
– روش های ساختن Custom View ها

درس سوم: روند کلی در ساخت Custom View

– از چه کلاسی ارث بری کنیم؟
– تعيين/تغيير رفتار و ويژگی های ظاهری
– اضافه کردن ها و طراحی دوباره
– اضافه کردن Custom View به لایه ی XML
– اضافه کردن Custom Attribute ها

درس چهارم: معرفی پروژه ی کنترل کننده ی پنکه (Fan Controller)

– بررسی درجات سرعت پنکه
– شکل ظاهری برنامه و مشاهده آن در دنیای واقعی
– بررسی عملکرد برنامه در درجات مختلف سرعت
– مشاهده خروجی نهایی دوره
– طرح یک سوال و انتخاب حالت بهنیه در صورت تغییر عملکرد برنامه
– تعریف اصول Solid و آشنایی با اصل مسئولیت واحد
– پاسخ به سوال مطرح شده با استفاده از اصل مسئولیت واحد

درس پنجم: ایجاد پروژه در محیط اندروید استادیو و انجام کارهای اولیه

– ساخت پروژه در محیط اندروید استادیو
– ایجاد و مقداردهی مقادیر ثابت در قسمت values
– ساخت و طراحی یک متن و اضافه کردن یک Image View به صورت موقتی به جای Custom View
– ساخت کلاس مربوط به Custom View و ارث بری از کلاس View
– تعریف سرعت ها و تعدادی از مقادیر ثابت
– معرفی Canvas و کلاس های PointF و Paint و استفاده از آن ها در پروژه

درس ششم: مفهوم طراحی View و نحوه انجام آن توسط اندروید

– مفهوم طراحی View
– بررسی طراحی View در روش های مختلف ساخت Custom View
– نحوه طراحی توسط سیستم اندروید
– بررسی مراحل طراحی View توسط سیستم اندروید
– بررسی متدهای invalidate و requestLayout

درس هفتم: معرفی متدها و شورتکات های مهم در طراحی View در اندروید

– معرفی متدهای onsizeChanged، onDraw، invalidate و requestLatyout
– معرفی تعدادی از متدها جهت کار با متن
– معرفی تعدادی از متدها برای کشیدن شکل های ابتدایی
– معرفی متدی برای طراحی bitmap و متدی جهت استایل دهی
– تفاوت Bitmap و Drawable

درس هشتم: بررسی و استفاده از متدهای طراحی View در پروژه

– مرور چرخه حیات یک View
– بررسی گام های پیاده سازی در این قسمت
– استفاده از متد onSizeChanged و محاسبه شعاع Custom View
– نوشتن یکextension function بر روی کلاس PointF جهت محاسبه مختصات
– استفاده از متد onDraw و انجام کارهایی که در هر بار طراحی View انجام می دهیم

درسه نهم: استفاده از Custom View در فایل XML و اجرای برنامه

– استفاده از Custom View در فایل XML
– اجرای برنامه

درس دهم: تحلیل تشخیص کلیک ها و اضافه کردن آن ها به Custom View

– بررسی مواردی که پس از کلیک بر روی Custom View می خواهیم اتفاق بیفتد
– بررسی گام های پیاده سازی
– قرار دادن مقدار isClickable برابر با true
– Override کردن متد perfromClick
– استفاده از متد invalidate جهت طراحی مجدد View

درس یازدهم: پیاده سازی تشخیص کلیک ها و واکنش به آن ها توسط Custom View

– قرار دادن مقدار isClickable برابر با true
– Override کردن متد perfromClick
– استفاده از متد invalidate جهت طراحی مجدد View

درس دوازدهم: اجرا، مشاهده و بررسی برنامه ای که ساختیم

– اجرای برنامه
– تست عملکرد برنامه
– بررسی نحوه پیاده سازی قسمت های مهم برنامه

درس سیزدهم: تحلیل ریاضی و هندسی Custom View ساخته شده

– بررسی بزرگترین دایره
– نحوه قرار گیری label ها
– مقدار ثابت RADIUS_OFFSET_LABEL بر روی شکل
– مقدار ثابت RADIUS_OFFSET_INDICATORبر روی شکل
– نحوه درنظر گرفتن مرکز دایره ها

درس چهاردهم: بررسی خط به خط کدهایی که تاکنون نوشتیم

– بررسی درجات سرعت تعریف شده در کلاس
– بررسی متغیرهای تعریف شده
– بررسی متدهای مختلف تعریف شده و نحوه عملکرد آن ها

درس پانزدهم: Custom View ها و استفاده از آن ها

– یادآوری: بررسی مراحل ساخت Custom Attribute
– ساخت Custom Attribute در پروژه
– اضافه کردن Custom Attribute به فایل XML

درس شانزدهم: در راه تکامل Custom View!

– استفاده از متدهای Drawing برای طراحی شکل های مختلف
– استفاده از متدهای Transformation طراحی شکل های مختلف
– استفاده از خاصیت برش یا Clipping و رفع مشکل overdraw
– استایل دهی های دیگر به کمک کلاس Paint

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

– View های از پیش تعریف شده در اندروید
– روش های ساخت Custom View
– گام های پیاده سازی یک Custom View و نحوه استفاده از آن
– حرف های پایانی