hey, is there any good reference for the compose a...

# compose

[Sheroz Nazhmudinov]

hey, is there any good reference for the compose api to draw the shapes for custom UI elements (and make them user intractable)? So I was using canvas fo that purpose, and wanted to clarify if that’s the right approach?

[Adam Powell]

it's a goal of compose to make it easy to do it that way, so sure, please report back 🙂

[Adam Powell]

you might want to poke around in the ui-foundation layers as a lot of interaction constructs live there to be used in building components like that

[Sheroz Nazhmudinov]

sounds good, i wanted to give it a try - drawing custom ui components and make them user intractable🙂

[Sheroz Nazhmudinov]

I have a use case at the moment:
I have a custom view and I want to make certain “part” of it draggable. So i was thinking if that’s the right approach:

[Sheroz Nazhmudinov]

@Composable
fun Custom(modifier: Modifier = Modifier) {
Canvas(modifier = modifier.plus(
Modifier.draggable(dragDirection = DragDirection.Horizontal) {
// drag callback
}
)) {
drawRoundRect(...)

drawCircle(...)
}
}

[Sheroz Nazhmudinov]

So in my case i wanna make circle draggable.

[Adam Powell]

first off, just do modifier.draggable(...), modifier.plus(Modifier.draggable(...)) is entirely redundant 🙂

[Sheroz Nazhmudinov]

so to make it a bit simpler i decide to do smth else: I wrapped the Canvas with Clickable, and wanted to change the state of circle based on click. However, the click isn’t triggered. The only way I managed to trigger the onClick was setting the specific width and height in Clickable via the `modifier`… i guess i’d expect the Clickable to have already the size of the content of the Canvas . I hope it makes sense what I’m trying to say…

[Ash]

Can we make certain part of the canvas clickable?

[Ash]

For example a rectangle inside the canvas?

[Sheroz Nazhmudinov]

i get a compile error when i try to make some parts of custom drawing clickable.
Functions which invoke @Composable functions must be marked with the @Composable annotation