Introduction to drawing in Compose

In this video, you’ll learn all about how to draw something custom in Compose. After getting to grips with working in Compose, you might want to start drawing your own custom components. This video will cover how to get started with custom drawing.

Chapters:
0:00 - Introduction
0:49 - What is DrawScope?
1:17 - Canvas Composable
1:27 - Drawing Modifiers
2:23 - Coordinate System
3:49 - DrawScope Transformations
4:59 - Example - Line Graph
5:31 - drawLine background
5:51 - drawPath
7:14 - Filling graph area
7:48 - Smoothing path lines
8:12 - Animate graph drawing

#Featured #Compose #Android

[clxxxvii.]

This is a wonderful and extremely helpful resource. I have no experience whatsoever and I feel like these videos are the only ones speaking and explaining on the level I need. Whoever is producing these, please give yourself a pat on the back, these are awesome. Compose is great

[jaml]

Wow, Compose is a world changer for Android UX/UI, amazing stuff 😍

Compose is such a joy in comparison to the old view system. Loved the video! ❤

[Vihor]

One of the best videos ever on this channel

[BenKadel]

I wish i could thumbs up this video twice!

[tonnie]

Exactly what I needed presented in a non-intimidating easy-to-like way, I will be practising and I will come back here.

[eganathan.r]

Thank you, these kind of videos are very helpful and its more attractive for a beginner. Thank you Devs <3

[duxngnguyen]

Great video. We have quite many videos for the Layout phase. But for Draw phase, we have only this video. Please create more guide videos on how to custom Draw phase.

[BenKadel]

Yes yes yes this video is absolutely boss! more of this please <3

[byJonKoffee]

UI is nice, but the underlying features are where it is at. Many apps lack decent advanced functionality due to this mismatch in focus. This composer series is nice though, and will help some folks advance the higher level presentation goals. Thanks for the breakdown of existing features (hello world style)!

[PrinceKumar-uky]

Keep producing videos like these they are really helpful

[courtneywittmann]

Great video! Would you be able to also share a repo with a sample?

[TheAndreArtus]

Love this presentation, it's quite helpful. I would however like to add that the graph drawing code as presented in 7:08 should probably start with a path.moveTo for the first data item, otherwise one will find the path starting with a vertical line for data where the initial y is greater than 0 (relative to the x axis);.

[gustavoleite]

Sou deva 5 anos, sempre trabalhei com Web. Agora em Janeiro, comecei a estudar kotlin e desenvolvimento mobile nativo, eu estou amando.

[kxgfqsq]

Simple and easily understandable lesson 🙌

[arseniykucherenko]

How about 3D graphics? How to use Vulkan/GLES in Compose?

[essamsalah]

Amazing video, I have question, I'm using canvas and pinch to zoom effect using graphicsLayer modifier so how to draw Path/Line... with constant width that is not affected by zoom in/out?

[alekseimulin]

It's super useful video and really loved the idea to smooth the lines by cubic Bezier curve but didn't really get what would be the best way to calculate control points for random path and random data at 08:00?

[kemel-]

Can you please say, what is the app used, for this presentation with code animation and highlight?

[ashutoshpattanaik]

How did u calculate control points.. couldn't get the logic to it ?? Plz help