Форум для тех, кто программирует под Android
Anonymous
Нарисуйте прямые линии на холсте, составьте реактивный ранец.
Сообщение
Anonymous » 19 апр 2024, 09:48
Я пытаюсь рисовать прямые линии с помощью холста и методаDetectDragGestures, но пока добился только хаотического поведения без каких-либо фиксаций. Я ищу решение, которое позволит мне всегда иметь прямые линии
Код: Выделить всё
@OptIn(ExperimentalComposeUiApi::class)
@Composable
fun CanvasAction() {
var centerOffset by remember {
mutableStateOf(Offset.Zero)
}
var points by remember {
mutableStateOf(listOf())
}
Canvas(
modifier = Modifier
.fillMaxSize()
.pointerInput(key1 = Unit) {
detectDragGestures(
onDragStart = { offset ->
points = points + Point(offset = offset, isStartedPosition = true)
},
onDrag = { change, offset ->
change.historical.forEach {
centerOffset = it.position
}
points = points + change.historical.map {
Point(offset = it.position, isStartedPosition = false)
}
}
)
}
) {
drawCircle(
color = Color.Blue,
radius = 7.dp.toPx(),
center = centerOffset
)
val path = Path()
points.forEach { point ->
if (point.isStartedPosition) {
path.moveTo(point.offset.x, point.offset.y)
} else {
path.lineTo(point.offset.x, point.offset.y)
}
}
drawPath(
path = path,
color = Color.Blue,
style = Stroke(width = 2.dp.toPx())
)
}
}
Подробнее здесь:
https://stackoverflow.com/questions/783 ... ck-compose
1713509319
Anonymous
Я пытаюсь рисовать прямые линии с помощью холста и методаDetectDragGestures, но пока добился только хаотического поведения без каких-либо фиксаций. Я ищу решение, которое позволит мне всегда иметь прямые линии [code]@OptIn(ExperimentalComposeUiApi::class) @Composable fun CanvasAction() { var centerOffset by remember { mutableStateOf(Offset.Zero) } var points by remember { mutableStateOf(listOf()) } Canvas( modifier = Modifier .fillMaxSize() .pointerInput(key1 = Unit) { detectDragGestures( onDragStart = { offset -> points = points + Point(offset = offset, isStartedPosition = true) }, onDrag = { change, offset -> change.historical.forEach { centerOffset = it.position } points = points + change.historical.map { Point(offset = it.position, isStartedPosition = false) } } ) } ) { drawCircle( color = Color.Blue, radius = 7.dp.toPx(), center = centerOffset ) val path = Path() points.forEach { point -> if (point.isStartedPosition) { path.moveTo(point.offset.x, point.offset.y) } else { path.lineTo(point.offset.x, point.offset.y) } } drawPath( path = path, color = Color.Blue, style = Stroke(width = 2.dp.toPx()) ) } } [/code] [img]https://i.stack.imgur.com/EgZu3.gif[/img] Подробнее здесь: [url]https://stackoverflow.com/questions/78351783/draw-straight-lines-on-canvas-jetpack-compose[/url]