نحوهی کار با رلیتیو لیوت (Relative Layout)
فیلم آشنایی با نحوهی کار با رلیتیو لیوت (Relative Layout)
متن به همراه عکس آشنایی با نحوهی کار با رلیتیو لیوت (Relative Layout)
در این مقاله میخواهیم با نحوهی کار رلیتیو لیوت، ویژگیها و جزییات مربوط به آن آشنا شویم.
رلیتیو لیوت چیست؟
رلیتیو لیوت در واقع لایهای است که در آن میتوانیم ویوهایمان را به هر شکلی که مدنظرمان است بچینیم، فاصلهی بینشان را تنظیم کنیم و ویژگیهایی برایشان در نظر بگیریم. در رلیتیو لیوت، ویوها را بر اساس پیکسل کنار هم قرار میدهیم.
نحوهی کار با رلیتیو لیوت:
ابتدا یک پروژهی جدید میسازیم، سپس از طریق مسیر زیر وارد قسمت گرافیکی(Design) میشویم.
app>res>layout>activity_main.xml
به صورت پیش فرض یک تکست ویو داخل پروژه وجود دارد که آن را پاک میکنیم.
در نسخههای جدید اندروید استودیو، لایهی پیش فرض، کانسترینت لیوت است. برای اینکه از لایهی رلیتیولیوت استفاده کنیم دو روش وجود دارد.
روش اول:
ابتدا از قسمت Design وارد قسمت Text میشویم و کدنویسی زیر را مشاهده میکنیم:
1 2 3 4 5 6 7 8 9 |
<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> |
کدنویسی مربوط به خط دوم را تا قبل تگ “>” پاک میکنیم و به جای آن کد زیر را مینویسیم.
1 |
<RelativeLayout |
با این کار میتوانیم لایه را به رلیتیو لیوت تغییر دهیم و در قسمت گرافیکی از آن استفاده کنیم.
کدنویسی کامل در قسمت Text در لایه:
1 2 3 4 5 6 7 8 |
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> |
روش دوم:
در همان بخش گرافیکی، روی کانسترینت لیوت در قسمت “Component Tree” کلیک راست و روی گزینهی Convert view کلیک میکنیم. صفحهای برایمان باز میشود که میتوانیم در خط اول به صورت دستی رلیتیولیوت را بنویسیم و یا از گزینههای پایین، آن را انتخاب کنیم. در آخر هم گزینهی Apply را انتخاب میکنیم که لایه به رلیتیولیوت تبدیل شود.
ویژگیهای رلیتیو لیوت:
- اگر ویویی را به لایهی رلیتیو لویت اضافه کنیم، مثلا یک باتن، به صورت پیش فرض در بالا و گوشهی سمت چپ قرار میگیرد. پس باید از بالا یا پایین و چپ یا راست به دیوارهها وصل کنیم و جایگاه آن را مشخص کنیم.
مثلا از پایین به دیوارهی پایین و از چپ به دیوارهی چپ وصل میکنیم. مشاهده میکنیم که میتوانیم باتن را به هر نحوی که بخواهیم در لایه قرار دهیم.
حال اگر یک باتن دیگر به لایه اضافه کنیم، به صورت پیش فرض در همان بالا سمت چپ قرار میگیرد. پس باید جایگاه آن را نیز مشخص کنیم.
اگر باتن و تکست ویو را بدون هیچ گونه اتصالی از دیوارهها به لایه اضافه کنیم، هردو در قسمت بالا و گوشهی سمت چپ و داخل همدیگر قرار میگیرند. برای اینکه این دو را از هم جدا کنیم، باید جایگاه هر یک را مشخص کنیم، یعنی در همان بخش گرافیکی دیوارهی هر یک را وصل کنیم.
- ویژگی دیگر رلیتیولیوت نسبیتی بودن آن است، یعنی ویویی که به لایه اضافه کردیم نسبت به صفحهمان چه جایگاهی دارد و چگونه قرار گرفته است. لایهی پیشرفتهتر از رلیتیولیوت، همان کانسترینت لیوت میباشد.
- یکی از سختیهای کار کردن با رلیتیولیوت، این است که ممکن است هنگام جابجایی، ویو در بیرون صفحه قرار بگیرد و جابجایی برایمان مشکل شود.
- ویژگی دیگر اینکه میتوانیم ویوها را نسبت به هم جابهجا کنیم و فاصلهی بینشان را ثابت کنیم. که در نتیجه وقتی از پروژه اجرا بگیریم، در هر صفحه نمایش ویوها به یک شکل و با یک فاصله نشان داده شود و دیگر نیازی نیست که چند لایه برای صفحه نمایشهای مختلف بسازیم.
- یک ویوی دیگر به لایه اضافه میکنیم و از سمت چپ به سمت راست باتن اول و از سمت راست به دیواره سمت راست صفحه وصل میکنیم و فاصلهها را نیز با جابجایی ویوی جدید مشخص میکنیم. مشاهده میکنیم اگر باتن را به سمت راست جابهجا کنیم، ویوی ما کوچک میشود، چون یک فاصلهی ثابت دارد.
کانسترینت لیوت نیز همانند رلیتیولیوت کار میکند؛ با این تفاوت که فاصلهی بین دیوارهها را به صورت درصد نشان میدهد.
- در سمت راست صفحه نیز ویژگیهایی وجود دارد که میتوانیم ویژگیهای مدنظر را برای لایهمان انتخاب کنیم.
دانلود فایل
مطالب زیر را حتما بخوانید
-
نحوهی کار با ویدئوپلیر (Video Player) از طریق پوشهی raw
7.49k بازدید
-
آلرت دیالوگ (AlertDialog) چیست و نحوهی کار با آن چگونه است؟
7.05k بازدید
-
اسنکبار (Snackbar) در اندروید
4.59k بازدید
-
ّFloating action Button (فلوتینگ اکشن باتن) در اندروید
4.41k بازدید
-
نحوهی کار با فریم لیوت (FrameLayout)
4.9k بازدید
-
یک روش برای تمرکز در برنامهنویسی
3.29k بازدید
دیدگاهتان را بنویسید