صفحه بندی رابط کاربری

مهمترین جزء در صفحه بندی رابط کاربری شی view است که به عنوان یک زیر کلاس از کلاس View ایجاد می گردد. این شی یک منطقه ی مستطیلی از صفحه ی نمایش را اشغال می کند و مسئول خلق قسمت های مختلف رابط کاربری در صفحه ی نمایش؛ و رسیدگی به تعاملات کاربر با آن قسمت ها می باشد. View کلاس پایه برای ویجت ها نیز می باشد که از آن برای ساختن یک رابط کاربری با اجزای تعاملی مانند دکمه ها، ورودی متن و مانند این ها استفاده می شود.

ViewGroup یک زیر مجموعه از View است و مانند ظرفی نامرئی Viewها یا ViewGroupهای دیگر را در خود نگه می دارد و ویژگی های صفحه بندی آن ها را تعریف می کند.

layouts  را می توان در سه سطح مختلف تقسیم بندی کرد که برگرفته از کلاس ViewGroup هستند و یک صفحه بندی با ساختار بصری را برای رابط کاربری تعریف می کنند. این صفحه بندی هم می تواند در زمان اجرای برنامه با استفاده از اشیای برگرفته از کلاس های View/ViewGroup ساخته شود و هم می توان آن را در فایل main_layout.xml که در مسیر res/layout قرار دارد تعریف کرد.

این آموزش در مورد ایجاد GUI بر اساس طرح بندی تعریف شده در فایل XML است. یک لایه ممکن است شامل هر نوع ویجت مانند دکمه ها، برچسب ها، ورودی های متن و غیره باشد. در زیر یک مثال ساده از فایل XML با LinearLayout وجود دارد:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="This is a TextView" />
<Button android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="This is a Button" />
<!-- More GUI components go here  -->
</LinearLayout>

پس از ایجاد یک صفحه بندی، می توانید مانند قطعه کد زیر فایل ایجاد شده را توسط کد ()Activity.onCreate فراخوانی و پیاده سازی کنید.

public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}

مطلب پیشنهادی:آموزش برنامه نویسی اندروید – گیرنده های اعلام

انواع صفحه بندی ها در اندروید

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

ویژگی های صفحه بندی

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

مطلب پیشنهادی: آموزش برنامه نویسی اندروید- سرویس ها در اندروید

در اینجا ابعاد عرض و ارتفاع layout/view آمده است که می تواند با توجه dp (مستقل از تراکم پیکسلی) و sp (مستقل از اندازه پیکسل) و pt () و px (پیکسل) و mm (میلیمتر) و در نهایت in (اینچ)

شما می توانید طول و عرض را با اندازه های دقیق مشخص کنید، اما در اغلب موارد یکی از ثابت های زیر را برای تعیین طول و عرض استفاده خواهید کرد

android:layout_width=wrap_content –  طبق این دستور شی view ابعادش را بر اساس اندازه ی مورد نیاز، برای محتوای داخلش تنظیم خواهد کرد.

android:layout_width=fill_parent – بر اساس این دستور، شی view اندازه اش را تا حدی که شی والدش اجازه بدهد بزرگ خواهد کرد.

ویژگی Gravity نقش مهمی را در تعیین مکان viewهای داخل یک شی بازی می کند و می تواند یک یا چند مقدار (جداسازی با “|”) از ثابت های آورده شده در جدول زیر را داشته باشد.

شناسایی View

ممکن است به شی view یک ID اختصاص داده شود که موجب منحصر به فرد شدن آن در میان تمام viewها خواهد شد. ساختار تعیین ID در داخل یک تگ XML به صورت زیر است:

android:id="@+id/my_button"

در زیر به طور مختصر سمبل های @ و + را توضیح داده شده

سمبل (@) در ابتدای رشته به تجزیه کننده ی XML می فهماند که باید ادامه ی رشته را به عنوان یک ID در نظر بگیرد.

سمبل (+) به این معناست که این یک ID جدید است و لازم است به منابع افزوده شود. برای ساختن یک نمونه شی view، از روی معادل آن در فایل لایه ای نیز از قطعه کد زیر استفاده می کنیم:

Button myButton = (Button) findViewById(R.id.my_button);

منبع: tutorialspoint