آموزش RelativeLayout

یکی از Layout های اندروید که برای چیده مان المان ها یا ویجت ها، میتوانیم از آن استفاده کنیم RelativeLayout میباشد و همانطور که از اسم آن مشخص میباشد، بطور نسبی ویجت ها را میتوانیم با طراز بندی های خاصی بچینیم.

در RelativeLayout میتوانید با استفاده از ویژگی های above,below,left,right تعیین کنید که ویجت ها به چه صورتی کنار هم قرار بگیرند.

نکته: RelativeLayout بسیار قابل انعطاف میباشد و میتوان بسیار راحت ویجت ها را با قاعده های آن در صفحه بطور ترو تمیز چید.

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

 

روش تعریف RelativeLayout در اندروید:

برای تعریف کردن RelativeLayout میبایستی که تگ آن را تعریف نماییم.

 

<RelativeLayout
android:layout_width="fill_parent"

android:layout_height="wrap_content">

پس از تعریف، بایستی المان را در داخل این Viewgroup و نسبت های مربوطه را برای هرکدام از ویجت ها قرار داد.

قرار دادن خصوصیت Id:

Id یکی از مهمترین ویژگی های هر Layout یا ویجت میباشد که باید به آنها نسبت دهیم تا بتوانیم در قسمت Layout و اکتیویتی به آنها دستیابی پیدا کنیم و عملکرد هر کدام را تعریف نماییم.

طریقه تعریف Id:

{xtypo_code}android:id="@+id/name"

بعد از تعریف کردن id مربوطه، name یک مقدار رشته ای برای آن در فایل R ایجاد میکند و از این طریق میتوان به آنها دسترسی پیدا کرد.

خصوصیات RelativeLayout:

android:layout_above : این خصوصیت تعیین میکند که این ویجت در بالای کدام view یا ویجت دیگر قرار بگیرد.

android:layout_below : این خصوصیت تعیین میکند که این ویجت در پایین کدام view یا ویجت قرار بگیرد.

android:layout_centerHorizontal : این خصوصیت تعیین میکند که این view یا ویجت بطور افقی وسط چین شود.

android:layout_centerVertical : این خصوصیت تعیین میکند که این view یا ویجت بطور عمودی وسط چین شود.

android:layout_centerInParent : این خصوصیت تعیین میکند که این view یا ویجت، بطور عمودی و افقی وسط چین شود و دقیقا مشابه استفاده از دو ویژگی centerHorizontal و centerVertical میباشد.

android:layout_toLeftOf : این خصوصیت تعیین میکند که این view یا ویجت سمت چپ کدام view باشد.

android:layout_toRightOf: این خصوصیت تعیین میکند که این view یا ویجت سمت راست کدام view باشد.

android:layout_alignParentRight : این خصوصیت تعیین میکند که این view یا ویجت سمت راست والد خود باشد.

Margin :

Margin برای ایجاد کردن فاصله بین View ها از طرف خارج خود میباشد یا بطور ساده تر میتوان گفت بین ویجت ها از جهت های بالا، پایین، راست و چپ فاصله ایجاد میکند و به هر اندازه که نیاز باشد، میتوان سایز های مورد نظر خود را به آن اختصاص داد.

 

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

ابتدا یک پروژه جدید اندروید را ایجاد کنید.

بر روی پوشه res/layout راست کلیک کنید و سپس گزینه Android xml file را انتخاب کنید و یک اسم برای Layout خود انتخاب کنید.

 

و یا بصورت افقی :

 

<RelativeLayout 

android:layout_width="fill_parent"

android:layout_height="wrap_content">

 

<EditText android:layout_height="wrap_content" android:text="Email" />

 

<TextView android:layout_height="wrap_content" android:layout_below="@id/label" />

<Button android:layout_height="wrap_content" android:layout_below="@id/inputEmail"

android:layout_alignParentLeft="true" android:layout_marginRight="10px"

android:text="Login" />

 

<Button android:layout_toRightOf="@id/btnLogin"

android:layout_alignTop="@id/btnLogin" android:text="Cancel" />

 

<Button android:layout_alignParentBottom="true" android:text="Register new Account"

android:layout_centerHorizontal="true"/>

 

 

خروجی

ارتباط layout با اکتیویتی:

setContentView(R.layout.relative_layout);

با این دستور براحتی تعیین میکنید، هنگامی که این Activity اجرا شود، کدام Layout ظاهر شود.

در ادامه همراه شاپ دروید باشید

این آموزش از چه قسمت هایی تشکیل شده است؟

 

در این آموزش با مفاهیم Layout در اندروید و RelativeLayout بطور کامل آشنا خواهید شد و قادر خواهید بود رابط های گرافیکی مختلفی را پیاده سازی نمایید.

از جمله آیتم های موجود میتوان به موارد زیر اشاره کرد:

 

مفهوم RelativeLayout در اندروید

انواع Layout های موجود در اندروید برای پیاده سازی رابط های کاربری

استفاده از خصوصیت های CenterVertical و CenterHorizontal در RelativeLayout

آشنایی و استفاده از Margin

آشنایی با id و طریقه تعریف کردن id ها

طراز بندی ویجت ها کنار هم

حل مشکل بهم ریختگی View ها در RelativeLayout

 

 

مشخصات ویدئو

عنوان:آشنایی با RelativeLayout در اندروید
مدرس:فرزاد سرسیفی
مدت:21 دقیقه
سطح:حرفه ای

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