شروع کار با جت پک کمپوز قسمت اول ( jetpack compose )

سلام تو این قسمت بریم کدای پیش فرض Jetpack Compose برامون گذاشته ببینیم چی هستن

خب در تصویر و پایین کدای پیش فرض جت پک کمپوز میبینید اماده هستید شروع کنیم؟!

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            JetpackComposeTheme {
                // A surface container using the 'background' color from the theme
                Surface(color = MaterialTheme.colors.background) {
                    Greeting(&quotAndroid&quot)
                }
            }
        }
    }
}

@Composable
fun Greeting(name: String) {
    Text(text = &quotHello $name!&quot)
}

@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    JetpackComposeTheme {
        Greeting(&quotAndroid&quot)
    }
}

یه نکته بگم که دیگ ویو نداریم کمپوز داریم

خب اول از هرچیزی به متد Greeting دقت کنید با گرفتن ورودی از نوع رشته متنی در صفحه نمایش داده میشود ما به این متد نیازی نداریم میتونیم مستقیم از Textاستفاده کنیم به شکل پایین

 Text(text = &quotHello $name!&quot)

ولی این متد گذاشته شده بدونید میتونید برای ساخت UI برنامه از متد های مختلفی استفاده کنید و هرچند با که خواستید صدا بزنید و کار راحت کنید یبار بنویسید چندین بار استفاده کنید فقط باید از انوتیشن @Composable استفاده کنید این نکات فعلا زیاد دقت نکنید زیاد اهمیتی نداره برای کسای که تازه شروع کردن این برای دوستانی هست که قبلا برنامه نویسی کردن

پس تا اینجا فهمیدیم چطور یه متن به نمایش بزاریم با استفاده از Text

بریم سراغ متد بعدی یعنی DefaultPreview این متد پیش فرض برای نمایش پیش نمایش UI برنامه شماس که از انوتیشن @Preview(showBackground = true) برای پیش نمایش کردن مشخص شده

من کد تمیز تر میکنم و به شکل پایین تغییر میدم خروجی و پیش نمایش یه شکل باشن

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            DefaultPreview()
        }
    }
}

@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    JetpackComposeTheme {
        // A surface container using the 'background' color from the theme
        Surface(color = MaterialTheme.colors.background) {
            Text(text = &quotHello Android!&quot)
        }
    }
}

به یه نکته تونجه کنید اینجا دیگ setContentView نداریم و setContent هست بعد از اون یه متد ساخته شده برای تم برنامه که به اسم برنامه شما اسم اون متغییر هست اگه کد اینجا کپی پیست کردید خطا داد برای همین موضوه هستش برای من در اینجا اسمش JetpackComposeTheme هست اسم پروژه من

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

• https://github.com/alirezabashi98/Learn-Jetpack-Compose