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 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 && 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();

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 do this by using the following xml   lt RelativeLayout     style   style GenericProgressBackground      android id    id loadingPanel       gt       lt ProgressBar         style   style GenericProgressIndicator   gt   lt  RelativeLayout gt    With this style   lt style name  GenericProgressBackground  parent  android Theme  gt       lt item name  android layout width  gt fill parent lt  item gt           lt item name  android layout height  gt fill parent lt  item gt       lt item name  android background  gt  DD111111 lt  item gt           lt item name  android gravity  gt center lt  item gt     lt  style gt   lt style name  GenericProgressIndicator  parent   android style Widget ProgressBar Small  gt       lt item name  android layout width  gt wrap content lt  item gt       lt item name  android layout height  gt wrap content lt  item gt       lt item name  android indeterminate  gt true lt  item gt    lt  style gt    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

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

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

[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