https://kotlinlang.org logo
Join Slack
Powered by
A quick question regarding Tiles Material, how can...
# compose-wear
y
A quick question regarding Tiles Material, how can I build a Data centric Tile with Tiles Material such as the fitbit heart rate tile on Pixel Watch. Is there a Layout in Tiles Material for the Data centric Tile to create graph dynamically?

https://developer.android.com/static/wear/images/tiles/Templatetype-Data.png▾

j
What do you mean by data centric? Do you mean with a graph? If so then those are done with images as far as I know
y
Right, I mean the graph. I see, it is an image. Initially, i thought it would be impossible to draw all the lines via Builder.
@yschimke @John Nichol Can you elaborate on the horologist feature regarding “sharing Compose Canvas code with the app and tile”, does that mean when I draw graphics on the Compose Canvas, I can also render that Compose Canvas inside the Tile Materials? I am thinking of generating Image dynamically from an AndroidView composable and reload that Image inside TileServices, would that be possible
y
@Ataul Munim covers this in this ADS talk

https://youtu.be/w3KvfvgUIds?t=1033▾

If you find a Charting library for compose, if it doesn't strictly need a Canvas composable, but just draws to a DrawScope then you should be able to use them.
y
Thanks so much, you saved my day 🙂 It is fantastic.
y
Try it first 🙂 , any issues you find I can look into next week.
y
Sure 🙂 I can see a path and have a plan now.
y
y
wow, I surely can learn a lot from this code.
y
Maybe some bad things also. I'd love to see this applied to one of the compose charting libraries, but I never got that far.
But you can use Previews in Android Studio so you see what the Chart or in the Tile will look like.
y
I will play with the code. I think there shall be some simple compose chart lib draw on the compose canvas.
@yschimke I worked through the 
WeeklyGoalTileRenderer.kt
of your horologist fitness3 branch , the Preview doesn’t show for 
WeeklyGoalTilePreviewWithDrawing()
, does that works? I can see the TilePreview from 
SampleTileRenderer
just want to ask before I start to change things.
y
It should. I can update that branch and test it again. But we used this functionality in the ADS talk, so definitely working.
y
I have merged horologist main into your branch, probably I changed something with the merge, thanks.
Sorry for the confusion, it works. There is a new 
Source code Editor With Preview tab
on the bottom of the 
Renderer
file, I need to tap open that. Now i see the previews of your tiles. I am all good now.
@yschimke I made some progress to render graphics dynamically from a modified chart lib. The Preview is really slow in AS Electric Eel. But my sample TileRenderer works in Preview with dynamic graph https://github.com/yingding/horologist/commit/85db9141cb17475b200fdb6e97d9463fc5a82984 Would love to hear your thoughts on this next week.
a
@Yingding Wang is there a maven central charting lib you can use instead of jitpack?
y
@Ataul Munim The YCharts from maven central might also work https://mvnrepository.com/artifact/co.yml/ycharts There are some 
DrawScope
function defined, please find an example here. https://github.com/yml-org/YCharts/blob/main/YChartsLib/src/main/java/co/yml/charts/ui/barchart/BarChart.kt In terms of the Charty lib, i have opened an issue ticket at https://github.com/hi-manshu/Charty/pull/62, Himanshu is an Android GDE, he is very supportive to the idea of rewriting the DrawScope function and to put them in a module https://github.com/hi-manshu
Would you also like to put a comment on https://github.com/hi-manshu/Charty/pull/62 ? The charty lib is more lightweighted than YCharts IMO, which might work better for Tiles.
I haven’t deployed my charty clone to the maven central but only at jitpack for testing, since i would rather work with the original creator of charty: Himanshu together, instead of rewriting his repo.
34 Views
Open in Slack
PreviousNext
Powered by