您的位置: 首页  >  文章  >  DIalog与popWindow布局

DIalog与popWindow布局

分类: 文章 • 2024-02-18 21:44:28

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

 


DIalog与popWindow布局

 

对话框弹出效果图：


DIalog与popWindow布局

 

Java代码  DIalog与popWindow布局
  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代码  DIalog与popWindow布局
  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代码  DIalog与popWindow布局
  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代码  DIalog与popWindow布局
  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代码  DIalog与popWindow布局
  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代码  DIalog与popWindow布局
  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>   

popupwindow
A popup window that can be used to display an arbitrary view. The popup windows is a floating container that appears on top of the current activity.
一个弹出窗口，可以用来显示一个任意的看法。弹出窗口是一个浮动的容器，对当前活动顶部



PopupWindow.OnDismissListener   Listener that is called when this popup window is dismissed.
PopupWindow.OnDismissListener××xx被调用时，这个弹出窗口被驳回。
setOnDismissListener（PopupWindow.OnDismissListener onDismissListener）在取消弹出窗口时出发的事件。



其 PopupWindow.setInputMethodMode(INPUT_METHOD_FROM_FOCUSABLE|INPUT_METHOD_NEEDED|INPUT_METHOD_NOT_NEEDED )来设置解释如下：
INPUT_METHOD_FROM_FOCUSABLE为对输入法的要求，应根据该弹出可聚焦能力。
诠释INPUT_METHOD_NEEDED为这个弹出总是需要使用一个输入法，不管它是否是可聚焦。
诠释INPUT_METHOD_NOT_NEEDED为这个弹出从未需要与一个输入法，不管它是否是可聚焦。
PopupWindow构造方法如下：
PopupWindow(Context context)
PopupWindow(Context context, AttributeSet attrs)
PopupWindow(Context context, AttributeSet attrs, int defStyle)
PopupWindow()
PopupWindow(View contentView)
PopupWindow(int width, int height)
PopupWindow(View contentView, int width, int height)
PopupWindow(View contentView, int width, int height, boolean focusable)

常用的方法：
dismiss()   关闭弹出的窗口
getContentView
getBackground
isClippingEnabled是否裁剪启用
isFocusable是否弹出窗口可以抓住焦点
boolean     isShowing()  是否表明弹出窗口显示在屏幕上
boolean  isTouchable() 是否弹出窗口支持触摸事件
setClippingEnabled(boolean enabled)  
setContentView（ contentView)    更改弹出的内容
setFocusable(boolean focusable)
setHeight(int height)                    更改弹出的高度
setOutsideTouchable(boolean touchable)  控制是否弹出窗口将被告知触摸事件的窗口外面。

void  setWidth(int width)
void  setTouchable(boolean touchable)
void  setTouchInterceptor(View.OnTouchListener l)所有设置触摸事件回调被派往该弹出窗口
setWindowLayoutMode(int widthSpec, int heightSpec) 更改宽度和高度的措施，都是通过弹出的窗口管理规范
showAsDropDown(View anchor, int xoff, int yoff)  
Display the content view in a popup window anchored to the bottom-left corner of the anchor view offset by the specified x and y coordinates.

showAsDropDown(View anchor)
Display the content view in a popup window anchored to the bottom-left corner of the anchor view.

showAtLocation(View parent, int gravity, int x, int y)显示在弹出式窗口的内容以便在指定的位置


更新
update(int width, int height)
update(View anchor, int xoff, int yoff, int width, int height)
update()
update(int x, int y, int width, int height, boolean force)
update(int x, int y, int width, int height)
update(View anchor, int width, int height)

相关推荐