Custom UI Component with Jetpack Compose & Canvas | Part #4 - Final Touch 

Soon I'll upload the source code on Github as well. I hope you enjoyed watching this series! 🚀❤

I have never watched a more descriptive tutorial in my life. You are really perfect. Thank you.

This is JUST BRILLIANT!!! I have never seen any custom android components videos that is as descriptive as yours!! The breakdown of all the calculations is the most important part in building any custom UI component and you have just nailed it!! Thanks a million man! Please come up with more videos.

I am watching series of videos again mainly for the math as I had already implemented this into a project a while ago but I think there could be a couple small changes made to this component to make it more composable. For example a big one is instead of hard coding the two lines of text just add a content parameter to the component, wrap the column that shows the progress indicator inside a box (with center content Alignment) along with a call to the content function and then remove the text specific parameters from the component. This allows any number of combinations of composables to fill that center area. You could even add a beforeIndicator and afterIndicator @Composable () -> Unit parameters instead to allow content to be place on top of or below the indicator

Its really perfect. Thank you!

I was looking for such components and found your tutorial. Really helpful. Thank you.

Thanks!

That was amazing! Thanks.

Thank you, this was really amazing!! :)))))

very well explained 👏👏

Thank yooooooooooou the best one 👌👌👌👌👌👌👌👌👌👌

A really nice explanation. you made it easy to understand Thanks a lot really appreciate your efforts

Thank you, It was funny to create this component and very interresting to learn jetpack compose.

very nice

Great project...definitely I subscribed...great tutorial @Stevdza-San

Great tutorial. I found it to be very useful for introducing how to make custom components. I had a question as I was watching the videos of the tutorial, why did you create two components for drawing the indicators? Could you have reused the one component to do both background and foreground indicators? Thanks again for the great intro to custom components. Also I couldn't find anywhere the mapping between the old Materials and the Material3. The constants have changed names.

I watched the whole thing and implemented everything. Going to propose we use something like this on our compose application at work! Binging your content right now 😁 Edit: I added the StrokeCap exactly as you did and I didn't get any error. Maybe they fixed it since you created this video.

Thank sir, please make video how can support all screens phones with jetpack compose (font size /images /padding ...)

Sir, please make more videos about canvas and custom components,

thanks for the video ! how can we colorize the part of the foreground background by remaining for example %0 - %30 -> green %60 - %90 -> orange %90 -%100 -> red

could you go over notifications on android? (there aren't many sources that are not depreciated/working and I've not seen a good explanation of setting repetitive notifications yet)

Is there any library which converts canvas to svg file in android?

Thank you for these videos. I'm new to Jetpack Compose and one thing I don't understand is that why we can't use allowedIndicatorValue directly to calculate percentage (without the LaunchEffect and animatedIndicatorValue): val percentage = (allowedIndicatorValue / maxIndicatorValue) * 100 I have tested this code but it doesn't work. But I don't know why, the allowedIndicatorValue still changes but the percentage always return 0. Do you know why? Edit: I figured out. It's because of percentage is Int so the calculation will always return 0 when smaller number divide larger number. We don't need LaunchEffect and animatedIndicatorValue. B/c animatedIndicatorValue just updated by allowedIndicatorValue, nothing more. The final code (in my opinion allowedIndicatorValue don't need to use remember): val allowedIndicatorValue = if (indicatorValue

Excellent Final Touch! Thanks!!! Waiting for your new promised video on ktor:] By the way, when will this happen? And what will it be - a youtube video or a paid course?

the design tab not showing when i am in the class file please help me

Please make make a Video On how to make Credit Screen in android studio ? Please make video on it .. there is no video available on this topic !

Sir, We have viewPager in xml. Is there any way to make composable which behaves like viewPager or any built-in composable?

Thank to You Stevdza-san ( ﾉ ﾟｰﾟ)ﾉ Keep Going

The usage of LaunchedState and Animatable confused me in the last video. Fortunately you removed them in this one as these weren't serving upto the complexity they introduced in the code. animate*AsState is pretty powerful to meet our everyday need. Anyways great series. Really enjoyed watching. Especially the graphical explanations while coding up the arc.

Bug with StrokeCap not fixed((

sir kindly make fake incoming call app in kotlin or java

Hello guys I'm new to Android development can any one suggest me a path because I'm being confused between kotlin, jetpack compose etc. There is just so many stuffs 😅😅