لایه های UI - در برنامه نویسی اندروید

بلوک اصلی برای UI در اندروید یک شی View است که از کلاس View ایجاد می شود و یک ناحیه مستطیل شکل روی صفحه را اشغال می کند و وظیفه ترسیم و مدیریت رویداد را بر عهده دارد. View کلاس پایه برای ویجت ها است که برای ایجاد اجزای UI تعاملی در اندروید مانند دکمه ها، فیلدهای متنی و غیره استفاده می شود.

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

ساختار چینش

در سطح سوم ما طرح‌بندی‌های مختلفی از UI در اندروید داریم که زیر کلاس‌های کلاس ViewGroup هستند. یک طرح‌بندی معمولی ساختار بصری یک UI در اندروید را تعریف می‌کند و می‌تواند در زمان اجرا با استفاده از View ایجاد شود.

طرح بندی گرافیک

این آموزش بیشتر در مورد ایجاد رابط کاربری گرافیکی بر اساس طرح بندی های تعریف شده در فایل 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="این یک TextView است" />
      
   <Button android:id="@+id/button"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="این یک Button است" />
      
   <!-- دیگر GUI اجزا اینجا قرار میگیرند -->
   
</LinearLayout>

هنگامی که طرح‌بندی شما ایجاد شد، می‌توانید منبع طرح‌بندی را از کد برنامه خود، در اجرای متد ()Activity.onCreate بارگیری کنید، همانطور که در کدهای زیر نشان داده شده است:

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

انواع لایه ها در اندروید

تعدادی Layout برای UI در اندروید ارائه شده است که تقریباً در تمام برنامه ها برای UI در اندروید برای ظاهر و احساس متفاوت از آنها استفاده خواهید کرد. در جدول پایین تعدادی از این لایه ها را آورده ایم و موارد استفاده هر کدام را توضیح داده ایم:

لایه های زیادی وجود دارند که در بالا پراستفاده ترین آنها را آورده ایم.

Attributeهای مهم یک ViewGroup

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

ویژگی های فاصله گذاری

عرض و ارتفاع یک View

در اینجا عرض و ارتفاع ابعاد layout/view وجود دارد که می‌توان آن را بر حسب dp (پیکسل‌های مستقل از چگالی)، sp (پیکسل‌های مستقل از مقیاس)، pt (نقاط 1/72 اینچ)، px( پیکسل)، میلی متر (میلی متر) و در نهایت بر حسب (اینچ) مشخص کرد.

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

• android:layout_width=wrap_content به view شما می گوید که خود را اندازه خود را طوری تنظیم کند که به اندازه محتوای درون آن وجود دارد.
• android:layout_width=match_parent به view شما میگوید که خود را به انداز والد خود گسترش دهد.

مقادیر ویژگی Gravity

ویژگی Gravity نقش مهمی در موقعیت‌یابی شی view ایفا می‌کند و می‌تواند یک یا چند عدد از مقادیر ثابت زیر را با «|» از هم جدا کند.

مقادیر ساده

مقادیر فیلتری

شناسایی view در xml

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

android:id="@+id/my_button"

در ادامه توضیحات مختصری درباره علائم @ و + ارائه شده است :

• علامت at-(@) در ابتدای رشته نشان می دهد که تجزیه کننده XML باید بقیه رشته ID را تجزیه و گسترش دهد و آن را به عنوان یک منبع ID شناسایی کند.
• علامت مثبت (+) به این معنی است که این یک نام منبع جدید است که باید ایجاد و به منابع ما اضافه شود.

شناسایی view در کلاس

برای ایجاد یک نمونه از شی view و گرفتن آن از طرح در کلاس، از کدهای زیر باید استفاده کنید:

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