Wyświetl nakładkę ładującą na ekranie Androida

Question

Szukam wyświetlić nakładkę na ekranie, która pokazuje trochę ładowanie paska lub ewentualnie nawet tekst, podczas gdy moja aplikacja próbuje zalogować się do serwera. Mój ekran logowania znajduje się w pionowym układzie liniowym.

Efekt Próbuję osiągnąć coś takiego: http://docs.xamarin.com/recipes/ios/standard_controls/popovers/display_a_loading_message

Answer 1

Może za późno, ale sądzę, że ktoś może mu się przydać.

aktywny:

public class MainActivity extends Activity implements View.OnClickListener { 

    String myLog = "myLog"; 

    AlphaAnimation inAnimation; 
    AlphaAnimation outAnimation; 

    FrameLayout progressBarHolder; 
    Button button; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_main); 

     button = (Button) findViewById(R.id.button); 
     progressBarHolder = (FrameLayout) findViewById(R.id.progressBarHolder); 

     button.setOnClickListener(this); 

    } 

    @Override 
    public void onClick(View v) { 
     switch (v.getId()) { 
      case R.id.button: 
       new MyTask().execute(); 
       break; 
     } 

    } 

    private class MyTask extends AsyncTask <Void, Void, Void> { 

     @Override 
     protected void onPreExecute() { 
      super.onPreExecute(); 
      button.setEnabled(false); 
      inAnimation = new AlphaAnimation(0f, 1f); 
      inAnimation.setDuration(200); 
      progressBarHolder.setAnimation(inAnimation); 
      progressBarHolder.setVisibility(View.VISIBLE); 
     } 

     @Override 
     protected void onPostExecute(Void aVoid) { 
      super.onPostExecute(aVoid); 
      outAnimation = new AlphaAnimation(1f, 0f); 
      outAnimation.setDuration(200); 
      progressBarHolder.setAnimation(outAnimation); 
      progressBarHolder.setVisibility(View.GONE); 
      button.setEnabled(true); 
     } 

     @Override 
     protected Void doInBackground(Void... params) { 
      try { 
       for (int i = 0; i < 5; i++) { 
        Log.d(myLog, "Emulating some task.. Step " + i); 
        TimeUnit.SECONDS.sleep(1); 
       } 
      } catch (InterruptedException e) { 
       e.printStackTrace(); 
      } 
      return null; 
     } 
    } 

} 

Układ XML:

<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" 
    tools:context=".MainActivity"> 

    <Button 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Start doing stuff" 
     android:id="@+id/button" 
     android:layout_below="@+id/textView" 
     android:layout_centerHorizontal="true" /> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:textAppearance="?android:attr/textAppearanceLarge" 
     android:text="Do Some Stuff" 
     android:id="@+id/textView" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" /> 

    <FrameLayout 
     android:id="@+id/progressBarHolder" 
     android:animateLayoutChanges="true" 
     android:visibility="gone" 
     android:alpha="0.4" 
     android:background="#000000" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 

     <ProgressBar 
      style="?android:attr/progressBarStyleLarge" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:indeterminate="true" 
      android:layout_gravity="center" /> 
    </FrameLayout> 
</RelativeLayout> 

Answer 2

mam ProgressBar we względnym układzie i ukryć lub pokazać go odpowiednio. I tak, aktywność może być przejrzysta.

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" > 

    <LinearLayout 
     android:id="@+id/hsvBackgroundContainer" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentTop="true" 
    </LinearLayout> 


    <ProgressBar 
     android:id="@+id/pbProgess" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:layout_centerVertical="true" /> 

</RelativeLayout> 

Answer 3

Trzeba dokonać operacji tła używając pojęcia gwintu jak AsyncTask. Dzięki temu możesz ukryć rzeczywistą pracę z części interfejsu. AsyncTask zostanie nieprzydzielony po zakończeniu operacji.

• utworzyć podklasę AsyncTask
• Zastosowanie AsyncTask do pracy tle
• połączeń onPreExecute(), aby zainicjować zadanie
• Użyj progressbar z setIndeterminate (prawda), aby włączyć tryb nieokreślony
• Wywołaj funkcję onProgressUpdate(), aby animować pasek postępu, aby użytkownik wiedział, że niektóre prace zostały wykonane.
• Użyj incrementProgressBy(), aby uzyskać przyrosty progów Zawartość sbar przez określonej wartości
• połączeń doInBackground() i wykonać pracę tła tutaj
• Złap obiekt InterruptedException znaleźć koniec tle pracy
• połączeń onPostExecute() oznaczający koniec eksploatacji i pokazać wynik

Android's indeterminate ProgressDialog tutorial

Splash screen while loading resources in android app

Answer 4

Spinner z komunikatem nad aplikacją można utworzyć za pomocą ProgressDialog. Chociaż nie osiąga dokładnie takiego efektu jak na zdjęciu, jest to dobry sposób na pokazanie, że aplikacja działa.

Answer 5

I jak podejście Kostya But's answer.

Opierając się na tym, oto kilka pomysłów, aby tę samą nakładkę łatwo wielokrotnego użytku całej swojej aplikacji:

Rozważenia nakładkę FrameLayout w oddzielnym pliku layoutu, na przykładres/layout/include_progress_overlay.

<FrameLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/progress_overlay" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:alpha="0.4" 
    android:animateLayoutChanges="true" 
    android:background="@android:color/black" 
    android:clickable="true" 
    android:visibility="gone"> 

    <ProgressBar 
     style="?android:attr/progressBarStyleLarge" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center" 
     android:indeterminate="true"/> 

</FrameLayout> 

(Jedno dodałem w nakładce FrameLayout jest android:clickable="true" Więc gdy nakładka jest pokazany, zapobiega kliknięć przeżywają do elementów interfejsu użytkownika pod nią przynajmniej w moim typowych przypadków użycia to co ja. chcesz)

Następnie umieścić go w razie potrzeby.

<!-- Progress bar overlay; shown while login is in progress --> 
<include layout="@layout/include_progress_overlay"/> 

I w kodzie:

View progressOverlay; 
[...] 

progressOverlay = findViewById(R.id.progress_overlay); 
[...] 

// Show progress overlay (with animation): 
AndroidUtils.animateView(progressOverlay, View.VISIBLE, 0.4f, 200); 
[...] 

// Hide it (with animation): 
AndroidUtils.animateView(progressOverlay, View.GONE, 0, 200); 

Z kodu animacji ekstrakcji do metody util:

/** 
* @param view   View to animate 
* @param toVisibility Visibility at the end of animation 
* @param toAlpha  Alpha at the end of animation 
* @param duration  Animation duration in ms 
*/ 
public static void animateView(final View view, final int toVisibility, float toAlpha, int duration) { 
    boolean show = toVisibility == View.VISIBLE; 
    if (show) { 
     view.setAlpha(0); 
    } 
    view.setVisibility(View.VISIBLE); 
    view.animate() 
      .setDuration(duration) 
      .alpha(show ? toAlpha : 0) 
      .setListener(new AnimatorListenerAdapter() { 
     @Override 
     public void onAnimationEnd(Animator animation) { 
      view.setVisibility(toVisibility); 
     } 
    }); 
} 

(tutaj używając view.animate() dodał API 12, zamiast AlphaAnimation).