Android自定义ProgressDialog

Android自定义ProgressDialog

Android应用开发中，加载对话框是最常用也是最基本的一个控件，主要用于网络请求的等待过程。Android其实有自带的ProgressDialog可以做到加载等待的效果，但是其ProgressBar的样式不容易进行自定义设置，比如颜色，没有现成的api可以更改ProgressDialog进度条的颜色，还以一个KPKProgressHUD，也可以实现进度对话框，但都是封装好的。如果要自己写一个进度对话框，该怎么写呢？

我的写法比较简单，需要3个资源文件，一个是要旋转的图片，一个是对话框的布局文件，一个是图片的旋转动画文件。图片资源这里不再给出，可以让UI给，这里贴一下后两个资源文件的内容。

对话框的布局文件dialog_layout.xml

<?xml version="1.0"encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/dialog_layout"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:minHeight="60dp"
    android:minWidth="180dp"
    android:gravity="center"
    android:padding="10dp"
    >
    <ImageView
        android:id="@+id/loading_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/loading"
        />
    <TextView
       android:id="@+id/tip_textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:text=" "/>
</LinearLayout>

 

旋转动画文件loading_anim.xml

<?xml version="1.0" encoding="utf-8"?>

    <rotate
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:interpolator="@android:anim/linear_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fromDegrees="0"
        android:toDegrees="359"
        android:duration="1500"
        android:repeatCount="-1"
        />

我的Activity的写法如下：

public class DialogActivity extends AppCompatActivity {
    private Button showBtn,dismissBtn;
    private Dialog mDialog;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_dialog_main);
        showBtn = (Button) findViewById(R.id.show);
        dismissBtn = (Button) findViewById(R.id.dismiss);
        mDialog = createLoadingDialog(this,"test");
        showBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mDialog.show();
            }
        });

    }

    public static Dialog createLoadingDialog(Context context, String msg) {

        LayoutInflater inflater = LayoutInflater.from(context);
        View v = inflater.inflate(R.layout.loading_dialog_layout, null);// 得到加载view
        LinearLayout layout = (LinearLayout) v.findViewById(R.id.dialog_view);// 加载布局
        // main.xml中的ImageView
        ImageView spaceshipImage = (ImageView) v.findViewById(R.id.img);
        TextView tipTextView = (TextView) v.findViewById(R.id.tipTextView);// 提示文字
        // 加载动画
        Animation hyperspaceJumpAnimation = AnimationUtils.loadAnimation(
                context, R.anim.loading_anim);
        // 使用ImageView显示动画
        spaceshipImage.startAnimation(hyperspaceJumpAnimation);
        tipTextView.setText(msg);// 设置加载信息

        Dialog loadingDialog = new Dialog(context, R.style.loading_dialog);// 创建自定义样式dialog

        loadingDialog.setCancelable(false);// 不可以用“返回键”取消
        loadingDialog.setContentView(layout, new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.FILL_PARENT,
                LinearLayout.LayoutParams.FILL_PARENT));// 设置布局
        return loadingDialog;

    }
}

 

经本人测试，效果很好，足以满足一般项目的需求。在这期间可能会碰到两个问题：

1、  旋转动画的写法，如果不注意，动画不是匀速的，而是变速的，就是速度先变快，在动画快结束的时候速度为0，视觉上有一种停顿的现象出现，原因就是资源文件中的android:interpolator属性没有生效，有两个解决办法：第一是看下资源文件最外层的标签是不是set，如果是set，把set层去掉，保证rotate标签处于最外层；第二个办法就是代码动态设置动画的加速器：

Animation rotate = AnimationUtils.loadAnimation(this, R.drawable.rotate_anim);
LinearInterpolator lin = new LinearInterpolator();
rotate.setInterpolator(lin);
((ImageView)findViewById(R.id.img)).setAnimation(rotate);
((ImageView)findViewById(R.id.img)).startAnimation(rotate);

 

2、  动画资源文件的所在目录，android项目的资源目录res下面关于动画有两个子目录anim和animator，这两个子目录的区别就是：

anim文件夹下存放tween animation和frame animation；xml文件里只有scale、rotate、translate、alpha、set五个标签；在代码中使用AnimationUtils.loadAnimation（）方法加载；使用mView.setAnimation(mAnimation)为mView加载动画；使用mView.startAnimation()开启动画；

animator文件夹下存放property animation，即属性动画，xml文件里有animator、objectAnimator和set三个标签；在代码中使用AnimatorInflater.loadAnimator（）方法加载动画；使用mAnimation.setTarget（mView）为mView加载动画。使用mAnimation.start（）开启动画