|
Mobil ilovalar yaratish
|
| Sana | 23.05.2024 | | Hajmi | 0,57 Mb. | | #251389 |
Bog'liq 1-2 PM 21 GURUH TALABASI MINGBOYEVA XOLDONA Mobil ilovalar yaratish. Mingboyeva Xoldona
CardView komponenti yordamida androidda qirrali radiusli dizaynlarni yaratish.
CardView - bu Android-dagi yangi vidjet bo'lib, u ma'lum bir balandlik bilan birga yumaloq burchak tartibini taqdim etish orqali har qanday turdagi ma'lumotlarni ko'rsatish uchun ishlatilishi mumkin. CardView - bu ko'rinishlarni bir-birining ustiga ko'rsatishi mumkin bo'lgan ko'rinish. CardView-ning asosiy qo'llanilishi shundaki, u UI dizayniga boy tuyg'u va ko'rinish berishga yordam beradi. Ushbu vidjetni turli xil Android ilovalarida osongina ko'rish mumkin. CardView-dan ro'yxat ko'rinishida yoki Recycler View ichida elementlar yaratish uchun foydalanish mumkin. CardView-ning eng yaxshi tomoni shundaki, u Framelayout-ni kengaytiradi va u Android-ning barcha platformalarida ko'rsatilishi mumkin. Endi biz CardView amalga oshirishning oddiy misolini ko'ramiz.
CardViewda ishlash bosqichlari quyidagilar:
1-qadam: Yangi Android Studio loyihasini yaratish.
2-qadam: build.gradle fayliga moddiy bog'liqlikni qo’shish.
3-qadam: Barcha Jetpack komponentlari Google Maven omborida mavjud, ularni build.gradle fayliga kiritish.
4-qadam: Endi biz oddiy CardView-ni yaratamiz.
Ilova>res>layout>activity_main.xml-ga o'ting va unga yangi CardView vidjetini yaratish.
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context=".MainActivity">
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:cardElevation="10dp"
app:cardCornerRadius="20dp"
android:layout_margin="10dp"
app:cardBackgroundColor="@color/white"
app:cardMaxElevation="12dp"
app:cardPreventCornerOverlap="true"
app:cardUseCompatPadding="true"
>
Yuqoridagi kartani ko'rish vidjetidacardelevation xususiyati sizning kartangiz ko'rinishiga balandlik beradicardcornerradius kartangiz ko'rinishiga radiusni taqdim etadikartaning fon rangi kartangiz ko'rinishiga fon rangini beradikarta maksimal balandligi kartani ko'rishga maksimal balandlikni beradicardpreventcorneroverlap carb mazmuni va yumaloq burchaklari o'rtasidagi kesishish oldini olish uchun V20 va oldin karta ko'rinishida padding kiritish qiladi.kartadan foydalanish ixcham plomba API v21 + da to'ldirishni qo'shadi, shuningdek oldingi versiyalar bilan bir xil o'lchovlarga ega bo'ladi.quyida ikkita vidjet mavjud tasvirni ko'rish va matnni ko'rish biz karta ko'rinishida ko'rsatmoqdamiz.
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/app_name"
android:layout_gravity="bottom|center_horizontal"
android:layout_marginTop="20dp"
android:layout_marginBottom="20dp"
android:textSize="20sp"
android:text
/>
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_gravity="center"
android:src="@drawable/gfgimage"
android:layout_margin="10dp"
android:id="@+id/img"
android:contentDescription="@string/app_name" />
Cardview-ning ba'zi muhim atributlari:
1. cardBackgroundColor : Kartaning fon rangini sozlash uchun ishlatiladi. 2. cardElevation : Kartaning balandligini (yuqoriroq joyga yoki muhimroq pozitsiyaga o'tish jarayonini) belgilaydi. Uning qiymati unchalik katta bo'lmasligi kerak, aks holda dizayn yaxshi ko'rinmasligi mumkin. 3. cardCornerRadius : U kartaning burchaklaridagi radiusni o'rnatadi. Ushbu atributning qiymati qanchalik ko'p bo'lsa, kartaning qirralari doira shaklida ko'rinadi. 4. cardUseCompactPadding : Unda rost va yolgʻon ikkita qiymat mavjud. Odatiy bo'lib, karta ko'rinishi ekranning yuqori chap burchagiga (0,0) o'rnatiladi. Va agar bu atribut rostga o'rnatilgan bo'lsa, bizning interfeysimiz yaxshi ko'rinishi uchun karta o'zi uchun to'ldirishni o'rnatadi. Bu holat bizning tortishishimiz markazga yoki boshqa parametrlarga o'rnatilmagan stsenariylarda foydalidir.
Yoz fasli keldi va mahoratni oshirish vaqti keldi! 5000 dan ortiq o'quvchilar endi DSA asoslaridan Full-Stack, Backend Development, Data Science kabi ilg'or darajadagi rivojlanish dasturlarigacha bo'lgan sayohatlarini yakunladilar .
e’tiboringiz uchun raxmat! e’tiboringiz uchun raxmat!
|
| |
