Android custom Fortschrittsbalken mit .gif-Datei

In meiner app habe ich eine benutzerdefinierte Statusleiste

progress.xml

 <ProgressBar
    android:id="@+id/progressBar1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:progressDrawable="@drawable/loader" />

meiner gif-Datei

Möchte ich das erstellen einer Statusanzeige mit diesem Bild

In anderen Wort, das ich zeigen möchte, dieses Bild, Wann immer ich download von Daten vom server, und entfernen Sie es nach dem herunterladen der Daten

oder Sie können sagen , wie um zu zeigen, dieses Bild wie ein Fortschrittsbalken

Waren Sie in der Lage, um die Lösung zu finden?
Android nicht unterstützt git-Bilder . Verwenden Sie verschiedene Bilder in den Drawable-Ordner und Sie animieren. Befolgen Sie diese Frage :- link
Wenn Sie müssen, verwenden Sie gif-Datei wieder, würde ich empfehlen Sie verwenden dieser - Bibliothek anstelle der Verwendung von mehreren Bildern. Es ist zu einfach und effizient. 🙂
Ich' ve nie ausprobiert, aber ich denke, dass Sie verwenden können, WebView statt mittels externer Bibliothek. Viel Glück.

InformationsquelleAutor Nishant Tanwar | 2014-10-10

Ersten Conver Sie Ihre Gif-Bild in das png-Teiligen Bildsequenz.

Erklären Sie Ihre Fortschritte bar als Bild anzeigen.

<ImageView
    android:id="@+id/main_progress"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:visibility="visible" />

Erstellen .xml-Datei in drawable Ordner mit Ihrem .png-Sequenz Bild derer erzeugt aus gif.

<?xml version="1.0" encoding="utf-8"?>
    <animation-list    xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
<item
    android:drawable="@mipmap/wblod_0"
    android:duration="40" />
<item
    android:drawable="@mipmap/wblod_1"
    android:duration="40" />
<item
    android:drawable="@mipmap/wblod_2"
    android:duration="40" />
<item
    android:drawable="@mipmap/wblod_3"
    android:duration="40" />
<item
    android:drawable="@mipmap/wblod_4"
    android:duration="40" />
<item
    android:drawable="@mipmap/wblod_5"
    android:duration="40" />
<item
    android:drawable="@mipmap/wblod_6"
    android:duration="40" />
<item
    android:drawable="@mipmap/wblod_7"
    android:duration="40" />
<item
    android:drawable="@mipmap/wblod_8"
    android:duration="40" />
<item
    android:drawable="@mipmap/wblod_9"
    android:duration="40" />
<item
    android:drawable="@mipmap/wblod_10"
    android:duration="40" />
<item
    android:drawable="@mipmap/wblod_11"
    android:duration="40" />
</animation-list>

In der Haupt-Aktivität legen Sie den code wie,

private AnimationDrawable animationDrawable;
private ImageView mProgressBar;
mProgressBar.setBackgroundResource(R.drawable.loading_web_animation);
animationDrawable = (AnimationDrawable)mProgressBar.getBackground();
mProgressBar.setVisibility(View.VISIBLE);
animationDrawable.start();
mProgressBar.setVisibility(View.GONE);
animationDrawable.stop();`

InformationsquelleAutor Hitesh

Ich glaube, ich bin zu spät, diese zu beantworten, Aber Sie können versuchen, diese auch.

XML

<FrameLayout
                android:id="@+id/progress_container"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true">
                <ProgressBar
                    android:id="@+id/circular_progress"
                    android:layout_width="100dp"
                    android:layout_height="100dp"
                    android:indeterminateDrawable="@drawable/my_progress_indeterminate"
                    />
                <TextView
                    android:id="@+id/circular_progress_counter"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:textSize="@dimen/text_size_big"
                    android:textColor="@color/white"
                    android:text="10"/>
            </FrameLayout>

my_progress_indeterminate.xml

<?xml version="1.0" encoding="utf-8"?>
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/process_icon"
    android:pivotX="50%"
    android:pivotY="50%" />

In der Java-Datei anmelden, um in den Timer. hier habe ich 10-Sekunden-timer.

private void progressTimer() {
        handler = new Handler();

        if (maxCount >= 0) {
            handler.postDelayed(new Runnable() {
                @Override
                public void run() {
                    /*
                    Logic to set Time inside Progressbar
                     */

                    mCircularProgressCounter.setText(maxCount+"");

                    maxCount = maxCount - 1;
                    pickupTimer();

                }
            }, 1000);
        } 
    }

Result

Android custom Fortschrittsbalken mit .gif-Datei

Es gibt langsame animation als erwartet. Jede Lösung?

InformationsquelleAutor Anuj Sharma

Setzen Sie Ihre gif-Bild in /res/raw-Ordner

In Ihrer Klasse erklären mProgressDialog

TransparentProgressDialog mProgressDialog;

dann verwenden Sie folgenden code, um die Fortschritte zu zeigen-dialog

if (mProgressDialog == null)
    mProgressDialog = new TransparentProgressDialog(this);
if (mProgressDialog.isShowing())
    mProgressDialog.dismiss();
    mProgressDialog.setTitle(getResources().getString(R.string.title_progress_dialog));
    mProgressDialog.setCancelable(false);
    mProgressDialog.show();

Erstellen Sie eine Klasse TransparentProgressDialog wo .gif geladen werden können, mit Glide-Bibliothek.

public class TransparentProgressDialog extends Dialog {

private ImageView iv;

public TransparentProgressDialog(Context context) {
    super(context, R.style.TransparentProgressDialog);
    WindowManager.LayoutParams wlmp = getWindow().getAttributes();
    wlmp.gravity = Gravity.CENTER_HORIZONTAL;
    getWindow().setAttributes(wlmp);
    setTitle(null);
    setCancelable(false);
    setOnCancelListener(null);
    LinearLayout layout = new LinearLayout(context);
    layout.setOrientation(LinearLayout.VERTICAL);
    LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
    iv = new ImageView(context);
    GlideDrawableImageViewTarget imageViewTarget = new GlideDrawableImageViewTarget(iv);
    Glide.with(context).load(R.raw.gif_loader).into(imageViewTarget);

    layout.addView(iv, params);
    addContentView(layout, params);
}

@Override
public void show() {
    super.show();
}

}

InformationsquelleAutor Monika Moon

0

Ich es gelöst, bevor Sie zu diesem Beitrag einfach:
Benutzerdefinierte Statusleiste mit GIF (animierte GIF)

Verwenden Sie eine Bildansicht, die zeigt, dass eine Animierte GIF-Datei und, wenn erforderlich, um zu zeigen warten, machen Sie sichtbar und wenn Sie funktioniert, wird alles getan, damit es Weg!!!

InformationsquelleAutor Hamed Jaliliani

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.