Тёмный

How to Make an Animated Circular Progress Bar in Jetpack Compose - Android Studio Tutorial 

Philipp Lackner
Подписаться 175 тыс.
Просмотров 38 тыс.
50% 1

In this video you'll learn how you can create a custom circular progress bar in Android studio using Jetpack compose.
⭐ Get certificates for your future job
⭐ Save countless hours of time
⭐ 100% money back guarantee for 30 days
⭐ Become a professional Android developer now:
pl-coding.com/premium-courses...
Regular Android tutorials on my Instagram: / _philipplackner_
Checkout my GitHub: github.com/philipplackner

Опубликовано:

 

3 июн 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 50   
@luis11830
@luis11830 Год назад
You save my day, thank you so much
@manshalkhatri9289
@manshalkhatri9289 8 месяцев назад
Just made my day
@BlackTearsYT
@BlackTearsYT 2 года назад
I've tried implementing a rounded corner arc like this with my own custom circular bar but I think doing StrokeCap actually adds pixels to the start and end of the arc to round it rather than just rounding off the corners. This makes the bar itself slightly inaccurate and you'd have to calculate to StrokeCap size and do a bit of math for the start and sweep angles.
@rasoolmohamed4788
@rasoolmohamed4788 Год назад
Thank you dear...
@SpaceTimeBeing_
@SpaceTimeBeing_ 3 года назад
Can you do videos on shapes in Jetpack compose? Complex shapes beyond their basic examples, like how to make a curve and stuff
@hellosagar
@hellosagar 2 года назад
OP
@mojtabamohammadian1364
@mojtabamohammadian1364 2 года назад
Hi, I tried this code, but it doesn't start animating on launch and I have two touch the screen twice to begin progress.
@jayeshkumar3480
@jayeshkumar3480 2 года назад
i wanted to animate a circle by filling it from bottom to top anu idea how to do it
@virajbenade5572
@virajbenade5572 3 месяца назад
can we set the progress of the mediaplayer to it
@anuragkanwar1844
@anuragkanwar1844 3 года назад
i saw that on INSTA 🤗🤗
@hre.i
@hre.i 3 года назад
Please can you make weather app with api Json
@codinginflow
@codinginflow 3 года назад
Sir how to make this progress bar in Java + XML
@mehulbisht9708
@mehulbisht9708 3 года назад
The pain would be real. 👀
@hdkloh6857
@hdkloh6857 3 года назад
Use CircularProgressIndicator of MDC...🤣
@madguy1967
@madguy1967 3 года назад
Please 🥺🙏🙏🙏
@ChrisAthanas
@ChrisAthanas 3 года назад
Ah trolling
@thetester8371
@thetester8371 3 года назад
Wait you use Java? : ) 🤣
@vathsan3906
@vathsan3906 3 года назад
So compose.runtime.* isn't needed.. getvalue and setvalue itself along with remember will solve the problem...
@bokhirchonkhakimov4969
@bokhirchonkhakimov4969 3 года назад
please continue the Spotify clone video course with search
@alij3fer
@alij3fer 3 года назад
thanks bro, please make video how can support different screens with compose jetpack 😥
@maskedredstonerproz
@maskedredstonerproz 3 года назад
simply by making sizes dependant on screen size, rather than having fixed sizes, basically the same concept as in web development
@tiagosutter8821
@tiagosutter8821 3 года назад
@@maskedredstonerproz i think he is talking about having alternative layouts, not in the sense of having a layout flexible/responsive enough to support many smartphones, but having an alternate layout specific for tablets for example, maybe even with different position of elements, like a button that takes the whole width off the screen in a smartphone would look ugly if it takes all the width in a tablet device.
@maskedredstonerproz
@maskedredstonerproz 3 года назад
@@tiagosutter8821 well, just I guess detect somehow what kind of device the app is running on, and just, call the necessary composable function(s) based on which one it is
@RajuKumar-lz3tf
@RajuKumar-lz3tf 3 года назад
How to make that Color gradient.?
@ruslanp.262
@ruslanp.262 2 года назад
Just found solution: in "drawArc" replace "color" with "brush". You can put some colors to create gradient in brush. Example: brush = Brush.horizontalGradient( colors = listOf( Color.Red, Color.Blue ) )
@DivyangM
@DivyangM Год назад
Exactly at 12:39 How to do that auto implementation of function?
@rj02piyush
@rj02piyush 6 месяцев назад
Just press enter when you see suggestions
@ChrisAthanas
@ChrisAthanas 3 года назад
Is the text automatically centered in the canvas?
@PhilippLackner
@PhilippLackner 3 года назад
It's centered because of the content alignment of the box
@ChrisAthanas
@ChrisAthanas 3 года назад
@@PhilippLackner so it inherits the alignment
@PhilippLackner
@PhilippLackner 3 года назад
@@ChrisAthanas Why inherit? It's a direct child of the box
@ChrisAthanas
@ChrisAthanas 3 года назад
@@PhilippLackner so everything within the Box will be centered as well? Like if we added a small circle to the Box, it would appear in the center of the numbers?
@thebigboi5357
@thebigboi5357 3 года назад
@@ChrisAthanas Yep. The box was initialized as: Box( contentAlignment = Alignment.Center, modifier = Modifier.size(radius * 2f) ){ } "contentAlignment = Alignment.Center" means that everything within the box will be aligned to center.
@kamaal4928
@kamaal4928 Год назад
How to make it anti-clock wise?
@ArielFischbein
@ArielFischbein Год назад
negative sweepAngle
@onlinechatter8578
@onlinechatter8578 3 года назад
Can u make a video with Firebase+ Jetpack compose + room database+recycleview
@PhilippLackner
@PhilippLackner 3 года назад
I won't use Firebase again
@onlinechatter8578
@onlinechatter8578 3 года назад
@@PhilippLackner any reason to avoid like is it because of the firebase (how about alternative opened source) or something else..??? thanks for replying..
@Rassy_
@Rassy_ 10 месяцев назад
@@onlinechatter8578 Pricing & limitations in regards to the SDK such as reads,writes, queries etc
@amineayachi335
@amineayachi335 2 года назад
Great but how to remove the lag XD
@LightDante
@LightDante 2 года назад
It's a bug of compose, not happen when running in release
@hamzaaziz3924
@hamzaaziz3924 3 года назад
Sir java is best (lmao)
@husaynsvideos
@husaynsvideos Год назад
Why is that?
Далее
Full Guide to Jetpack Compose Effect Handlers
24:56
Просмотров 89 тыс.
Custom layouts and graphics in Compose
20:25
Просмотров 49 тыс.
Let's Migrate an XML Project to Jetpack Compose!
15:49
Loading with Circular Progress Bar (Jetpack Compose)
14:38