Mavzu: Floating Action Button

O‘ZBEKISTON RESPUBLIKASI AXBOROT TEXNOLOGIYALARI VA KOMMUNIKATSIYALARINI RIVOJLANTIRISH VAZIRLIGI
MUHAMMAD AL-XORAZMIY NOMIDAGI TOSHKENT AXBOROT TEXNOLOGIYALARI UNIVERSITETI

2-LABARATORIYA

MAVZU: Floating Action Button
Bajardi: MAD004-L1
guruh talabasi Eshmurodov Alisher
Tekshirdi: Azimov Sarvar

Floating Action Button
Floating Action Button (FAB) - bu ilovangiz interfeysidagi asosiy amalni ishga tushiradigan dumaloq tugma. Bu sahifa sizga qanday qilib FAB-ni maketingizga qo'shish, uning ba'zi ko'rinishini sozlash va tugma bosishga javob berishni ko'rsatadi.
Yangilangan FAB-lar kichikroq burchak radiusi, yangi rang xaritalari, dinamik ranglar mosligi va katta ekranlar uchun o'zgarishlarga ega bo'lgan boks uslubiga ega.
Materiallar dizayni boʻyicha koʻrsatmalarga muvofiq ilovangizda suzuvchi harakat tugmachasini qanday loyihalash haqida koʻproq maʼlumot olish uchun “Floating Action Button”ni ham koʻring.

1-rasm

Tarkibingizga FloatingActionButton qo'shing
Quyidagi kod FloatingActionButton sizning tartib faylingizda qanday ko'rinishini ko'rsatadi:

android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end|bottom"
android:src="@drawable/ic_my_icon"
android:contentDescription="@string/submit"
android:layout_margin="16dp" />

Odatiy bo'lib, FAB colorAccent atributi bilan ranglanadi, siz uni mavzuning ranglar palitrasi bilan sozlashingiz mumkin.

Siz boshqa FAB xususiyatlarini XML atributlari yoki mos keladigan usullar yordamida sozlashingiz mumkin, masalan:
App:fabSize atributi yoki setSize() usuli yordamida FAB hajmi.
App:rippleColor atributi yoki setRippleColor() usuli yordamida FAB ning to'lqinli rangi.
FAB belgisi, android:src atributi yoki setImageDrawable() usuli yordamida

Tugmalarni bosish uchun javob bering

Keyin FAB kranlarini boshqarish uchun View.OnClickListener dasturini qo'llashingiz mumkin. Masalan, foydalanuvchi FAB tugmasini bosganida quyidagi kod Snackbarni ko'rsatadi:

val fab: View = findViewById(R.id.fab)

fab.setOnClickListener
{ view ->
Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
.setAction("Action", null)
.show()
}

FAB imkoniyatlari haqida qo'shimcha ma'lumot olish uchun FloatingActionButton uchun API ma'lumotnomasiga qarang.

Kichikroq ekranlarda mini FAB dan foydalanish kerak. Ekran kengligi 460 dp yoki undan kam bo'lsa, standart FAB (56 dp) konteyneri mini o'lchamga (40 dp) aylanishi kerak.
Mini FABlar boshqa ekran elementlari bilan vizual uzluksizlik yaratish uchun ham ishlatilishi mumkin.

(FAB) joriy ekranda harakatni boshlashi yoki yangi ekran yaratadigan amalni bajarishi mumkin.

FAB muhim, konstruktiv harakatlarni qo'llab-quvvatlaydi, masalan:

Yaratmoq
Sevimli

Ulashish
Jarayonni boshlang
Kichik yoki halokatli harakatlar uchun FAB dan foydalanishdan saqlaning, masalan:

Arxiv yoki axlat qutisi

Ogohlantirishlar yoki xatolar
Matnni kesish kabi cheklangan vazifalar
Asboblar paneliga mosroq boshqaruv elementlari (masalan, ovoz balandligi yoki shrift rangini sozlash uchun boshqaruv elementlari)