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

طراحی رابط کاربری ریسپانسیو در اندروید

مسعود  2 سال پیش
0
0
3

راهکارهایی برای طراحی لایه‌های کمتر و در عین حال ریسپانسیو در اندروید


سلام؛ امیدوارم که روز خیلی خوب و سرشار از انرژی مثبت داشته باشید.

بنده در طی تجربیاتی که داشتم به راهکارهایی برای طراحی لایه‌های رسپانسیو رسیدم که نیاز به طراحی لایه‌های مختلف برای دیوایس‌هایی با اندازه‌های مختلف رو کمتر می‌کنه؛ اما همیشه اینطور نیست! امیدوارم دوستانی که به این نکات توجه نداشتن واسشون مفید باشه! خب بریم سراغ راهکارها: ۱. در قدم اول همیشه از ConstraintLayout استفاده کنید. به این دلیل که این لایه چون بصورت زنجیروار لایه‌های داخلیش رو بهم وصل می‌کنه فضای موجود در دیوایس‌های مختلف رو به یک نسبت تقسیم و ویوها رو جایگذاری می‌کنه ۲. در ConstraintLayout می‌تونید به ویوها عرض و ارتفاع درصدی اعمال کنید! با همین روش ساده شما می‌تونید لایه‌ای که ساختید رو در دیوایس‌های مختلف به یک اندازه عرض و ارتفاع بدید! ۳. سعی کنید از لایه‌های NestedScrollView و امثال اون استفاده کنید و در لایه داخلی آن به عنوان والد مجدد از ConstraintLayout استفاده کنید! ScrollViewها باعث میشه اگر ارتفاع دیوایسی کمتر از ارتفاع لایه‌هاتون بود، کاربر بتونه به راحتی صفحه رو به بالا و پایین حرکت بده.

نمونه کدی رو قرار دادم تا بهتر متوجه توضیحات بشید!


اسنیپ
layout.xml+
length : 0 words : 0 lines : 0