
آموزش کامل و پروژه محور ConstraintLayout در اندروید
constraintlayout free tutorial courseدسته بندی :
با ConstraintLayout دیگه خیالت بابت طراحی راحت میشه.
طراحی کردن رابط کاربری توی اندروید جز اصلیترین شرایطی هستش که هر برنامه نویس اندرویدی باید اون رو کامل بدونه.
متاسفانه بعضی از برنامه نویس ها فکر میکنن که چون برنامه نویس هستش، دیگه نباید به مباحث طراحی توجهای کنن
یکی از اصلی ترین دلایل انتخاب کاربران برای نصب و استفاده از برنامه، رابط کاربریه خوب اون برنامه هستش.
شاید باورت نشه، ولی 42% حذف اپلیکیشن ها توسط کاربران به خاطر رابط کاربری ضعیف اوناست.
%42 خیلی زیاده!
پس چرا باید کلی زحمت بکشیم و وقت بزاریم و به خاطر بیتوجهی به رابط کاربری، کاربران اپلیکیشن ما رو حذف کنن و ازش استفاده نکنن!
شما به عنوان برنامه نویس اندروید، باید اصول طراحی رو کامل بدونی.
توی این دوره جامع سعی کردم به طور کامل ConstraintLayout رو توضیح بدم.
ConstraintLayout چیه؟
ConstraintLayout جز یکی از لایه های اندروید به حساب میاد.
این لایه تقریبا 4 ساله که معرفی شده و این اواخر که نسخه 2 اون هم معرفی شده، امکانات خیلی خوبی بهش اضافه شده.
توی اندروید چندین لایه برای طراحی رابط کاربری داریم. از جمله : RelativeLayout – LinearLayout – FrameLayout و…
ولی بدون اغراق ConstraintLayout بهترین لایه اندروید هستش.
چرا ConstraintLayout ؟
این لایه ویژگی های خیلی خوبی داره که در پایین به چند تا از اونا اشاره میکنم :
- از نظر Performance (کارایی) فوقالعاده عالی هستش.
- سرعت خیلی بالایی از نظر Render کردن المان ها رو داره
- فشار خیلی کمی روی GPU گوشی میاره
- خیلی راحت میتونی اپلیکیشنهای Responsive (واکنشگرا) درست کنی. (یعنی دیگه دردسر درست کردن اندازه المان ها روی سایزهای مختلف موبایل و تبلت رو نداری)
- خیلی راحت میتونی اپلیکیشن های چند زبانه (راست به چپ – چپ به راست) درست کنی
پس اگه میخوای یه اپلیکیشن رَوون داشته باشی و خیلی راحت روی همه دستگاهها اجرا بشه، حتما از ConstraintLayout استفاده کن.
این دوره شامل چه چیزهایی میشه؟
این دوره 2 فصل داره.
فصل اول : آموزش تمامی امکانات موجود در ConstraintLayout
فصل دوم : ساخت یک پروژه عملی و پیچیده
مطالب آموزش داده شده در فصل اول
توی این فصل موارد زیر رو به طور کامل آموزش دادم
- دلایل استفاده از این لایه
- آشنایی کامل با ساختار این لایه
- ساخت یک طرح ساده با استفاده از سربرگ Design
- ساخت یک طرح ساده با استفاده از سربرگ Code
- آموزش کامل GuideLine
- آموزش کامل DimensioRatio
- آموزش کامل Group
- آموزش کامل Barrier
- آموزش کامل Chains
توی این این فصل درنهایت همچین طرح خیلی ساده ای رو برای آشنایی با ساختار ConstraintLayout خواهیم ساخت.
مطالب آموزش داده شده در فصل دوم
توی این فصل یه پروژه پیچیده رو به طور کامل با هم پیاده سازی میکنیم.
تمامی لایه های استفاده شده توی این طرح از ConstraintLayout استفاده شده.
توی این فصل این طرح پیچیده رو باهم پیاده سازی میکنیم.
خب همونطور که توضیح دادم توی فصل دوم یه پروژه رو باهم پیاده سازی میکنیم و بعد از انجام این پروژه به خیلی از اصول طراحی تسلط پیدا میکنی.
بعد از اینکه این طرح رو پیاده سازی کنی دیگه میتونی اکثر طرح ها رو بسازی و خیالت رو از بابت طراحی راحت کنی.
ثبت نام توی این دوره کاملا رایگان هستش و بدون هیچ هزینه ای میتونی خیلی راحت این لایه فوقالعاده اندروید رو یاد بگیری و ازش توی پروژه هات استفاده و لذت ببری.
سورس کد
با خاطر راحتی شما عزیزان، من سورس کد این دوره رو هم در ادامه قرار دادم.
این سورس کد شامل تمامی کدها، تصاویر و منابع استفاده شده در آموزش هستش.
خیلی راحت میتونی این سورس کد رو دانلود کنی و ازش توی اندروید استدیو استفاده کنی.
دوره جامع انیمیشن سازی
بعد از اینکه توی دوره کانستنرت لایوت شرکت کردی و اگه خواستی به انیمیشن سازی هم تسلط داشته باشی.
پیشنهاد میکنم توی دوره زیر هم شرکت کنی.
این دوره تنها دوره موجود برای MotionLayout به زبان فارسی هستش.
بعد از گذروندن این دوره دیگه خیالت کاملا بابت ساختن هرنوع انیمیشنی راحت میشه و همه چیز رو خیلی راحت میتونی درست کنی.
سلام من سوال داشتم در مورد عکس و constraint
کجا بپرسم؟
استاد عزیز ممنون میشم سوال قبلی بنده رو مثل همیشه جواب بدید ممنون
هنگام دریافت پاسخ صبور باشید دوست عزیز، سوالات پاسخ داده خواهند شد
سپاس از پاسخ شما
1- پس با کتابخونه که گفتید برای سایزها دیگه نیازی نیست که لایه های مجزا(sw480 ,…) بزنیم برای تمامی سایز ها درسته؟
2- من برای اسپلش یه عکس فانتزی (تصور کنید عکس کارتونی )دارم برای اینکه تمام صفحه بشه match .match استفاده میکنم و از src برای لود،(از background استفاده نمیکنم چون دفرمه میکنه عکس رو)
اندازه 10dp از چپ و راست سفید میندازه که برای پوشش این موضوع scaletype رو centercrop میکنم که این موضوع باعث میشه بخش از عکس خب زیر بره ,و دیده نشه
برای اینکه عکس فول داشته باشیم بدون دفرمه و نمایش کامل باید چه کا رکنم؟
3- ما اگه یه عکس داشته باشیم که بخواهیم باتن بشه و روش نوشته داشته باشیم (مثلا بازش کن)بهترین راه چی هستش:
3.1 : یه لایه اصلی مثل constraint که داخلش imageview و textview داریم
3.2 : imagebutton با تصویر دلخواهمون اما نمیشه روش text نوشت
3.3 راه بهتر اگه محبت بفرمایید
سپاس از شما و آموزش های خوبتون
سلام.
1) بله دیگه نیازی به ساختن فایل های دیگه ای نیستش.
2) این مورد بستگی به عکستون داره. البته از DimentionRatio هم میتونید استفاده کنید که نتیجه بهتری میده
3) روش 3.1 روش خوبی هستش.
موفق باشید?
ممنون از شما استاد خوبم
سلام استاد
DimentionRatio خیلی خوبه اما اگه شد یکم بیشتر صحبت کنید درموردش
درستهبا تمرین اکی میشه اما نکات خیلی کارساز هستن
مثلا در نظر بگیرید در یک constraintlayout که اندازش عرض match , wrap طول هستش، توی 40 درصد لایه ش درحالت افقی میخواهید عکسی به ارتفاع مثلا 160dp نمایش بدید اگه عکس عمودی باشه که اکیه اگه عکس افقی باشه
خیلی بد میشه چون من DimentionRatio 16:9 گذاشتم
اگه وقت کردید واقعا این موارد مخصوصا DimentionRatio بیشتر توضیح بدید خیلی کارسازه
ممنون از بزرگواری شما
سلام. توی دوره ConstraintLayout راجب DimationRatio توضیح دادم.
موفق باشید
خواهش میکنم پیمان جان. موفق باشید?
سلام، همینجا میتونید بپرسید
عاااااااااااااااااااااااااااااااااالی
فوق العاده اید آقای نوری
تازه باهاتون آشنا شدم
قربونت آرمین جون ممنونم از لطف و محبتت❤❤❤
امیدوارم که دوره ها برات مفید باشه و کلی چیز بتونی ازش یاد بگیری?
دوره واقعا خوبیه من خیلی ازش استفاده کردم دستتون درد نکنه فقط دوره اندروید رو اینجا ندیدم
ممنون از نظر زیباتون حسن جان??
انشالله تا قبل عید دوره جدید روی سایت قرار میگیره
من تازه دانلود کردم و قراره ببینم ولی با توجه به دوره ی کاتلینی که از شما دیدم شک ندارم اینم عالیه.ممنون از استاد عزیز بابت رایگان گذاشتن این دوره
قربونت حامد جون، ممنونم ازت???
امیدوارم که برات مفید باشن❤
با سلام
دوره خوبی بود ، نکات جدیدی یاد گرفتم. سپاس
سلامو ممنونم از نظر زیباتون??
ببخشید استاد این برای فرانت اند کاتلین خوبه
بله، ConstraintLayout برای طراحی اندروید فوق العاده عالی هستش.
مخصوصا با کاتلین
سلام وقت به خیر
خداقوت خیلی عالی بود.
سلام. خیلی ممنونم از محبتتون?
خدا خیرتون بده
ممنونم از محبتت مصطفی جان??
سلام خسته نباشید دوره های بیشتر بزارید ممنون
سلام. خیلی ممنون.
دوره های بیشتر توی راه هستن و به زودی حتما قرارشون میدم