Дизайн баннера в Android Kotlin и Jetpack ComposeAndroid

Форум для тех, кто программирует под Android
Ответить
Гость
 Дизайн баннера в Android Kotlin и Jetpack Compose

Сообщение Гость »


Я хочу создать такой баннер в Jetpack Compose. Особенно красный раздел «Скидка 50%». В CSS это должно быть сделано путем позиционирования (относительного и абсолютного) с вращением. Но поскольку я новичок в Android, я понятия не имею, как сделать это идеально.
Я пробовал так, но дизайн сломался:

Код: Выделить всё

@Composable
fun AnnualPlan() {
Box(
modifier = Modifier
.fillMaxWidth()
//                .padding(16.dp)
.background(Color.White)
) {
Column(
horizontalAlignment = Alignment.CenterHorizontally
) {
Text(text = "Annual Plan", fontSize = 30.sp)
Text(text = "Equal to $5/month", fontSize = 20.sp)
Text(
text = "$59.99 billed annually",
fontSize = 20.sp,
color = Color.Gray
)
Text(
text = "50% off",
fontSize = 14.sp,
color = Color.Black,
modifier = Modifier
.background(Color.Red)
.padding(5.dp)
.align(Alignment.End)
.rotate(-60f)
)
}
}
}


Источник: https://stackoverflow.com/questions/781 ... ck-compose
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Android»