DIalog与popWindow布局

Android默认的PopupWindow和EditText的外观是矩形框，看起来不是太好，本示例通过设置布局View的背景和PopupWindowd对象的背景，实现有白色圆角边框的对话框效果和圆角文字编辑框。代码如下（关键部分是背景布局XML）：

 

 

对话框弹出效果图：

 

Java代码  

1. package  com.test;   
2.   
3. import  android.app.Activity;   
4. import  android.content.Context;   
5. import  android.os.Bundle;   
6. import  android.text.InputType;   
7. import  android.view.Gravity;   
8. import  android.view.LayoutInflater;   
9. import  android.view.View;   
10. import  android.view.View.OnClickListener;   
11. import  android.widget.Button;   
12. import  android.widget.EditText;   
13. import  android.widget.PopupWindow;   
14. import  android.widget.LinearLayout.LayoutParams;   
15.   
16.   
17. public   class  RoundCorner  extends  Activity {   
18.   
19.     Button mButton;    
20.   
21.      @Override   
22.      public   void  onCreate(Bundle savedInstanceState) {   
23.          super .onCreate(savedInstanceState);   
24.         setContentView(R.layout.main);   
25.            
26.          // 定义按钮    
27.         mButton = (Button)  this .findViewById(R.id.Button01);   
28.         mButton.setOnClickListener( new  ClickEvent());   
29.            
30.          // 两个圆角文字编辑框    
31.         EditText et1 = (EditText)  this .findViewById(R.id.roundedtext1);   
32.         EditText et2 = (EditText)  this .findViewById(R.id.roundedtext2);   
33.         et1.setInputType(InputType.TYPE_TEXT_FLAG_AUTO_CORRECT);   
34.         et2.setInputType(InputType.TYPE_NULL);  //不显示软键盘    
35.            
36.     }   
37.   
38.      // 处理按键事件    
39.      class  ClickEvent  implements  OnClickListener {   
40.          @Override   
41.          public   void  onClick(View v) {   
42.              if  (v == mButton) {   
43.                 showRoundCornerDialog(RoundCorner. this , RoundCorner. this .findViewById(R.id.Button01));   
44.             }   
45.         }   
46.     }   
47.   
48.      // 显示圆角对话框    
49.      public   void  showRoundCornerDialog(Context context, View parent) {   
50.         LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);   
51.            
52.          // 获取圆角对话框布局View，背景设为圆角    
53.          final  View dialogView = inflater.inflate(R.layout.popupwindow,  null ,  false );   
54.         dialogView.setBackgroundResource(R.drawable.rounded_corners_view);    
55.            
56.          // 创建弹出对话框，设置弹出对话框的背景为圆角     
57.          final  PopupWindow pw =  new  PopupWindow(dialogView,  300 , LayoutParams.WRAP_CONTENT,  true );   
58.         pw.setBackgroundDrawable(getResources().getDrawable(R.drawable.rounded_corners_pop));   
59.            
60.          //注：上面的设背景操作为重点部分，可以自行注释掉其中一个或两个设背景操作，查看对话框效果    
61.          //注：上面的设背景操作为重点部分，可以自行注释掉其中一个或两个设背景操作，查看对话框效果    
62.            
63.          final  EditText edtUsername = (EditText) dialogView.findViewById(R.id.username_edit);   
64.          final  EditText edtPassword = (EditText) dialogView.findViewById(R.id.password_edit);   
65.         edtUsername.setHint( "用户名..." );  // 设置提示语    
66.         edtPassword.setHint( "密码..." );    // 设置提示语    
67.   
68.          // OK按钮及其处理事件    
69.         Button btnOK = (Button) dialogView.findViewById(R.id.BtnOK);   
70.         btnOK.setOnClickListener( new  OnClickListener() {   
71.              @Override   
72.              public   void  onClick(View v) {   
73.                  // 设置文本框内容    
74.                 edtUsername.setText( "username" );   
75.                 edtPassword.setText( "password" );   
76.             }   
77.         });   
78.   
79.          // Cancel按钮及其处理事件    
80.         Button btnCancel = (Button) dialogView.findViewById(R.id.BtnCancel);   
81.         btnCancel.setOnClickListener( new  OnClickListener() {   
82.              @Override   
83.              public   void  onClick(View v) {   
84.                 pw.dismiss(); // 关闭    
85.             }   
86.         });   
87.            
88.          // 显示RoundCorner对话框    
89.         pw.showAtLocation(parent, Gravity.CENTER|Gravity.BOTTOM,  0 ,  0 );   
90.     }   
91.        
92. }  

 

 

1，圆角对话框的背景布局文件XML。

--------rounded_corners_pop.xml此为PopupWindow的背景布局文件

Java代码  

1. <?xml version= "1.0"  encoding= "utf-8" ?>   
2. <shape xmlns:android= "http://schemas.android.com/apk/res/android" >   
3.     <solid android:color= "#ffffffff"  />   
4.        
5.     <stroke android:width= "3dp"  color= "#ffff8080"  />   
6.        
7.     <corners android:radius= "10dp"  />   
8.        
9.     <padding android:left= "3dp"  android:top= "3dp"     
10.         android:right= "3dp"  android:bottom= "3dp"  />   
11. </shape>  

 

--------rounded_corners_view.xml此为对话框内容的背景布局文件

Java代码  

1. <?xml version= "1.0"  encoding= "utf-8" ?>   
2. <shape xmlns:android= "http://schemas.android.com/apk/res/android" >   
3.     <solid android:color= "#ff606060"  />   
4.        
5.     <stroke android:width= "3dp"  color= "#ffff8080"  />   
6.        
7.     <corners android:radius= "10dp"  />   
8.        
9.     <padding android:left= "5dp"  android:top= "5dp"     
10.         android:right= "5dp"  android:bottom= "5dp"  />   
11. </shape>  

 

 2，圆角文字编辑框的三个布局XML文件

---------rounded_edittext_states.xml

Java代码  

1. <?xml version= "1.0"  encoding= "utf-8" ?>    
2. <selector xmlns:android= "http://schemas.android.com/apk/res/android" >    
3.     <item     
4.         android:state_pressed= "true"      
5.         android:state_enabled= "true"     
6.         android:drawable= "@drawable/rounded_focused"  />    
7.     <item     
8.         android:state_focused= "true"      
9.         android:state_enabled= "true"     
10.         android:drawable= "@drawable/rounded_focused"  />    
11.     <item     
12.         android:state_enabled= "true"     
13.         android:drawable= "@drawable/rounded_edittext"  />    
14. </selector>   

 

----------rounded_edittext.xml

Java代码  

1. <?xml version= "1.0"  encoding= "utf-8" ?>    
2. <shape xmlns:android= "http://schemas.android.com/apk/res/android"     
3.     android:shape= "rectangle"     
4.     android:padding= "8dip" >    
5.     <solid android:color= "#FFFFFF" />    
6.     <corners    
7.         android:bottomRightRadius= "10dip"     
8.         android:bottomLeftRadius= "10dip"     
9.         android:topLeftRadius= "10dip"     
10.         android:topRightRadius= "10dip" />    
11. </shape>  

 

-----------rounded_edittext_focused.xml

Java代码  

1. <?xml version= "1.0"  encoding= "utf-8" ?>    
2. <shape xmlns:android= "http://schemas.android.com/apk/res/android"     
3.     android:shape= "rectangle"     
4.     android:padding= "8dip" >    
5.     <solid android:color= "#FFFFFF" />    
6.     <stroke android:width= "2dip"  android:color= "#FF0000"  />    
7.     <corners    
8.         android:bottomRightRadius= "10dip"     
9.         android:bottomLeftRadius= "10dip"     
10.         android:topLeftRadius= "10dip"     
11.         android:topRightRadius= "10dip" />    
12. </shape>   

 

3，对话框的布局文件popupwindow.xml