Using the animated circle in an ImageView while loading stuff

Question

I am currently using in my application a listview that need maybe one second to be displayed   What I currently do is using the  id android empty property of the listview to create a  loading  text     lt TextView android id   id android empty             android layout width  match parent             android layout height  match parent             android background   FF0000             android text  Loading      gt    Now  I would like to replace that with the animated circle that is used in a loading dialog instead of this text  i guess you all know what I mean   Edit  I do not want a dialog  I want to show that inside my layout     Thank a lot for your help

User · Answer

You can do this by using the following xml

<RelativeLayout
    style="@style/GenericProgressBackground"
    android:id="@+id/loadingPanel"
    >
    <ProgressBar
        style="@style/GenericProgressIndicator"/>
</RelativeLayout>

With this style

<style name="GenericProgressBackground" parent="android:Theme">
    <item name="android:layout_width">fill_parent</item>    
    <item name="android:layout_height">fill_parent</item>
    <item name="android:background">#DD111111</item>    
    <item name="android:gravity">center</item>  
</style>
<style name="GenericProgressIndicator" parent="@android:style/Widget.ProgressBar.Small">
    <item name="android:layout_width">wrap_content</item>
    <item name="android:layout_height">wrap_content</item>
    <item name="android:indeterminate">true</item> 
</style>

To use this, you must hide your UI elements by setting the visibility value to GONE and whenever the data is loaded, call setVisibility(View.VISIBLE) on all your views to restore them. Don't forget to call findViewById(R.id.loadingPanel).setVisiblity(View.GONE) to hide the loading animation.

If you dont have a loading event/function but just want the loading panel to disappear after x seconds use a Handle to trigger the hiding/showing.

User · Answer

For the ones developing in Kotlin  there is a sweet method provided by the Anko library that makes the process of displaying a ProgressDialog a breeze   Based on that link   val dialog   progressDialog message    Please wait a bit      title    Fetching data   dialog show          dialog dismiss     This will show a Progress Dialog with the progress   displayed  for which you have to pass the init parameter also to calculate the progress    There is also the indeterminateProgressDialog   method  which provides the Spinning Circle animation indefinitely until dismissed   indeterminateProgressDialog  Loading      show     Shout out to this blog which led me to this solution

User · Answer

Simply put this block of xml in your activity layout file    lt RelativeLayout     android id    id loadingPanel      android layout width  match parent      android layout height  match parent      android gravity  center   gt        lt ProgressBar         android layout width  wrap content          android layout height  wrap content          android indeterminate  true    gt   lt  RelativeLayout gt    And when you finish loading  call this one line   findViewById R id loadingPanel  setVisibility View GONE     The result  and it spins too

User · Answer

This is generally referred to as an Indeterminate Progress Bar or Indeterminate Progress Dialog   Combine this with a Thread and a Handler to get exactly what you want   There are a number of examples on how to do this via Google or right here on SO   I would highly recommend spending the time to learn how to use this combination of classes to perform a task like this   It is incredibly useful across many types of applications and will give you a great insight into how Threads and Handlers can work together   I ll get you started on how this works   The loading event starts the dialog     maybe in onCreate showDialog MY LOADING DIALOG   fooThread   new FooThread handler   fooThread start      Now the thread does the work   private class FooThread extends Thread       Handler mHandler       FooThread Handler h            mHandler   h             public void run                Do all my work here    you might need a loop for this          Message msg   mHandler obtainMessage            Bundle b   new Bundle                            b putInt  state   1              msg setData b           mHandler sendMessage msg             Finally get the state back from the thread when it is complete   final Handler handler   new Handler         public void handleMessage Message msg            int state   msg getData   getInt  state            if  state    1               dismissDialog MY LOADING DIALOG               removeDialog MY LOADING DIALOG

User · Answer

If you would like to not inflate another view just to indicate progress then do the following    Create ProgressBar in the same XML layout of the list view  Make it centered Give it an id Attach it to your listview instance variable by calling setEmptyView   Android will take care the progress bar s visibility   For example  in activity main xml        lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout xmlns android  http   schemas android com apk res android      xmlns tools  http   schemas android com tools      android layout width  match parent      android layout height  match parent      android orientation  vertical      tools context  com fcchyd linkletandroid MainActivity  gt        lt ListView         android id    id list view xml          android layout width  match parent          android layout height  match parent          android divider   color colorDivider          android dividerHeight  1dp    gt       lt ProgressBar         android id    id loading progress xml          style   android attr progress          android layout width  wrap content          android layout height  wrap content          android layout centerHorizontal  true          android layout centerVertical  true    gt    lt  RelativeLayout gt    And in MainActivity java   package com fcchyd linkletandroid   import android os Bundle  import android support v7 app AppCompatActivity  import android util Log  import android widget ArrayAdapter  import android widget ListView   import java util ArrayList  import java util List   import retrofit2 Call  import retrofit2 Callback  import retrofit2 Response  import retrofit2 Retrofit  import retrofit2 converter gson GsonConverterFactory   public class MainActivity extends AppCompatActivity    final String debugLogHeader    Linklet Debug Message   Call lt Links gt  call  List lt Link gt  arraylistLink  ListView linksListV    Override protected void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       setContentView R layout activity main        linksListV    ListView  findViewById R id list view xml       linksListV setEmptyView findViewById R id loading progress xml        arraylistLink   new ArrayList lt  gt          Retrofit retrofit   new Retrofit Builder                baseUrl  https   api links linklet ml                addConverterFactory GsonConverterFactory                      create                 build         HttpsInterface HttpsInterface   retrofit              create HttpsInterface class        call   HttpsInterface httpGETpageNumber 1        call enqueue new Callback lt Links gt               Override         public void onResponse Call lt Links gt  call  Response lt Links gt  response                try                   arraylistLink   response body   getLinks                     String   simpletTitlesArray   new String arraylistLink size                     for  int i   0  i  lt  simpletTitlesArray length  i                          simpletTitlesArray i    arraylistLink get i  getTitle                                      ArrayAdapter lt String gt  simpleAdapter   new ArrayAdapter lt  gt  MainActivity this  android R layout simple list item 1  simpletTitlesArray                   linksListV setAdapter simpleAdapter                 catch  Exception e                    Log e  erro        e                                     Override         public void onFailure Call lt Links gt  call  Throwable t

User · Answer

You can use this code from firebase github samples     You don t need to edit in layout files     just make a new class  BaseActivity   package com example   import android app ProgressDialog  import android support annotation VisibleForTesting  import android support v7 app AppCompatActivity    public class BaseActivity extends AppCompatActivity         VisibleForTesting     public ProgressDialog mProgressDialog       public void showProgressDialog             if  mProgressDialog    null                mProgressDialog   new ProgressDialog this               mProgressDialog setMessage  Loading                    mProgressDialog setIndeterminate true                      mProgressDialog show                public void hideProgressDialog             if  mProgressDialog    null  amp  amp  mProgressDialog isShowing                  mProgressDialog dismiss                          Override     public void onStop             super onStop            hideProgressDialog               In your Activity that you want to use the progress dialog     public class MyActivity extends BaseActivity   Before After the function that take time   showProgressDialog         my code that take some time showProgressDialog

[android] Using the "animated circle" in an ImageView while loading stuff

Examples related to android

Examples related to loading

Examples related to android-asynctask

Examples related to geometry