با یاد خدا
سلام.در بخش قبلی آموزش Layout ها در زامارین به LinearLayout پرداختیم حال در این بخش به RelativeLayout میپردازیم.
RelativeLayout
همانطور که از اسمش معلوم است در این نوع لایه (Layout) ویو ها به هم مرتبط هستن و نسبت به هم قرار میگیرند این لایه پارامتر های خاصی نیز دارد. برای مثال در این لیاوت میتون تعیین کرد که یک دکمه همواره در پایین صفحه باشد یا دو دکمه همواره کنار هم باشند
Relative Layout
ساختار RelativeLayout
RelativeLayout بصورت زیر تعریف میشود:
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent">.................</RelativeLayout>
خصوصیت align و تراز
این لیاوت فرق اساسی که با بقیه دارد این است که خصوصیت align را دارد و میتوان با استفاده از آن ویو ها را نسبت به هم قرار داد مانند تصویر بالا که به همه آنها در قسمت زیر میپردازیم.
اتریبیوت xml
توضیح
layout_alignParentTop
مقدار True یا False میگیرد اگر True باشد همواره در بالای RelativeLayout قرار میگیرد
layout_alignParentBottom
مقدار True یا False میگیرد اگر True باشد همواره در پایین RelativeLayout قرار میگیرد
layout_alignParentLeft
مقدار True یا False میگیرد اگر True باشد همواره در سمت چپ RelativeLayout قرار میگیرد
layout_alignParentRight
مقدار True یا False میگیرد اگر True باشد همواره در سمت راست RelativeLayout قرار میگیرد
layout_centerInParent
مقدار True یا False میگیرد اگر True باشد همواره در وسط RelativeLayout قرار میگیرد
layout_centerHorizontal
مقدار True یا False میگیرد اگر True باشد در مکان وسط افقی RelativeLayout قرار میگیرد
layout_centerVertical
مقدار True یا False میگیرد اگر True باشد در مکان وسط عمودی RelativeLayout قرار میگیرد
layout_below
ویو را در پایین ویو تعیین شده قرار میدهد
layout_above
ویو را در بالای ویو تعیین شده قرار میدهد
layout_toRightOf
ویو را در سمت راست ویو تعیین شده قرار میدهد
layout_toLeftOf
ویو را در سمت چپ ویو تعیین شده قرار میدهد
layout_toEndOf
ویو را در پایان ویو تعیین شده قرار میدهد
layout_toStartOf
ویو را در شروع ویو تعیین شده قرار میدهد
استفاده از RelativeLayout
1-کد زیر را در فایل Main.axml قرار دهید
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/label"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dip"
android:text="Email:" />
<EditText
android:id="@+id/entry"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dip"
android:layout_below="@id/label" />
<TextView
android:id="@+id/label23"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/entry"
android:text="Password:" />
<EditText
android:id="@+id/entry23"
android:inputType="numberPassword"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/label23" />
<Button
android:id="@+id/ok"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/entry23"
android:layout_alignParentRight="true"
android:layout_marginLeft="10dip"
android:text="Login" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLeftOf="@id/ok"
android:layout_alignTop="@id/ok"
android:text="Sign Up!" />
</RelativeLayout>
2-حال کد های اضافی را در فایل اکتیویتی اصلی حذف کنید
3-برنامه را اجرا کنید باید تصویری همانند تصویر زیر را ببینید.
قسمت قبلی
فهرست تمامی قسمت ها
قسمت بعدی انشالله به زودی…
