آموزش اندروید با کاتلین و استاندارد گوگل ___ فصل ۲: طراحی UI

مدت :

۳ ساعت

قیمت : ۵۸,۰۰۰ تومان
LinkedIn
Twitter
Facebook
Telegram

درباره مدرس 

اطلاعات دوره

توضیحات

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

 

دیتابایندینگ در کنار UI

در این مجموعه برای آموزش طراحی UI اندروید در کنار آموزش کار با View ها و طراحی Layout با XML به آموزش DataBinding در اندروید نیز پرداخته شده است. اما چرا؟
پاسخ این است: از سال 2017 با معرفی کاتلین به عنوان زبان رسمی توسعه اندروید، گوگل معماری تازه‌ای را برای اندروید پیشنهاد کرد. معماری جدید و مورد تایید گوگل برای برنامه‌نویسی اندروید، معماری MVVM است. این عبارت برگرفته از سرنام واژه‌های Model View View-Model است.
چنان که می‌بینید، بخش View در این معماری نقش عمده‌ای دارد. از یک سو، فایل‌ Layout اکتیویتی‌ها نقش View را برعهده دارند. از سوی دیگر، مکانیزم DataBinding یا مقیدسازی داده‌ها نقش دارد. این مکانیزم در پیاده‌سازی بخش View-Model و اتصال داده‌های پردازش شده ویو و مدل، نقش ایفا می‌کند.

به این دلیل در این مجموعه به آموزش اندروید با استاندارد گوگل و طراحی Layout و DataBinding در کنار هم پرداخته شده است. در معماری جدید اندروید (MVVM) طراحی درست فایل‌های XML نقش اساسی دارد. ضمنا نگاه ما در بخش دوم آموزش به طراحی واکنش گرا با constraintlayout است.

 

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

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

همچنین آموزش DataBinding در اندروید و نحوه پیاده سازی آن به صورت پروژه محور شرح داده می‌شود. یاد می‌گیرید که از view هایی مانند TextView و ImageView و Button به درستی استفاده کنید.

همچنین می‌آموزید Layout ها را به گونه‌ای طراحی کنید که با گوشی‌های گوناگون سازگار باشند. مفهوم طراحی Flat و نحوه پیاده‌سازی DataBnding برای بهبود عملکرد گرافیکی اپلیکیشن و نیز ارتصال مستقیم داده‌های در لایه طراحی و کد را خواهید آموخت.

 

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

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

 

پیشنیاز 

آموزش اندروید با کاتلین ــ فصل ۱ (رایگان) 

 

کلیدواژه‌ها

طراحی رابط کاربری اندروید – طراحی ui اندروید – طراحی واکنش گرا اندروید با constraintlayout – مفهوم view و viewgroup – طراحی با xml – دیتابایندینگ در اندروید – ساخت اپ اندروید

سرفصل مطالب

سرفصل مطالب

درس اول: آشنایی با View و ViewGroup در اندروید
– ساختار درختی View و ViewGroup
– ویژگی‌های Height و Width و مختصات View
– معنی واحد dp در توسعه اندروید
– ساختار تودرتو در طراحی Layout
– آشنایی با LinearLayout و چیدمان خطی
– آشنایی با ConstraintLayout و چیدمان flat

درس دوم: ایجاد پروژه اپلیکیشن «درباره من»
– ایجاد یک پروژه اندروید بدون اکتیویتی
– افزودن اکتیویتی به پروژه بدون Layout
– افزودن Layout و تعریف پوشه layout
– فراخوانی layout در کلاس اکتیویتی
– آشنایی با ویرایشگر Design و Text
– افزودن TextView به پروژه و تنظیمات آن
– تبدیل متن، رنگ و اندازه TextView به منابع پروژه در پوشه res

درس سوم: تنظیم و تعریف استایل یک View در اندروید
– تنظیم margin به صورت استاندارد برای TextView
– تنظیم padding به صورت استاندارد برای TextView
– فرق margin و padding در اندروید
– تعریف پوشه font و استفاده از font اختصاصی
– استخراج ویژگی‌های TextView به صورت یک style

درس چهارم: کار با ImageView در اندروید
– افزودن ImageView و تفاوت آن با AppCompatImageView
– افزودن تصویر به عنوان srcCompat (سورس) ImageView
– تنظیم مقدار contentDescription و کاربرد آن

درس پنجم: استفاده از تصاویر Vector Drawable در اندروید
– استفاده از وبسایت IconFinder برای دریافت یک png
– قرار دادن تصویر png در پوشه drawable
– مشکلات استفاده از تصاویر PNG
– دریافت یک تصویر وکتوری از وبسایت Material Design Icons
– – استفاده از تصویر Vector Drawable به عنوان تصویر ImageView
– رفع خطای نمایش وکتور با افزودن useSupportLibrary به گریدل

درس ششم: استفاده از ScrollView برای نمایش محتوای طولانی
– افزودن ScrollView و ویژگی فرزند آن
– افزودن TextView به عنوان فرزند ScrollView
– تنظیم استایل TextView های بدنه
– آشنایی با نحوه تغییرنام منابع با Refactoring
– تنظیم فاصله خط ها در TextView با LineSpacingMultipler
– اجرا و صحت سنجی پروژه

درس هفتم: استفاده از EditText برای دریافت ورودی کاربر
– آشنایی با انواع Edit Text در پلت طراحی اندروید استودیو
– افزودن EditText و تنظیم ویژگی padding برای آن
– تنظیم padding برای کل صفحه طراحی
– تعیین hint برای EditText
– امکان تعیین ویژگی‌های Text و استخراج Style
– تعیین نوع ورودی (Input Type) برای EditText و کارکرد آن
– اجرای اپلیکیشن و کار با EditText در محیط مجازی

درس هشتم: افزودن Button و مدیریت کلیک کاربر
– آشنایی با AppCompatButton در اندروید
– استفاده از استایل Button.Colored از کتابخانه اندروید
– آشنایی با ویژگی background و textStyle دکمه
– تعریف id برای View ها و یافتن آن در کد با findViewById
– آشنایی با تابع setOnClickListener و مدیریت کلیک کاربر
– آشنایی با ویژگی Visibility و تفاوت GONE و INVISIBLE

درس نهم: مفهوم و پیاده‌سازی Data Binding در پروژه اندروید
– آشنایی با مفهوم Data Binding و تفاوت آن با رویکرد Find Views
– فعال کردن DataBinding در گریدل پروژه
– افزودن تگ layout به ریشه فایل xml
– افزودن یک نمونه از کلاس DataBindingView به اکتیویتی
– مقداردهی به binding در متد onCreate اکتیویتی
– دسترسی به Viewها از طریق آبجکت binding
– اصلاح رویداد کلیک دکمه با آبجکت‌های کلاس binding
– استفاده از متد app;y از کلاس Binding برای خوانایی پروژه

درس دهم: مقید کردن داده‌ها با Data Binding
– تشخیص گونه‌های داده در اپلیکیشن
– مدلسازی گونه داده‌ها به صورت Data Class کاتلین
– افزودن تگ data و متغیر variable به فایل xml
– اتصال داده‌های فایل xml به داده‌های کلاس کاتلین

درس یازدهم: ایجاد پروژه اپلیکیشن «رنگ آمیزی»
– بستن پروژه قبلی با سپردن دو تمرین: RelativeLayout و
FrameLayout
– ایجاد پروژه Color My View با یک اکتیویتی خالی
– نخستین برخورد با ConstraintLayout
– ویژگی Constraint و مقیدسازی View‌ها به parent و دیگر Viewها
– ویژگی Bias و کاربرد آن در صفحه‌های کوچک

درس دوازدهم: طراحی Layout اپلیکیشن با ConstraintLayout
– کانسترینت لیوت را به صورت کاربردی بیاموزیم
– محدودیت ConstraintLayout در هنگام افزایش تعداد Viewها
– طراحی اولین باکس رنگی و استخراج استایل آن
– آشنایی با ویژگی 0dp به عنوان عرض و ارتفاع View

درس سیزدهم: تعیین ابعاد View به صورت نسبی (Ratio)
– طرح پرسش برای احساس نیاز به تعیین ابعاد نسبی
– کار با ویژگی Ratio در حالت Design و ِDimensionRation در xml
– کاربرد Ratio در تعیین نسبت عرض و ارتفاع View

درس چهاردهم: اشنایی با Chain و نقش آن در طراحی Layout اندروید
– مفهوم Chain در اندروید و حالت‌های مختلف آن
– ایجاد سه TextView و ساخت زنجیر افقی میان آن‌ها
– تعریف ChainStyle برای حلقه Head زنجیر
– مفهوم Spread و Spread Inside در زنجیرسازی
– وزن دهی و ایجاد Weighted Chain
– مفهوم چیدمان Packed و Packed Chain with Bias

درس پانزدهم: تمرین طراحی لیوت با Chain
– نمایش یک لیوت پیش ساخته
– بیان ویژگی‌های لیوت طراحی شده
– سپردن طراحی لیوت به فراگیر
– پیوست سورس طراحی برای رفع اشکال پس از تلاش

درس شانزدهم: نوشتن رویداد کلیک همزمان برای چند View
– تغییر رنگ پس زمینه View ها به سفید
– تعریف مجموعه Viewها به صورت یک لیست
– اجرای حلقه For برای تنظیم رویداد کلیک برای تمام Viewها
– کار با When برای تعیین View کلیک شده توسط کاربر
– کار با متد setBackgroundColor و استفاده از کلاس Color
– کار با متد setBackgroundResource و استفاده از رنگ‌های اندروید
– معرفی حالت جایگزین برای رویداد کلیک به صورت تک تک برای تمام ویوها

درس هفدهم: آشنایی با Guideline و نقش آن در طراحی Layout اندروید
– توجیه لزوم استفاده از Guideline
– افزودن Guideline به لیوت اندروید
– آشنایی constraintGuide_begin
– آشنایی با constraintGuide_end
– انواع Vertical و Horizontal خط راهنما

درس هجدهم: آشنایی با Baseline و نقش آن در طراحی Layout اندروید
– ایجاد دو TextView با اندازه TextSize متفاوت
– توجیه لزوم استفاده از Baseline برای هم خط کردن Viewها
– نمایش خط بستر ویو با استفاده از گزینه Show Baseline
– استفاده از Align برای مقید کردن Baseline دو View

درس نوزدهم: جمع‌بندی و یادآوری ابزارهای ConstraintLayout
– افزودن دو دکمه به Layout
– تنظیم id و متن دکمه‌ها
– تنظیم Constraint قائم برای یک دکمه
تنظیم Baseline برای مقیدسازی تراز دو دکمه
– استفاده از Bias برای تنظیم نسبی تراز قائم دو دکمه
– ایجاد Horizontal Chain بین دو دکمه
– تنظیم width دو دکمه به صورت 0dp برای وزن دهی در زنجیر
– افزودن رویداد کلیک دو دکمه به حلقه Listener در کلاس Activity
– سپردن تمرین و توصیه‌های آخر

نظرات (4)

4 دیدگاه برای آموزش اندروید با کاتلین و استاندارد گوگل ___ فصل ۲: طراحی UI

  1. محمد حسین جربان (خریدار محصول)

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

    • مصطفی آصفی

      سلام به شما. ببینید درواقع مشکل عمده کاربران ایرانی با گریدل اینه که سرورهای گوگل تجریم هستن و باید وی پی ان خوب برای دریافت خودکار گریدل تنظیم شده داشته باشین. مثلا این فیلم (+) رو برای پاکسازی و سینک مجدد به کمک وی پی ان خوب ببینید. جالبه که ممکنه شما با وی پی ان خودتون بتونید به تلگرام یا حتی یوتیوب تو سیستم متصل بشین اما هر وی پی انی نمی تونه به سرورهای گوگل وصل بشه و با یه اتصال پایدار گریدل رو سینک کنه. معمولا وی پی ان پولی خوب می خواید و لازمه که پروتکل های مختلف رو تست کنید.
      بعد از تهیه چنین وی پی انی کاری که می تونید بکنید اینه مشابه توضیح این لینک (+) یا منابع مشابه فارسی (اگه انگلیسی ها براتون دشوار هستن) سعی کنید گریدل رو یا آنلاین و با وی پی ان خوب سینک کنید.
      پی‌نوشت: امکان دانلود دستی فایل گریدل و ست اون هست ولی برای کاربر مبتدی توصیه نمیشه چون سخت تره.

  2. محمد حسین جربان (خریدار محصول)

    سلام خسته نباشد
    ببخشید من تو راه اندازی گریدل به مشکل خوردم و داخل قسمت چهار که گفتید پروژه رو بیاریم نمیتونه اونو سینک کنه و این مشکل رو داره
    Could not install Gradle distribution from ‘https://services.gradle.org/distributions/gradle-4.10.1-all.zip’.
    چه پیشنهادی دارین که این رو دقیق یاد بگیم ؟ ممنون

    • مصطفی آصفی

      سلام به شما. با توجه به توسعه سریع اندروید و مشکلات متعدد گریدل پیشنهاد می کنم دست به گوگل باشین. در مورد این مشکل برای مثال با جستجو کردم متن خطای دریافتی این لینک (+) می تونه مفید باشه. اینو از این جهت می گم که تنظیمات سیستم کاربر هم اثر گذاره و این خود شما هستین که باید چند راه رو امتحان کنید تا به نتیجه برسین.

  3. حمید

    آموزش رو تهیه کردم و لحن مدرس و نحوه بیان مطالب خیلی خوب بود. لطفا در زمینه اندروید آموزش های بیشتری ارائه بفرمایید.

    • مصطفی آصفی

      سلام و ممنون از محبت شما. در رابطه با اندروید ضمن این که این دوره تا فصل ششم ادامه پیدا کرده -که می‌تونید با جستجوی عنوان آموزش اندروید در وبسایت ببینید – دوره های بعدی هم با موضوع کار با اینترنت و طراحی ویوی سفارشی در حال تولید هستن. هم رویش رو در شبکه های اجتماعی دنبال کنید تا به موقع از انتشار مطلع بشید.

  4. وحید

    فصل یکش کجاس ؟ و ایا فصل سه هم داره ؟

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

نظرات کاربران در خصوص دوره 

4 دیدگاه برای آموزش اندروید با کاتلین و استاندارد گوگل ___ فصل ۲: طراحی UI

  1. محمد حسین جربان (خریدار محصول)

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

    • مصطفی آصفی

      سلام به شما. ببینید درواقع مشکل عمده کاربران ایرانی با گریدل اینه که سرورهای گوگل تجریم هستن و باید وی پی ان خوب برای دریافت خودکار گریدل تنظیم شده داشته باشین. مثلا این فیلم (+) رو برای پاکسازی و سینک مجدد به کمک وی پی ان خوب ببینید. جالبه که ممکنه شما با وی پی ان خودتون بتونید به تلگرام یا حتی یوتیوب تو سیستم متصل بشین اما هر وی پی انی نمی تونه به سرورهای گوگل وصل بشه و با یه اتصال پایدار گریدل رو سینک کنه. معمولا وی پی ان پولی خوب می خواید و لازمه که پروتکل های مختلف رو تست کنید.
      بعد از تهیه چنین وی پی انی کاری که می تونید بکنید اینه مشابه توضیح این لینک (+) یا منابع مشابه فارسی (اگه انگلیسی ها براتون دشوار هستن) سعی کنید گریدل رو یا آنلاین و با وی پی ان خوب سینک کنید.
      پی‌نوشت: امکان دانلود دستی فایل گریدل و ست اون هست ولی برای کاربر مبتدی توصیه نمیشه چون سخت تره.

  2. محمد حسین جربان (خریدار محصول)

    سلام خسته نباشد
    ببخشید من تو راه اندازی گریدل به مشکل خوردم و داخل قسمت چهار که گفتید پروژه رو بیاریم نمیتونه اونو سینک کنه و این مشکل رو داره
    Could not install Gradle distribution from ‘https://services.gradle.org/distributions/gradle-4.10.1-all.zip’.
    چه پیشنهادی دارین که این رو دقیق یاد بگیم ؟ ممنون

    • مصطفی آصفی

      سلام به شما. با توجه به توسعه سریع اندروید و مشکلات متعدد گریدل پیشنهاد می کنم دست به گوگل باشین. در مورد این مشکل برای مثال با جستجو کردم متن خطای دریافتی این لینک (+) می تونه مفید باشه. اینو از این جهت می گم که تنظیمات سیستم کاربر هم اثر گذاره و این خود شما هستین که باید چند راه رو امتحان کنید تا به نتیجه برسین.

  3. حمید

    آموزش رو تهیه کردم و لحن مدرس و نحوه بیان مطالب خیلی خوب بود. لطفا در زمینه اندروید آموزش های بیشتری ارائه بفرمایید.

    • مصطفی آصفی

      سلام و ممنون از محبت شما. در رابطه با اندروید ضمن این که این دوره تا فصل ششم ادامه پیدا کرده -که می‌تونید با جستجوی عنوان آموزش اندروید در وبسایت ببینید – دوره های بعدی هم با موضوع کار با اینترنت و طراحی ویوی سفارشی در حال تولید هستن. هم رویش رو در شبکه های اجتماعی دنبال کنید تا به موقع از انتشار مطلع بشید.

  4. وحید

    فصل یکش کجاس ؟ و ایا فصل سه هم داره ؟

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