Breaking News: Grepper is joining You.com. Read the official announcement!

composable borders one sided

Vickyrules answered on November 29, 2023 Popularity 1/10 Helpfulness 1/10

answer composable borders one sided

composable borders one sided

Comment

@Preview
@Composable
fun Preview() {
    Row(
        modifier = Modifier
            .someCustomOutline(
                outlineColor = MaterialTheme.colors.primary,
                surfaceColor = MaterialTheme.colors.surface,
                startOffset = 3.dp,
                outlineWidth = 1.dp,
                radius = 4.dp
            )
            .padding(10.dp),
        verticalAlignment = Alignment.CenterVertically
    ) {
        Image(
            imageVector = Icons.Default.Info,
            contentDescription = null,
        )
        Text(
            text = "long_press_an_item",
            fontSize = 12.sp,
            modifier = Modifier.padding(horizontal = 10.dp)
        )
    }
}

@Composable
fun Modifier.someCustomOutline(
    outlineColor: Color,
    surfaceColor: Color,
    startOffset: Dp,
    outlineWidth: Dp,
    radius: Dp = 1.dp
) = drawBehind {
    val startOffsetPx = startOffset.toPx()
    val outlineWidthPx = outlineWidth.toPx()
    val radiusPx = radius.toPx()
    drawRoundRect(
        color = outlineColor,
        topLeft = Offset(0f, 0f),
        size = size,
        cornerRadius = CornerRadius(radiusPx, radiusPx),
        style = Fill
    )
    drawRoundRect(
        color = surfaceColor,
        topLeft = Offset(startOffsetPx, outlineWidthPx),
        size = Size(size.width - startOffsetPx - outlineWidthPx, size.height - outlineWidthPx * 2),
        cornerRadius = CornerRadius(radiusPx - outlineWidthPx, radiusPx - outlineWidthPx),
        style = Fill
    )
}

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: composable whatever

Link to this answer
Share Copy Link

Contributed on Nov 29 2023

Vickyrules

0 Answers Avg Quality 2/10

composable borders one sided

Contents

More Related Answers

composable borders one sided

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.