Tasarim tuzilmadagi o'zgartirishlarni ko'rish uchun "Design" rejimini tanlang

FrameLayout, UI elementlarini joylashtirish uchun ishlatiladigan bir layout uslubidir. Ushbu uslub, elementlarni ekran ustida qo'yish imkonini beradi. Bu uslub orqali elementlar bir-birining ustiga o'rnatilishi va elementlarning cheklanishi mumkin bo'ladi.

Android Studio'da FrameLayout bilan ishlovchi uchun quyidagi qadamlarni bajaring:

Android Studio dasturini oching va loyihangizni yuklab oling yoki yangi loyihani yaratib oling.
activity_main.xml faylini oching. Bu, tasarimingizni tahrirlash uchun foydalaniladigan fayl hisoblanadi.
Tasarim tuzilmadagi o'zgartirishlarni ko'rish uchun "Design" rejimini tanlang.
Tasarim rejimida, FrameLayout elementini qo'shmoqchi bo'lgan joyga o'ting yoki mavjud elementni FrameLayout ichiga o'rnatish uchun elementni FrameLayoutning ichiga olasiz.
FrameLayout ichida, boshqa elementlarni joylashtiring. Misol uchun, siz FrameLayout ichida Button elementini joylashtirish uchun quyidagi XML kodi bilan ishlay olasiz:

android:layout_width="match_parent"
android:layout_height="match_parent">

android:id="@+id/myButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="My Button" />

Ushbu kod orqali siz FrameLayout ichida Button elementini joylashtirishingiz mumkin. Bu yerda siz Button elementining xususiyatlarini ham sozlash imkoniyatiga ega bo'lasiz.

Misol 1: FrameLayout ichida bir nechta element joylash

xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">

android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 1" />

android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello, FrameLayout!"
android:textSize="20sp" />


Bu misolda, FrameLayout ichiga bir Button va bir TextView joylashtirilgan. Button va TextView elementlari bir-birining ustiga o'rnatiladi.

Misol 2: FrameLayout ichida elementlarni qo'shimcha xususiyatlar bilan joylash

xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">

android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 1"
android:layout_gravity="center" />

android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Hello, FrameLayout!"
android:textSize="20sp"
android:layout_gravity="bottom|end" />


Bu misolda, Button elementiga android:layout_gravity="center" atributi berildi va uni markazga o'rnatish imkonini berdi. TextView elementiga esa android:layout_gravity="bottom|end" atributi berildi va uning past va o'ng tomondagi joylashuvini aniqladi.

Misol 3: FrameLayout ichidagi elementlarni qo'shimcha ViewGroup bilan ichida joylash

xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center">

android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 1" />

android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 2" />


Bu misolda, FrameLayout ichida LinearLayout joylashtirildi. LinearLayout esa Button elementlarini ichiga olgan ViewGroup bo'lib, ularni markazga joylashtiradi.