Circular Determinate ProgressBar – Android Studio Tutorial

46
3



By default Android only offers a circular indeterminate ProgressBar, that has a spinning animation and indicates that something is loading, but doesn’t show the actual progress. If we want a determinate progress bar that shows the progress, we usually have to set it to a horizontal ProgressBar with style=”?android:progressBarStyleHorizontal”.
In this video you’re going to learn, how to create a circular determinate ProgressBar with the progressDrawable attribute and a self made XML drawable.

Example code:

____________________
❗ Subscribe to the channel:

⏯ Watch more tutorials:

⭐ Become a channel member for exclusive tutorials and other perks:

㊙ Help translating the videos:

💚 Support the content:

💬 Join the Discord chat:

🎧 Audiobooks and podcasts for programmers:

👶 How to get started with Android development:

📣 Follow Coding in Flow on social media:

Facebook:

Instagram:

Twitter:

Blog:

Nguồn: https://alimentproteine.com/

Xem thêm bài viết khác: https://alimentproteine.com/cong-nghe/

46 COMMENTS

  1. Great tutorial. Here's how I modified the XML file to start progress from the top and to put a gray background like the horizontal progress bar has:

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
    <shape
    android:shape="ring"
    android:thicknessRatio="16"
    android:useLevel="false">
    <solid android:color="#DDDDDD" />
    </shape>
    </item>
    <item>
    <rotate
    android:fromDegrees="270"
    android:toDegrees="270"
    android:pivotX="50%"
    android:pivotY="50%" >
    >
    <shape
    android:shape="ring"
    android:thicknessRatio="16"
    android:useLevel="true">
    <solid android:color="@color/colorAccent" />
    </shape>
    </rotate>
    </item>
    </layer-list>

  2. Wow.
    the best tutor ever. I have learnt constraint layout from this channel and hope to learn more.
    What's your name again, Sir?

  3. My goal was to stop ProgressBar spinning. I was about to reject using ProgerssBar and switch to another solution or even a custom view, but your tutorial came out with a simple workaround. Thanks a lot!

  4. Doesn't work on android
    Ugh you're using desktop and this video is do those very advanced in knowledge. Have know idea how you even got to where you are. Unless to me

  5. Really is helpful tutorial, but pleas broo I use tecno hot 5 and there is Circle bar loading on the screen can you please help me how can I remove it?

  6. How can I see window showing progress in real time? https://www.youtube.com/watch?v=hSfN_aYKkzo&t=247 the right side of your video.

  7. aha I knew if I spent countless hours watching your videos that I could extract some voodoo magic from Android… this is some badass voodoo magic here…
    combined with the include in views… man I can't even imagine all the stuff that we can create…

  8. I really love the short time of this video which directly goes into the concepts rather explaining how to create a new android project in android studio in every single video one makes. Thank you and keep up the great work!

  9. Hello there, i want to hide all my Views when i use SearchView in my Activity and want to show ProgressBar during the image load… Need your help plz….

  10. For anyone who encountered the problem of using setProgress which requires API level >= 24.
    You can use setProgress(percent)to avoid the problem. setProgress(percent, animate: false) with animate input requires higher API

  11. How to display progress inside ring, if our progress is set to 30% then I also want to display this 30% inside ring?

  12. I don't have my work PC with me to experiment so I'll ask… how could I add a textview in the middle of the ring showing the progress percentage in its numeric representation, ie "25%"?

  13. How to add rounded edges to the ring like this (https://www.google.co.in/search?q=circular+rounded+progress+bar&source=lnms&tbm=isch&sa=X&ved=0ahUKEwiRhbavtJHdAhUBKY8KHRg7AEQQ_AUICigB&biw=1366&bih=635#imgrc=LU1r8YYlIW_g9M:)

LEAVE A REPLY

Please enter your comment!
Please enter your name here