введите код здесьЯ хочу нарисовать диаграмму, но не могу выровнять метки оси Y по правому краю.
@Composable
fun Chart(
min: Double,
max: Double,
) {
val textMeasurer = rememberTextMeasurer()
val padding = 40f
val yAxisLabelMaxWidth = textMeasurer.measure(text = "${max.toInt()}").size.width.toFloat()
val yAxisLabelMinWidth = textMeasurer.measure(text = "${min.toInt()}").size.width.toFloat()
Canvas(
modifier = Modifier
) {
drawText(
textMeasurer = textMeasurer,
text = "${max.toInt()}",
topLeft = Offset(
x = 0f,
y = padding - textMeasurer.measure(text = "$max").size.height / 2
),
style = TextStyle(
fontSize = 10.sp, background = Color.Green
),
)
/*
2 more texts
*/
drawText(
textMeasurer = textMeasurer,
text = "${min.toInt()}",
topLeft = Offset(
x = yAxisLabelMaxWidth - yAxisLabelMinWidth,
y = size.height - padding - textMeasurer.measure(text = "$min").size.height / 2
),
style = TextStyle(
fontSize = 10.sp, background = Color.Green
),
)
}
}
[![Screenshot][1]][1]
Всегда происходит сдвиг, когда в min меньше цифр, чем в max. Однако yAxisLabelMaxWidth и yAxisLabelMinWidth имеют хорошее значение. Например, если max имеет 4 цифры, а min — только 1, ширина max равна 100 пикселям, а ширина min равна 25 пикселям.
Есть ли у вас решение?
[1]: https://i.sstatic.net/51L3cOYH.png
Подробнее здесь: https://stackoverflow.com/questions/798 ... ck-compose
Выравнивание текста по правому краю на холсте в Jetpack Compose ⇐ Android
Форум для тех, кто программирует под Android
-
Anonymous
1771611766
Anonymous
введите код здесьЯ хочу нарисовать диаграмму, но не могу выровнять метки оси Y по правому краю.
@Composable
fun Chart(
min: Double,
max: Double,
) {
val textMeasurer = rememberTextMeasurer()
val padding = 40f
val yAxisLabelMaxWidth = textMeasurer.measure(text = "${max.toInt()}").size.width.toFloat()
val yAxisLabelMinWidth = textMeasurer.measure(text = "${min.toInt()}").size.width.toFloat()
Canvas(
modifier = Modifier
) {
drawText(
textMeasurer = textMeasurer,
text = "${max.toInt()}",
topLeft = Offset(
x = 0f,
y = padding - textMeasurer.measure(text = "$max").size.height / 2
),
style = TextStyle(
fontSize = 10.sp, background = Color.Green
),
)
/*
2 more texts
*/
drawText(
textMeasurer = textMeasurer,
text = "${min.toInt()}",
topLeft = Offset(
x = yAxisLabelMaxWidth - yAxisLabelMinWidth,
y = size.height - padding - textMeasurer.measure(text = "$min").size.height / 2
),
style = TextStyle(
fontSize = 10.sp, background = Color.Green
),
)
}
}
[![Screenshot][1]][1]
Всегда происходит сдвиг, когда в [b]min[/b] меньше цифр, чем в [b]max[/b]. Однако [b]yAxisLabelMaxWidth[/b] и [b]yAxisLabelMinWidth[/b] имеют хорошее значение. Например, если [b]max[/b] имеет 4 цифры, а [b]min[/b] — только 1, ширина [b]max[/b] равна 100 пикселям, а ширина [b]min[/b] равна 25 пикселям.
Есть ли у вас решение?
[1]: https://i.sstatic.net/51L3cOYH.png
Подробнее здесь: [url]https://stackoverflow.com/questions/79893134/right-align-texts-in-canvas-in-jetpack-compose[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия