I want to create circular progress bar that shows progress of file uploading and downloading as whats app shows. I have seen number or libraries available on github. I do know this question has been asked and I have gone through those as well as mentioned in below link.
https://github.com/lzyzsd/CircleProgress
https://stackoverflow.com/questions/37238185/how-to-create-a-circularprogressbar-like-whatsapp-during-image-uploading
But above links refer to library. Is there any way to create circular progress bar without using any library?
In one of the link over stackoverflow I found below code
ObjectAnimator animation = ObjectAnimator.ofInt (progressBar, "progress", 0, 500);
animation.setDuration (5000);
animation.setInterpolator (new DecelerateInterpolator());
But above code does not set progress dynamically. Means that progress bar works for 5 seconds. It is not mandatory that progress bar should always run for 5 seconds. File size can be vary so is progress bar. My question is how Can I make circular progress bar dynamically without using library?
use this link to dynamically create circular progress bar How to Create a circular progressbar in Android which rotates on it? or How to create circular ProgressBar in android?
You can do that by following way when image view holds from server it hides progress bar until file loads from sever the progress bar rotates.
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ProgressBar
android:id="#+id/progress"
android:visibility="visible"
style="?android:attr/progressBarStyleLarge"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:maxHeight="55dip"
android:minHeight="35dip"
android:minWidth="55dip"
android:maxWidth="10dip"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true" />
<ImageView
android:id="#+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="visible"/>
</RelativeLayout>
Hope this will help you
layout Xml
<ProgressBar
android:id="#+id/progressBar"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:max="500"
android:progress="0"
android:progressDrawable="#drawable/circular" />
Now create the drawable in your resources with the following shape. Play with the radius (you can use innerRadius instead of innerRadiusRatio) and thickness values.
<shape
android:innerRadiusRatio="2.3"
android:shape="ring"
android:thickness="3.8sp" >
<solid android:color="#color/yourColor" />
1.use this library may be it help you out:
https://github.com/CardinalNow/Android-CircleProgressIndicator
you can also try this one:
Show Progress bar while downloading
Related
I am working on an android app, which needs to show a custom progress bar like the image below. To customize a progress bar need to use android:progressDrawable, so maybe need a drawable(self-defined shape). However, I don't know if is it possible using shape to do it?
I think you better use seekbar. in seekbar widget you can change android:progressDrawable that means the rectangle area and also change android:thumb that means circle shape. But remeber you must implement custom seekbar that disabled user interaction.
I solved this problem by using FrameLayout to overlay a progress bar and a circle imageView. It works perfectly.
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ProgressBar
android:id="#+id/tagGoal_title_progressbar"
android:layout_width="match_parent"
android:layout_height="10dp"
android:layout_gravity="center_horizontal|center_vertical"
style="?android:attr/progressBarStyleHorizontal"
android:progressDrawable="#drawable/progressbar_color"
android:progress="25"/>
<ImageView
android:id="#+id/tagGoal_circle_progressbar"
android:layout_gravity="center_vertical"
android:layout_width="20dp"
android:layout_height="20dp"
android:background="#drawable/bg_progress_circle"/>
</FrameLayout>
I will be glad to get some help with how to do a speed animation bar for android app. Something like what is shown here so it fills up automatically but for an app.
So far I found this code, which pretty resembles what I was aiming for but
I don't want the animation to show on a pop up, but as part of the page.
If you are not sure please point me to the right source so I will figure out how this works.
Any help would be much appreciated:)
Add progress base in your activity layout (R.layout.main);
<ProgressBar
android:id="#+id/mybar"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="38dp" />
And instead of doing this
progressBar = new ProgressDialog(v.getContext());
do this after setContentView();
progressBar = (ProgressBar) findViewById(R.id.mybar);
How can I make an animation in Android like this one or similar?
I don't know where to start, how to make the lines and how to make them move.
See the progress bar displayed on this site: http://tinyurl.com/oqy8zef
This is an indeterminate progress bar
<ProgressBar
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:indeterminate="true" />
But you should not include "Loading..." text according to guidelines
I am trying to create a custom auto complete text view that contains a progress bar (circle in my case).My problem is that every time the user inputs a char a web service is accessed and there is some delay until a display some results.I would like to place a progress circle that will suggest to the user that there is some work in progress.As an excelent example of what i would want you could take a look at googles maps address auto complete.
Thanks for any suggestions.
I think an AutoCompleteTextView is something what you are looking for.
Also, link to a tutorial.
Edit: For the progress bar part, I would have had a infinite progress bar on the title bar of my application. I feel that would be a more complete solution as I can re-use it for any other task also. Something similar is discussed here.
Use the below code for the implementation
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<AutoCompleteTextView
android:id="#+id/lkjk"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:completionThreshold="3"
android:dropDownHeight="200dp"
android:ems="10"
>
<requestFocus />
</AutoCompleteTextView>
<ProgressBar
android:id="#+id/progress_bar"
android:layout_width="25dip"
android:layout_height="25dip"
android:layout_gravity="right" />
</FrameLayout>
Follow http://developer.android.com/resources/tutorials/views/hello-autocomplete.html think and user Progress bar and u need to Use Handler in this case
How to show an indeterminate horizontal progress bar in android? The animation of the progress bar should start from 0 to 100 and then go back from 100 to 0 continuously. I am not looking for the wheel progress bar.
I already knew that setIndeterminate will give an infinite horizontal progress bar. But it will be similar to the loading wheel, except that it will be horizontal. If you see my question I was looking for horizontal bar which starts from 0 and goes all the way to 100 (a gradual increase). If you want to achieve this in Android, you must use your progress bar as below:
<ProgressBar
android:id="#+id/progress_horizontal"
android:indeterminateOnly="false"
android:indeterminateDrawable="#drawable/progress_indeterminate_horizontal"
android:progressDrawable="#drawable/progress_horizontal"
android:minHeight="24dip"
android:maxHeight="24dip"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>
As I wanted to change the background of my progress bar, I changed the ProgressDrawable and IndeterminateDrawable. The original drawables are located under frameworks/base/core/res/res/drawable. Copy them to your project and change the color according to your needs.
Create a thread which updates the progress count and does a Thread.Sleep. Then it sends the message to the Handler which will update the progress bar in UI thread.
Use the method setIndeterminate of ProgressBar:
android.widget.ProgressBar bar = new android.widget.ProgressBar(context);
bar.setIndeterminate(true);
But yeah, you could have found this pretty quickly in the developer docs.
http://developer.android.com/reference/android/widget/ProgressBar.html#setIndeterminate%28boolean%29
Maybe a bit late, but you can do something like this:
<ProgressBar
android:id="#+id/progress"
android:layout_width="match_parent"
android:layout_height="10dp"
android:indeterminate="true"
style="?android:attr/progressBarStyleHorizontal" />
Hope it helps someone!
To expand on Vinoth Answer, here is a ready code:
<ProgressBar
android:id="#+id/progressBarLoadingRecite"
android:indeterminateDrawable="#android:drawable/progress_indeterminate_horizontal"
android:minHeight="24dip"
android:layout_marginTop="20dip"
android:indeterminate="true"
android:maxHeight="24dip"
android:layout_width="fill_parent"
android:layout_height="wrap_content"/>
In the xml defining your progress bar, you can add
style="#android:style/Widget.ProgressBar.Horizontal"