چگونه می توان در اندروید استودیو لی اوت افقی ایجاد کرد؟

در این مطلب از سایت آموزش برنامه نویسی اندروید الکامکو می خواهیم نحوه ایجاد لی اوت افقی (Landscape Layout) در اندروید استودیو را به شما آموزش دهیم.

در گوشی های اندرویدی وقتی که کاربر گوشی خودش را به حالت افقی می کند بعضی از گزینه ها یا ابزارک ها ممکن است دیده نشوند و نامرئی شوند (همانطور که در تصویر زیر مشاهده می کنید) که بعضی اوقات با اسکرول کردن قابل دیدن هستند ولی در بعضی موارد کلا با اسکرول هم قابل دیدن نیستند. اگر به عنوان یک برنامه نویس اندروید دوست دارید اجزای اپلیکیشن شما در حالت افقی هم قابل نمایش باشد بنابراین نیاز است تا یک دیزاین جداگانه برای حالت افقی (Landscape Mode) در اندروید استودیو طراحی کنید.

دلیل ایجاد لی اوت Landscape در اندروید استودیو

در طراحی اپلیکیشن موبایل اندروید، هر برنامه تقریباً در هر دو جهت یعنی افقی (landscape) و عمودی (Portrait) طراحی می شود. اما به طور پیش فرض، اندروید استودیو (Android Studio) طراحی اپلیکیشن را در حالت عمودی (Portrait mode) برای ما فراهم می کند و برای حالت افقی Landscape ، باید یک پوشه Landscape Layout را در زیر پوشه res ایجاد کنیم. طبق راهنمای درج شده در سایت توسعه اندروید، نام این پوشه باید “layout-land” باشد.

تا آخر این مقاله با ما باشید چون قصد داریم ایجاد لی اوت landscape در android studio را با دو روش به شما آموزش دهیم.

روش اول برای ایجاد لی اوت افقی (Landscape Layout) در اندروید استودیو : 

• مرحله ۱: اگر پروژه قبلاً در حالت “Android” باز شده است ، همانطور که در تصویر زیر نشان داده شده، پروژه را به حالت “Project” تغییر دهید.

• مرحله ۲: مسیر زیر را دنبال کنید:

1.  app > src > main > res > راست کلیک > New >Android Resource Directory
2. در قسمت Resource type ، گزینه layout را انتخاب کنید.
3. سپس به قسمت Orientation رفته و سپس بر روی نماد << کلیک کنید.

• مرحله ۳: حالا گزینه Landscape را از قسمت Screen orientation انتخاب کنید و ok را بزنید که در اینصورت Directory name به طور خودکار به layout-land تغییر می کند. پس اجازه دهید Directory name به عنوان layout-land باشد و آن را تغییر ندهید.

• مرحله ۴: مسیر زیر را دنبال کنید:

1. layout-land > راست کلیک > New > XML > Layout XML File
2. و یک نام برای فایل خود انتخاب کنید.

• مرحله ۵: حالا روی فایل layout.xml راست کلید کنید و گزینه cut را انتخاب کنید و آن را در زیر پوشه layout-land قرار دهید (paste کنید).

فایل XML را باز کنید و Landscape mode را خواهید دید.

اگر می خواهید activity_main.xml را مجدداً در حالت Landscape طراحی کنید، فایل activity_main.xml را از پوشه layout در پوشه layout-land کپی و پیست کنید.

روش دوم برای ایجاد لی اوت افقی (Landscape Layout) در اندروید استودیو : 

اجرای روش ۲ بسیار آسان است. در واقع در Android Studio 3.x.x و بالاتر، نیازی به ایجاد یک پوشه layout  اضافی نیست. فقط دو مرحله برای اجرای این روش وجود دارد.

مرحله ۱: UI layout را در حالت DESIGN باز کنید تا GUI واقعی مانند دکمه ها ، آیکون ها و غیره را ببینید.

مرحله ۲: روی نماد مشخص شده در تصویر زیر کلیک کنید و از منو ، گزینه Create Landscape Variation را انتخاب کنید. سپس فایل Landscape به صورت خودکار با نام land\xml file name ایجاد می شود.

دنبال یادگیری بیشتر از برنامه نویسی اندروید هستی؟ 

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

دوره های آموزشی الکامکو   | دوره های برنامه نویسی اندروید الکامکو

مقالات مرتبط با آموزش های برنامه نویسی اندروید

آموزش زبان برنامه نویسی دارت (Dart) برای فریم ورک فلاتر (Flutter)

Posted: مرداد ۱۲, ۱۴۰۱

یادگیری و آموزش زبان دارت که یکی از محبوب ترین و جدیدترین زبان های برنامه نویسی ارائه شده از طرف گوگل است به همه افرادی که می خواهند با فریم‌ورک قدرتمند فلاتر کار کنند و اپلیکیشن های موبایل اعم از اندروید و ios بسازند توصیه می شود. با این دوره آموزش متخصص فلاتر الکامکو اول…

۰ comments

آموزش طراحی اپلیکیشن اندروید با کاتلین (Kotlin)

Posted: مرداد ۵, ۱۴۰۱

 

۰ comments

برنامه نویسی اندروید چیست و چگونه آن را یاد بگیریم تا به درآمدزایی برسیم؟

Posted: تیر ۱۲, ۱۴۰۱

برنامه نویسی اندروید چیست؟ چرا برنامه نویس اندروید شویم؟ روش های کسب درآمد از برنامه نویسی اندروید چگونه است؟ بهترین زبان های برنامه نویسی اندروید کدام ها هستند؟ آیا برنامه نویسی اندروید سخت است؟ بهترین محیط برای برنامه نویسی اندروید چیست؟ اینها سوالاتی هستند که در این مطلب می خواهیم به آنها پاسخ دهیم پس…

۰ comments