自己定义progressdialog,改善用户体验
效果图:
详细实现方式:
1.定义Dialog的Layout布局
2.设置动画anim
3.创建自己定义dialog的样式
4.创建共同拥有方法来控制Dialog
1.定义Dialog的Layout布局 : layout文件夹下 layout_loading_dialog.xml
<?
xml version="1.0" encoding="utf-8"?
>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/dialog_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_vertical|center"
android:orientation="vertical"
android:background="@color/transparent">
<ImageView
android:id="@+id/img"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/loading" />
</LinearLayout>
2.设置动画anim : 创建 anim文件夹 loading_animation.xml
<?xml version="1.0" encoding="utf-8"?
<set android:shareInterpolator="false" xmlns:android="http://schemas.android.com/apk/res/android">
<rotate
android:interpolator="@android:anim/linear_interpolator"
android:pivotX="50%"
android:pivotY="50%"
android:fromDegrees="0"
android:toDegrees="+360"
android:duration="1500"
android:startOffset="-1"
android:repeatMode="restart"
android:repeatCount="-1"/>
</set>
3.创建自己定义dialog的样式Theme : values文件夹 themes.xml
<!-- 自己定义loading dialog -->
<style name="loading_dialog" parent="android:Theme.Dialog">
<item name="android:windowFrame">@null</item> <!-- Dialog的windowFrame框为无 -->
<item name="android:windowBackground">@color/transparent</item> <!-- 设置dialog的背景 -->
<item name="android:windowNoTitle">true</item> <!-- 是否显示title -->
<item name="android:windowIsTranslucent">true</item> <!-- 是否半透明 -->
<item name="android:windowIsFloating">true</item> <!-- 是否浮如今activity之上 -->
<item name="android:windowContentOverlay">@null</item> <!-- 也是个drawable,定义contentoverlay的背景 -->
<item name="android:backgroundDimEnabled">false</item> <!-- 背景是否模糊显示 -->
</style>
/**
* 得到自己定义的progressDialog
* @param context
* @return
*/
public static Dialog createLoadingDialog(Context context) {
LayoutInflater inflater = LayoutInflater.from(context);
View v = inflater.inflate(R.layout.layout_loading_dialog, null); // 得到载入view
LinearLayout layout = (LinearLayout) v.findViewById(R.id.dialog_view); // 载入布局
ImageView spaceshipImage = (ImageView) v.findViewById(R.id.img);
Animation hyperspaceJumpAnimation = AnimationUtils.loadAnimation(context,R.anim.loading_animation); // 载入动画
spaceshipImage.startAnimation(hyperspaceJumpAnimation); // 使用ImageView显示动画
Dialog loadingDialog = new Dialog(context, R.style.loading_dialog); // 创建自己定义样式dialog
//loadingDialog.setCancelable(false);// 不能够用"返回键"取消
loadingDialog.setContentView(layout, new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,
LinearLayout.LayoutParams.WRAP_CONTENT));
return loadingDialog;
}
OK ! 使用时直接调用便可:
public Dialog mLoading;
mLoading = DialogUtils.createLoadingDialog(this);
mLoading.show();
mLoading.dismiss();