ین مقاله به همراه دیگر مقالات این مجموعه ۱۶ قسمتی، بر اساس آموزش ویدیویی در pluralsight به نام Android Fundamental : Layout تهیه شده است. تاریخ تولید این دوره ۲۰۱۹ است.
روند منبع فوق در فهرست و محتوای مقالات، بطور کلی حفظ شده است ولی در جزئیات یک ترجمه کلمه به کلمه نیست؛ نگارش فهرست و محتوا با افزودن و دخالت همراه بوده است.
بطور کلی هر جا حس شده توضیح بیشتر به درک مطلب کمک میکند دریغ نشده است.
لی اوت در اندروید ۱ : مفاهیم اولیه
لی اوت در اندروید ۲ : آشنایی با اتریبیوت های width و height
لی اوت در اندروید ۳ : آشنایی با اتریبیوت های margin و padding
لی اوت در اندروید ۴ : آشنایی با اتریبیوت gravity
لی اوت در اندروید ۵ : آشنایی با لی اوت های پایه
لی اوت در اندروید ۶ : آشنایی با LinearLayout
لی اوت در اندروید ۷ : اتریبیوت weight
لی اوت در اندروید ۸ : آشنایی با FrameLayout(در حال خواندن این مقاله هستید)
لی اوت در اندروید ۹ : آشنایی با RelativeLayout
لی اوت در اندروید ۱۰: آشنایی با CoordinateLayout
لی اوت در اندروید ۱۱ : آشنایی با ConstraintLayout
لی اوت در اندروید ۱۲ : آشنایی با Layout Inspector
لی اوت در اندروید ۱۳ : بهینه سازی رابط کاربری
لی اوت در اندروید ۱۴ : استفاده از تگ include
لی اوت در اندروید ۱۵ : استفاده از تگ merge
لی اوت در اندروید ۱۶ : استفاده از ViewStub
اگر بخواهیم یک ویو را روی یک ویوی دیگر قرار دهیم از این لی اوت استفاده میکنیم.
لی اوت اصلی روت ما فریم لی اوت است. از المان ویو به جای یک ویوی دیگر درون فریم لی اوت استفاده میکنیم.
از ساده ترین شکل ویو یعنی خود کلاس View استفاده کردیم. شما میتوانید دکمه یا تکست ویو استفاده کنید.
حالا یک ویوی دیگر درست میکنیم:
نحوه نمایش در تصویر فوق مشخص کرده که فریم لی اوت چطور کار میکند.
پس ترتیب استفاده از ویوها به نحوه قرارگیری آنها مرتبط است. به تصویر زیر که حاصل جابجایی دو ویوی فوق است توجه کنید:
حالا تاثیر استفاده از margin را ببینید:
اگر بخواهید از گراویتی برای تعیین پوزیشن ویوها نسبت به Framelayout استفاده کنید به شکل زیر میتوانید عمل کنید:
در مثال واقعی زیر ببینید که یک تصویر داریم که روی آن یک متن به همراه بک گراند است:
تصویر دارای طول و عرضی است که پرنت را پر میکند:
ویوی بعدی TextView است که به شکل زیر قرار گرفته است :
گراویتی آن سنتر است و بک گراند دارد.
مثال زیر را ببینید:
امیدوارم با FrameLayout آشنا شده باشید. در بخشی بعدی این مجموعه مقالات، در مورد RelativeLayout که این روزها کم استفاده است صحبت میکنیم.