مرتضی دلیل
مرتضی دلیل
خواندن ۲ دقیقه·۵ سال پیش

لی اوت در اندروید ۸ : آشنایی با FrameLayout

ین مقاله به همراه دیگر مقالات این مجموعه ۱۶ قسمتی، بر اساس آموزش ویدیویی در pluralsight به نام Android Fundamental : Layout تهیه شده است. تاریخ تولید این دوره ۲۰۱۹ است.
روند منبع فوق در فهرست و محتوای مقالات، بطور کلی حفظ شده است ولی در جزئیات یک ترجمه کلمه به کلمه نیست؛ نگارش فهرست و محتوا با افزودن و دخالت همراه بوده است.
بطور کلی هر جا حس شده توضیح بیشتر به درک مطلب کمک می‌کند دریغ نشده است.

لی اوت در اندروید ۱ : مفاهیم اولیه
لی اوت در اندروید ۲ : آشنایی با اتریبیوت های width و height
لی اوت در اندروید ۳ : آشنایی با اتریبیوت های margin و padding
لی اوت در اندروید ۴ : آشنایی با اتریبیوت gravity
لی اوت در اندروید ۵ : آشنایی با لی اوت های پایه
لی اوت در اندروید ۶ : آشنایی با LinearLayout
لی اوت در اندروید ۷ : اتریبیوت weight
لی اوت در اندروید ۸ : آشنایی با FrameLayout(در حال خواندن این مقاله هستید)
لی اوت در اندروید ۹ : آشنایی با RelativeLayout
لی اوت در اندروید ۱۰: آشنایی با CoordinateLayout
لی اوت در اندروید ۱۱ : آشنایی با ConstraintLayout
لی اوت در اندروید ۱۲ : آشنایی با Layout Inspector
لی اوت در اندروید ۱۳ : بهینه سازی رابط کاربری
لی اوت در اندروید ۱۴ : استفاده از تگ include
لی اوت در اندروید ۱۵ : استفاده از تگ merge
لی اوت در اندروید ۱۶ : استفاده از ViewStub


اگر بخواهیم یک ویو را روی یک ویوی دیگر قرار دهیم از این لی اوت استفاده میکنیم.

المان view ساده ترین کامپوننت برای ایجاد یک کادر است.
المان view ساده ترین کامپوننت برای ایجاد یک کادر است.

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

حالا یک ویوی دیگر درست میکنیم:

فریم لی اوت باعث شده که المان های درونی روی همدیگر قرار گیرند.
فریم لی اوت باعث شده که المان های درونی روی همدیگر قرار گیرند.

نحوه نمایش در تصویر فوق مشخص کرده که فریم لی اوت چطور کار میکند.

پس ترتیب استفاده از ویوها به نحوه قرارگیری آنها مرتبط است. به تصویر زیر که حاصل جابجایی دو ویوی فوق است توجه کنید:

دو المان View را جابجا کردیم.
دو المان View را جابجا کردیم.

حالا تاثیر استفاده از margin را ببینید:

مارجین بر اساس دیواره لی اوت اعمال میشود.
مارجین بر اساس دیواره لی اوت اعمال میشود.

اگر بخواهید از گراویتی برای تعیین پوزیشن ویوها نسبت به Framelayout استفاده کنید به شکل زیر میتوانید عمل کنید:

تاثیر layout_gravity
تاثیر layout_gravity

در مثال واقعی زیر ببینید که یک تصویر داریم که روی آن یک متن به همراه بک گراند است:

تصویر دارای طول و عرضی است که پرنت را پر میکند:

ویوی بعدی TextView است که به شکل زیر قرار گرفته است :

گراویتی (gravity) بر اساس محتوای المان اعمال شده است. لی اوت در اندروید ۸ : آشنایی با FrameLayout (در حال خواندن این مقاله هستید)
گراویتی (gravity) بر اساس محتوای المان اعمال شده است. لی اوت در اندروید ۸ : آشنایی با FrameLayout (در حال خواندن این مقاله هستید)

گراویتی آن سنتر است و بک گراند دارد.

مثال زیر را ببینید:

به محل قرارگیری المان های درون لی اوت دقت کنید که بر اساس layout_gravity است.
به محل قرارگیری المان های درون لی اوت دقت کنید که بر اساس layout_gravity است.

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

آموزش اندرویدآموزش android layoutlayoutframelayoutبرنامه نویسی
برنامه نویس و علاقمند به برنامه نویسی، سینما، فلسفه و هر چیزی که هیجان انگیز باشد. در ویرگول از روزمرگیهای مرتبط با علاقمندیهام خواهم نوشت. در توئیتر و جاهای دیگر @mortezadalil هستم.
شاید از این پست‌ها خوشتان بیاید