I've got this little DurationDial that I'm impleme...

# compose

[Travis Griggs]

I've got this little DurationDial that I'm implementing with some Canvas.DrawScopes. I want the dark cyan circle thumb to pop off, by having a shadow under it. Is there any way to simulate shadows easily in a DrawScope? (I can draw series of successive alpha dark circles below it if I want to get really old fashion primitive), I could also move the thumb into its own composable like a Surface with a CircleShape and a shadow, but then all the drawing code that has already done various center/radius/angle math gets repeated. The second screenshot (purple thumb) is the iOS version with the shadow effect I want to recreate.

[romainguy]

In this case you can easily fake it by drawing a second circle with a radial (circular) gradient

[Travis Griggs]

True. What about when I want to do a line or a rectangle? I wish this were a withShadow(values) { } sub draw scope, kind of like withTransform

[romainguy]

You can use a native Canvas on Android and set a shadow layer on the paint

[romainguy]

that will work on Android P and above

[ascii]

Paint().apply { color = Color.Black }.asFrameworkPaint().setShadowLayer()

And then draw whatever you want with this paint

[romainguy]

Yep, that

[Travis Griggs]

i'll give that a try, thanks. i need to use the native draw methods inside the native scope in that case (rather than drawCircle, etc), correct?

[romainguy]

Yeah but they are basically the same

[romainguy]

like drawCircle() for circles 😄

[Travis Griggs]

This worked like a charm, thanks!

[efemoney]

Damn, why does the ios font (make the entire thing) look better 🧌 (🙈)

[Travis Griggs]

maybe in part, because I have the font size on the android one cranked up bigger. that said, for me, it has something to do with weight. SF seems to have a marginally thicker nominal stroke weight that gives the font more solidity. i have experimented with weight on roboto to try and get it to match, because at a glance they are similiar. but the SF normal weight seems to be somewhere between that of Roboto's normal and medium

[romainguy]

You can rely on variable fonts to fine tune your weight btw