带有 .gif 文件的 Android 自定义进度条

Question

在我的应用程序中，我有一个自定义进度条

进度文件

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

我的 gif 文件

我想用这个图片创建一个进度条

换句话说，每当我从服务器下载数据并在下载数据后将其删除时，我想显示此图像

或者你可以说，如何将这张图片显示为进度条

Answer 1

• 首先将您的 Gif 图像转换为 png 切片图像序列。

• 将您的进度条声明为 ImageView 。

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

• 使用从 gif 生成的 .png 序列图像在可绘制文件夹中创建 .xml 文件。在这种情况下，Loading_web_animation.xml

   <?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>
  

• 在 Main Activity 中设置如下代码，

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