• Vidjet bilan atrofni oʻrash
  • Yordam tugmasini bosing, importni optimallashtirish deb yozing va Importni optimallashtirish tugmasini
  •  . Fon rangini o'zgartiring




    Download 2,85 Mb.
    bet5/8
    Sana06.12.2023
    Hajmi2,85 Mb.
    #112516
    1   2   3   4   5   6   7   8
    Bog'liq
    Android studioni o

    5 . Fon rangini o'zgartiring 
    Endi sizda kirish matni bor, lekin bu biroz zerikarli! Ushbu bo'limda siz fon rangini o'zgartirishni o'rganasiz.
    Kirish uchun boshqa fon rangini oʻrnatish uchun matnni . bilan oʻrashingiz kerak boʻladi Surface. A Surface- bu UI bo'limini ifodalovchi konteyner bo'lib, u erda siz tashqi ko'rinishni o'zgartirishingiz mumkin, masalan, fon rangi yoki chegarasi.

    1. Matnni oʻrab olish uchun Surfacematn qatorini ajratib koʻrsatish uchun ( Alt+EnterWindows yoki Option+EnterMac uchun) tugmasini bosing va keyin Vidjet bilan atrofni oʻrash ni tanlang .



    1. Konteyner bilan atrofni tanlang .


    U sizga beradigan standart konteyner hisoblanadi Box, lekin uni boshqa konteyner turiga o'zgartirishingiz mumkin. BoxSiz keyinchalik kursda tartib haqida bilib olasiz .


    1. Oʻchirib tashlang Boxva Surface()oʻrniga kiriting.

    @Composable
    fun Greeting(name: String, modifier: Modifier = Modifier) {
    Surface() {
    Text(
    text = "Hi, my name is $name!",
    modifier = modifier
    )
    }
    }



    1. Konteynerga parametr Surfaceqo'shing color, uni ga o'rnating Color.

    @Composable
    fun Greeting(name: String, modifier: Modifier = Modifier) {
    Surface(color = Color) {
    Text(
    text = "Hi, my name is $name!",
    modifier = modifier
    )
    }
    }



    1. Yozganingizda Coloruning qizil ekanligini sezishingiz mumkin, ya'ni Android Studio buni hal qila olmaydi. Buni hal qilish uchun faylning yuqori qismiga import qiling va uchta tugmani bosing.



    1. Ushbu bayonotni import ro'yxatining pastki qismiga qo'shing.

    import androidx.compose.ui.graphics.Color

    Importning to'liq ro'yxati shunga o'xshash bo'ladi.


    import android.os.Bundle
    import androidx.activity.ComponentActivity
    import androidx.activity.compose.setContent
    import androidx.compose.foundation.layout.Box
    import androidx.compose.foundation.layout.fillMaxSize
    import androidx.compose.material3.MaterialTheme
    import androidx.compose.material3.Surface
    import androidx.compose.material3.Text
    import androidx.compose.runtime.Composable
    import androidx.compose.ui.Modifier
    import androidx.compose.ui.tooling.preview.Preview
    import com.example.greetingcard.ui.theme.GreetingCardTheme
    import androidx.compose.ui.graphics.Color



    1. Sizning kodingizda eng yaxshi amaliyot importlaringizni alifbo tartibida saqlash va foydalanilmagan importlarni olib tashlashdir. Buni amalga oshirish uchun yuqori asboblar panelidagi Yordam tugmasini bosing, importni optimallashtirish deb yozing va Importni optimallashtirish tugmasini bosing .



    Download 2,85 Mb.
    1   2   3   4   5   6   7   8




    Download 2,85 Mb.