كاربرد State در Jetpack Compose چيست؟
Jetpack Compose با معرفي قابليتي به عنوان State به گرفتاري اكثري از اپنويسان اندرويد نقطه پايان بخشيد. Stateها در Jetpack Compose شرايط كامپوننتهاي نرمافزار را معين مينمايند و با استعمال از آن ها به سادگي ميقدرت رابط كاربري نرم افزار را بروزرساني كرد.
دراين قسمت از نوشته به پرسش جواب داده گردد كه كاربرد State در Jetpack Compose چيست و چه طور ميقدرت از آن در نرم افزار اندرويدي بهره مند شد. كد پايين به طور عملي شيوه به كارگيري از State و كاربرد آن در Jetpack Compose را طراحي اپليكيشن در مشهد علامت ميدهد.
@Composable
fun ButtonClickComponent() {
var showPopup by remember {
mutableStateOf(false)
}
val color = if (showPopup) {
Color.Green
} else {
Color.Red
}
val colors = ButtonDefaults.buttonColors(backgroundColor = color)
Button(
onClick = { showPopup = true },
colors = btnColors
) {
Text(text = "Click Me")
}
}
در مثال كد ارائه گرديده در صدر، متغيري از نوع «تغيير تحول پذير» (mutable) با اسم showPopup تعريفوتمجيد گرديدهاست. خلال اين، در كنار اين متغير كلمه ها كليدي جذاب و جديدي همانند remember و mutableStateOf نيز چشم مي شوند كه احتمالاً در نرم افزار نويسي اندرويد كمتر با آنها مواجه گرديدهايد.
برخورد به تغييرو تحول State از خصوصيتهاي مهم Jetpack Compose ميباشد. با تغيير و تحول مقدار متغير showPopup آحاد كامپوننتها و نصيبهايي از اپليكيشن كه از اين متغير به كارگيري كردهاند، به طور اتوماتيك مجدداً رسم و بروزرساني ميگردند. در نمونه فوق، با كليك استفاده كننده بر روي دكمه مقدار متغير showPopup تغيير و تحول مينمايد و در فيض، رنگ اين دكمه سبز ميگردد.
امروزه ضمن Jetpack Compose فريموركهايي همانند «فلاتر» (Flutter) و «ريكت نيتيو» (React Native) نيز از شيوه «رئيس موقعيت» (State Managment) براي بروزرساني رابط كاربري به كار گيري مينمايند.
پياده سازي Layout در Jetpack Compose
درين قسمت از نوشته روش پيادهسازي يك كامپوننت بي آلايش گزينه تحقيق قرار خواهد گرفت كه مشمول دو متن و يك تصوير ميباشد. تصوير ذيل محل قرارگيري اجزاي اين كامپوننت آرم داده گرديده است.
كل نرم افزارهاي اندرويدي از كنار هم قرار به دست آوردن يكسري كامپوننت همچون كامپوننت فوق ساخته ميشوند. براي شلخيس شدن پروسه پياده سازي اين كامپوننت در Jetpack Compose مي بايست آن را به يكسري قسمت كوچكتر تقسيم كرد. در تصوير پايين كامپوننت فوق به نصيبهاي كوچكتر تقسيم گرديده است.
با اعتنا به تصوير فوق، اين كامپوننت از يك ستون يا اين كه Row تشكيلشده ميباشد كهاين ستون نيز مشمول يك تصوير يا اين كه ImageView و يك رديف يا اين كه Column ميباشد. در غايت، رديف متبوع نيز از دو متن يا اين كه Text درست شده ميباشد. براي پيادهسازي اين كامپوننت به امداد طرز سنتي گسترش رابط كاربري در اندرويد مي بايست از عناصري همانند LinearLayout يا اين كه RelativeLayout بهره برد.
براي اين مراد مي بايست دانست كه هريك از موادسازنده رابط كاربري در نحوه سنتي دقيقاً چه معادلي را در ساختار Jetpack Compose داراهستند. در سود، ميقدرت با مراجعه بهاين وبسايت (+) به سادگي مساوي موادتشكيل دهنده رابط كاربري را در ساختار Jetpack Compose به دست آورد.
مثلا، براي پيادهسازي كامپوننت فوق در Jetpack Compose به مكان به كارگيري از LinearLayout ميقدرت از Row يا اين كه Column با دقت به موقعيت به كار گرفت. پيرو، كد مرتبط با پيادهسازي اين كامپوننت به ياري Jetpack Compose بيان شده ميباشد.
بازدید: