Android 漂亮的 Dialog (弹出框)

在新浪微博Android客户端的开发的课程中呢要用的得自定义的Dialog，这个Dialog个人觉得还不错，所以就那处理来分享了。

首先呢，还是让我们先来看效果图，正所谓有图有真相：




下面我们看看是怎么来实现的：

第一步：在res/layout目录下新创建一个布局文件：
authorize_dialog.xml:

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout
   
3. xmlns:android="http://schemas.android.com/apk/res/android"
   
4. android:layout_width="wrap_content"
   
5. android:layout_height="wrap_content"
   
6. android:orientation="vertical"
   
7. android:padding="15dip">
   
8. 
   
9. <LinearLayout
   
10. android:layout_width="wrap_content"
    
11. android:layout_height="wrap_content"
    
12. android:orientation="horizontal">
    
13. 
    
14. <ImageView
    
15. android:layout_width="wrap_content"
    
16. android:layout_height="wrap_content"
    
17. android:src="@drawable/info"
    
18. android:layout_marginLeft="10dip"
    
19. android:layout_marginTop="3dip"/>
    
20. 
    
21. <TextView
    
22. android:layout_width="wrap_content"
    
23. android:layout_height="wrap_content"
    
24. android:text="信息提示"
    
25. android:textSize="13px"
    
26. android:textColor="#219ac6"
    
27. android:layout_marginLeft="5dip"/>
    
28. 
    
29. </LinearLayout>
    
30. 
    
31. <TextView
    
32. android:id="@+id/text_info"
    
33. android:layout_marginTop="6px"
    
34. android:layout_width="200px"
    
35. android:layout_height="wrap_content"
    
36. android:textColor="#686767"
    
37. android:textSize="12px"
    
38. android:layout_marginLeft="10dip"
    
39. android:text="第一次使用需要输入您的新浪微博账号和密码进行登录授权"/>
    
40. 
    
41. <RelativeLayout
    
42. android:layout_width="fill_parent"
    
43. android:layout_height="40px">
    
44. 
    
45. <LinearLayout
    
46. android:layout_width="wrap_content"
    
47. android:layout_height="wrap_content"
    
48. android:orientation="horizontal"
    
49. android:layout_centerHorizontal="true"
    
50. android:layout_alignParentBottom="true">
    
51. 
    
52. <Button
    
53. android:id="@+id/btn_start"
    
54. android:layout_width="83px"
    
55. android:layout_height="38px"
    
56. android:background="@drawable/btn_begin_d"/>
    
57. 
    
58. </LinearLayout>
    
59. </RelativeLayout>
    
60. 
    
61. </LinearLayout>
    

复制代码

第二步：在res/values文件夹下创建一个Style文件：
authorize_dialog_style.xml:

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <resources>
   
3. <style name="dialog" parent="@android:style/Theme.Dialog">
   
4. <item name="android:windowFrame">@null</item><!--Dialog的windowFrame框为无 -->
   
5. <item name="android:windowIsFloating">true</item><!--是否浮现在activity之上 -->
   
6. <item name="android:windowIsTranslucent">false</item> <!-- 是否半透明 -->
   
7. <item name="android:windowNoTitle">true</item>
   
8. <item name="android:windowBackground">@drawable/dia_bg</item>
   
9. <item name="android:backgroundDimEnabled">false</item>
   
10. </style>
    
11. </resources>
    

复制代码

通过以上两步，我们就完成了一个Android中的漂亮Dialog啦，那下面我们再来看看这个漂亮Dialog是如何使用的

第三步：创建一个Activity，在Activity中的onCreate 方法中加入一下代码：

1. View diaView=View.inflate(this, R.layout.dialog, null);
   
2. 
   
3. dialog=new Dialog(AuthorizeActivity.this,R.style.dialog);
   
4. dialog.setContentView(diaView);
   
5. dialog.show();

复制代码

到此为止，一个漂亮的Dialog就搞定了。