Я работаю над макетом с 3-колуанами, и я хочу повернуть содержание одного из столбцов на 90 градусов: < /p>
Я попытался обменивать ширину и высоту и настраивать размещение контента, но без успеха.
Вот проблема: когда коробка, которую я хочу повернуть, занимает 50% ширины экрана, она работает, как и ожидалось. Однако, если коробка больше или меньше 50%, я сталкиваюсь с зазором внизу. ? < /p>
Вот мой полный файл: < /p>
@Composable
fun Layout() {
Row(
modifier = Modifier
.fillMaxSize()
.background(Color.Red)
) {
Row(
modifier = Modifier
.fillMaxSize()
) {
Box(
modifier = Modifier
.weight(1f)
.fillMaxSize()
.rotate(90f)
.swapDimensions()
.background(Color.Blue)
.background(Color.LightGray)
) {
Column(
modifier = Modifier
) {
Column(modifier = Modifier.background(Color.Magenta).fillMaxWidth()) {
Text(text = "All content in this box has to be rotated 90deg")
}
Column(modifier = Modifier.background(Color.LightGray)) {
Text(text = "Text 2")
}
}
}
Column(
modifier = Modifier
.weight(1f)
.fillMaxSize()
) {
Box(
modifier = Modifier
.weight(1f)
.fillMaxSize()
.background(Color.Green)
) {
Text(text = "This content is normal")
}
Box(
modifier = Modifier
.weight(1f)
.fillMaxSize()
.background(Color.Yellow)
) {
Text(text = "This content is normal")
}
}
Column(
modifier = Modifier
.weight(1f)
.fillMaxSize()
) {
Box(
modifier = Modifier
.weight(1f)
.fillMaxSize()
.background(Color.Magenta)
) {
Text(text = "This content is normal")
}
Box(
modifier = Modifier
.weight(1f)
.fillMaxSize()
.background(Color.Blue)
) {
Text(text = "This content is normal")
}
}
}
}
}
fun Modifier.swapDimensions() = layout { measurable, constraints ->
val placeable = measurable.measure(constraints)
val originalWidth = placeable.width
val originalHeight = placeable.height
val swappedWidth = originalHeight
val swappedHeight = originalWidth
layout(
swappedWidth,
swappedHeight
) {
placeable.place(
x = (swappedWidth - originalHeight) / 2,
y = (swappedHeight - originalWidth) / 2
)
}
}
@Preview(
name = "Landscape Preview",
device = "spec:width=800dp, height=400dp",
showBackground = true
)
@Composable
fun PreviewLayout() {
Layout()
}
Подробнее здесь: https://stackoverflow.com/questions/793 ... composable
Как изменить ориентацию композиции? ⇐ Android
Форум для тех, кто программирует под Android
1737882791
Anonymous
Я работаю над макетом с 3-колуанами, и я хочу повернуть содержание одного из столбцов на 90 градусов: < /p>
Я попытался обменивать ширину и высоту и настраивать размещение контента, но без успеха.
Вот проблема: когда коробка, которую я хочу повернуть, занимает 50% ширины экрана, она работает, как и ожидалось. Однако, если коробка больше или меньше 50%, я сталкиваюсь с зазором внизу. ? < /p>
Вот мой полный файл: < /p>
@Composable
fun Layout() {
Row(
modifier = Modifier
.fillMaxSize()
.background(Color.Red)
) {
Row(
modifier = Modifier
.fillMaxSize()
) {
Box(
modifier = Modifier
.weight(1f)
.fillMaxSize()
.rotate(90f)
.swapDimensions()
.background(Color.Blue)
.background(Color.LightGray)
) {
Column(
modifier = Modifier
) {
Column(modifier = Modifier.background(Color.Magenta).fillMaxWidth()) {
Text(text = "All content in this box has to be rotated 90deg")
}
Column(modifier = Modifier.background(Color.LightGray)) {
Text(text = "Text 2")
}
}
}
Column(
modifier = Modifier
.weight(1f)
.fillMaxSize()
) {
Box(
modifier = Modifier
.weight(1f)
.fillMaxSize()
.background(Color.Green)
) {
Text(text = "This content is normal")
}
Box(
modifier = Modifier
.weight(1f)
.fillMaxSize()
.background(Color.Yellow)
) {
Text(text = "This content is normal")
}
}
Column(
modifier = Modifier
.weight(1f)
.fillMaxSize()
) {
Box(
modifier = Modifier
.weight(1f)
.fillMaxSize()
.background(Color.Magenta)
) {
Text(text = "This content is normal")
}
Box(
modifier = Modifier
.weight(1f)
.fillMaxSize()
.background(Color.Blue)
) {
Text(text = "This content is normal")
}
}
}
}
}
fun Modifier.swapDimensions() = layout { measurable, constraints ->
val placeable = measurable.measure(constraints)
val originalWidth = placeable.width
val originalHeight = placeable.height
val swappedWidth = originalHeight
val swappedHeight = originalWidth
layout(
swappedWidth,
swappedHeight
) {
placeable.place(
x = (swappedWidth - originalHeight) / 2,
y = (swappedHeight - originalWidth) / 2
)
}
}
@Preview(
name = "Landscape Preview",
device = "spec:width=800dp, height=400dp",
showBackground = true
)
@Composable
fun PreviewLayout() {
Layout()
}
Подробнее здесь: [url]https://stackoverflow.com/questions/79386933/how-to-change-the-orientation-of-a-composable[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия