Android自定义进度框

有时候，为了适应项目中的统一风格，或者优化进度框的显示效果，我们需要定义自己的进度框显示效果，下面实现一种可添加自己Logo的圆形旋转进度框，代码如下：

1、自定义LoadingDialog类继承Dialog：

package com.example.loadingdialog.view;

import com.example.myloadingdialog.R;

import android.animation.ObjectAnimator;
import android.app.Dialog;
import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.view.Gravity;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.view.Window;
import android.view.WindowManager;
import android.view.animation.LinearInterpolator;
import android.widget.ImageView;
import android.widget.RelativeLayout;

public class LoadingDialog extends Dialog {
private ImageView mView;
private Context mContext;
private ObjectAnimator animator;
/** 显示对话框 */
private static final int DIALOG_SHOW = 1;
/** 隐藏对话框 */
private static final int DIALOG_DISMISS = 0;

private Handler mHandler = new Handler() {
@Override
public void handleMessage(Message msg) {
switch (msg.what) {
case DIALOG_SHOW:
LoadingDialog.super.show();
break;
case DIALOG_DISMISS:
LoadingDialog.super.dismiss();
break;
}
}
};

public LoadingDialog(Context context, int theme) {
super(context, theme);
mContext = context;

RelativeLayout container = new RelativeLayout(mContext);
container.setGravity(Gravity.CENTER);
ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);

mView = new ImageView(context);
ImageView iView = new ImageView(context);
mView.setBackgroundResource(R.drawable.icon_loading);
iView.setBackgroundResource(R.drawable.load_bk);
RelativeLayout.LayoutParams params2 = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
params2.addRule(RelativeLayout.CENTER_IN_PARENT, RelativeLayout.TRUE);
container.addView(mView, params2);
container.addView(iView, params2);

setContentView(container, params);
setCancelable(true);
setCanceledOnTouchOutside(true);
Window w = getWindow();
WindowManager.LayoutParams lp = w.getAttributes();
lp.width = LayoutParams.MATCH_PARENT;
}

@Override
protected void onStart() {
super.onStart();
animator = ObjectAnimator.ofFloat(mView, "rotation", 0, 360f);
animator.setRepeatCount(-1);
animator.setDuration(800);
animator.setInterpolator(new LinearInterpolator());
animator.start();
}

@Override
public void show() {
mHandler.sendEmptyMessage(DIALOG_SHOW);
}

@Override
public void dismiss() {
mHandler.sendEmptyMessage(DIALOG_DISMISS);
}

@Override
protected void onStop() {
animator.end();
super.onStop();
}
}

注：代码中的两张图片R.drawable.icon_loading和R.drawable.load_bk可根据自己的需求随意替换。

2、在Activity中引用自定义对话框：

package com.example.loadingdialog;

import com.example.loadingdialog.view.LoadingDialog;
import com.example.myloadingdialog.R;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;

public class MainActivity extends Activity {
private LoadingDialog dialog;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
dialog = new LoadingDialog(this, R.style.alertdialog_theme);
}

public void click(View v){
dialog.show();
new Thread(new Runnable() {
@Override
public void run() {
try {
Thread.sleep(10000);
dialog.dismiss();
} catch (InterruptedException e) {
e.printStackTrace();
}

}
}).start();

}

}

其中初始化自定义对话框时用到了一个自定义样式(res/values/styles.xml)：

<style name="alertdialog_theme" parent="@android:style/Theme.Dialog">
<item name="android:windowIsFloating">true</item>
<!-- 是否浮现在activity之上 -->
<item name="android:windowIsTranslucent">true</item>
<!-- 半透明 -->
<item name="android:windowNoTitle">true</item>
<!-- 无标题 -->
<item name="android:windowBackground">@color/transparent</item>
<!-- 背景透明 -->
<item name="android:backgroundDimEnabled">true</item>
<!-- 模糊 -->
</style>

效果图如下：



点击下载项目源码