how do i draw a line with rounded corners on one side and straight on the other ```drawLine( ...

# compose

[Omkar Amberkar]

how do i draw a line with rounded corners on one side and straight on the other

drawLine(
            Color.White,
            sliderStart,
            sliderEnd,
            trackHeightPx,
            StrokeCap.Round)

[Omkar Amberkar]

there isn't a straightforward method to draw line with such case, either both are rounded or have a Square stroke

[romainguy]

You’ll have to draw two lines that connect somewhere in the middle

[Omkar Amberkar]

wouldn't that be a problem? since you'd see the area of the ui thats behind the rounded corners of one line, when they both meet since the rounded corners would be drawn behind the meeting point?

[Omkar Amberkar]

the only fix is to extend it to the height of the line so that it covers up the rounded line, but it seems quite not right. wish there was something out of the box for this impl

[romainguy]

You can use clipping to remove one of the caps to connect the lines

[romainguy]

Alternatively you can draw the caps as separate draw calls

[romainguy]

i.e. draw a circle at the end of the line

[romainguy]

It’s fine with opaque colors, with translucent colors you’d have to use a graphics layer to have the correct result

[romainguy]

You can also connect the lines without clipping by extending one of the lines a little further btw (again, it will work with opaque colors, not translucent colors)