Android自定义类似ProgressDialog效果的Dialog

墨蓝 2022-07-17 01:27 179阅读 0赞

[Android][]自定义类似ProgressDialog效果的Dialog.

方法如下：

1.首先准备两张自己要定义成哪样子的效果的图片和背景图片（也可以不要背景）。

如我要的效果：

![1347606673_7051.png][]

2.定义loading\_dialog.xml布局文件(这里你也可以按自己的布局效果定义,关键是要有个imageView)：

**\[html\]** [view plain][] [copy][view plain]

1.  **<?****xml**version="1.0"encoding="utf-8"**?>**
2.  **<****LinearLayout**xmlns:android="http://schemas.android.com/apk/res/android"
3.  android:id="@+id/dialog\_view"
4.  android:orientation="vertical"
5.  android:layout\_width="fill\_parent"
6.  android:layout\_height="fill\_parent"
7.  android:minHeight="60dp"
8.  android:minWidth="180dp"
9.  android:gravity="center"
10. android:padding="10dp"
11. android:background="@drawable/loading\_bg"**>**
12. **<****ImageView**
13. android:id="@+id/img"
14. android:layout\_width="wrap\_content"
15. android:layout\_height="wrap\_content"
16. android:src="@drawable/publicloading"
17. **/>**
18. **<****TextView**
19. android:id="@+id/tipTextView"
20. android:layout\_width="wrap\_content"
21. android:layout\_height="wrap\_content"
22. android:layout\_marginLeft="10dp"
23. android:text="数据加载中……"**/>**
24. **</****LinearLayout****>**

3.定义一个loadingDialog中imageView转动的动画：loading\_animation.xml

**\[html\]** [view plain][] [copy][view plain]

1.  **<?****xml**version="1.0"encoding="utf-8"**?>**
2.  **<****set**android:shareInterpolator="false"xmlns:android="http://schemas.android.com/apk/res/android"**>**
3.  **<****rotate**
4.  android:interpolator="@android:anim/linear\_interpolator"
5.  android:pivotX="50%"
6.  android:pivotY="50%"
7.  android:fromDegrees="0"
8.  android:toDegrees="+360"
9.  android:duration="1500"
10. android:startOffset="-1"
11. android:repeatMode="restart"
12. android:repeatCount="-1"**/>**
13. **</****set****>**

4.定义dialog的style.

**\[java\]** [view plain][] [copy][view plain]

1.   
2.   <style name="loading\_dialog" parent="android:style/Theme.Dialog"> 
3.   <item name="android:windowFrame">@null</item> 
4.   <item name="android:windowNoTitle">**true**</item> 
5.   <item name="android:windowBackground">@drawable/loading\_bg</item> 
6.   <item name="android:windowIsFloating">**true**</item> 
7.   <item name="android:windowContentOverlay">@null</item> 
8.   </style>

5.写点创建Dialog的代码，你可以自己封装成一个方法。

**\[java\]** [view plain][] [copy][view plain]

1.  /\*\*
2.   \* 得到自定义的progressDialog
3.   \* @param context
4.   \* @param msg
5.   \* @return
6.   \*/
7.  **public****static** Dialog createLoadingDialog(Context context, String msg) \{ 
8.  
9.   LayoutInflater inflater = LayoutInflater.from(context); 
10.  View v = inflater.inflate(R.layout.loading\_dialog, **null**);// 得到加载view
11.  LinearLayout layout = (LinearLayout) v.findViewById(R.id.dialog\_view);// 加载布局
12. // main.xml中的ImageView
13.  ImageView spaceshipImage = (ImageView) v.findViewById(R.id.img); 
14.  TextView tipTextView = (TextView) v.findViewById(R.id.tipTextView);// 提示文字
15. // 加载动画
16.  Animation hyperspaceJumpAnimation = AnimationUtils.loadAnimation( 
17.  context, R.anim.load\_animation); 
18. // 使用ImageView显示动画
19.  spaceshipImage.startAnimation(hyperspaceJumpAnimation); 
20.  tipTextView.setText(msg);// 设置加载信息
21. 
22.  Dialog loadingDialog = **new** Dialog(context, R.style.loading\_dialog);// 创建自定义样式dialog
23. 
24.  loadingDialog.setCancelable(**false**);// 不可以用“返回键”取消
25.  loadingDialog.setContentView(layout, **new** LinearLayout.LayoutParams( 
26.  LinearLayout.LayoutParams.FILL\_PARENT, 
27.  LinearLayout.LayoutParams.FILL\_PARENT));// 设置布局
28. **return** loadingDialog; 
29. 
30.  \}

最后来张整体的效果图：

![1347607321_4092.jpg][]

参考：http://blog.csdn.net/qjlhlh/article/details/7979179

[Android]: http://lib.csdn.net/base/15
[1347606673_7051.png]: https://img-my.csdn.net/uploads/201209/14/1347606673_7051.png
[view plain]: http://blog.csdn.net/qjlhlh/article/details/7979179#
[1347607321_4092.jpg]: https://img-my.csdn.net/uploads/201209/14/1347607321_4092.jpg