`
yidongkaifa
  • 浏览: 4069130 次
文章分类
社区版块
存档分类
最新评论

Android之PopupWindow弹出对话框 Android之PopupWindow弹出对话框

 
阅读更多

Android之PopupWindow弹出对话框

分类：Android2011-10-26 13:47931人阅读评论(0)收藏举报
Android的对话框常用的有两种：PopupWindow和AlertDialog。PopupWindow顾名思义为弹出菜单，不同于AlertDialog对话框，PopupWindow弹出的位置可以很多变化，按照有无偏移分，可以分为无偏移和偏移两种；按照参照类型不同又可以分为两种：相对某个控件（Anchor锚）的位置和父容器内部的相对位置。具体如下：

函数 简介
showAsDropDown(Viewanchor) 相对某个控件的位置（正左下方），无偏移
showAsDropDown(Viewanchor, int xoff, int yoff) 相对某个控件的位置，有偏移
showAtLocation(Viewparent, int gravity, int x, int y) 父容器容器相对位置，例如正中央Gravity.CENTER，下方Gravity.BOTTOM等

下面是运行程序截图：

程序代码：

布局：main.xml

view plain
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:id="@+id/layout"
  4. android:orientation="vertical"
  5. android:layout_width="fill_parent"
  6. android:layout_height="fill_parent"
  7. >
  8. <TextView
  9. android:id="@+id/tv_showText"
  10. android:layout_width="fill_parent"
  11. android:layout_height="wrap_content"
  12. android:gravity="center"
  13. android:text="@string/hello"
  14. android:textSize="22px"
  15. />
  17. <Button
  18. android:id="@+id/bt_PopupWindow1"
  19. android:text="以自己为Anchor，不偏移"
  20. android:layout_width="fill_parent"
  21. android:layout_height="wrap_content"
  22. />
  24. <Button
  25. android:id="@+id/bt_PopupWindow2"
  26. android:text="以自己为Anchor，正下方"
  27. android:layout_width="fill_parent"
  28. android:layout_height="wrap_content"
  29. />
  31. <Button
  32. android:id="@+id/bt_PopupWindow3"
  33. android:text="以屏幕中心为参照，不偏移（正中间）"
  34. android:layout_width="fill_parent"
  35. android:layout_height="wrap_content"
  36. />
  38. <Button
  39. android:id="@+id/bt_PopupWindow4"
  40. android:text="以屏幕下方为参照，下方中间"
  41. android:layout_width="fill_parent"
  42. android:layout_height="wrap_content"
  43. />
  46. </LinearLayout>

自定义对话框dialog.xml

view plain
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:orientation="vertical"
  4. android:layout_width="fill_parent"
  5. android:layout_height="fill_parent"
  6. >
  7. <TextView
  8. android:id="@+id/tv_tip"
  9. android:layout_width="fill_parent"
  10. android:layout_height="wrap_content"
  11. android:text="请输入内容："
  12. />
  14. <EditText
  15. android:id="@+id/et_text"
  16. android:layout_width="fill_parent"
  17. android:layout_height="wrap_content"
  18. ></EditText>
  20. <LinearLayout
  21. android:gravity="center_horizontal"
  22. android:layout_width="fill_parent"
  23. android:layout_height="fill_parent"
  24. >
  25. <Button
  26. android:id="@+id/bt_ok"
  27. android:text="确定"
  28. android:layout_width="100px"
  29. android:layout_height="50px"
  30. />
  32. <Button
  33. android:id="@+id/bt_cancle"
  34. android:text="取消"
  35. android:layout_width="100px"
  36. android:layout_height="50px"
  37. />
  38. </LinearLayout>
  39. </LinearLayout>

代码：

view plain
  1. packagecom.myandroid.test;
  3. importandroid.app.Activity;
  4. importandroid.content.Context;
  5. importandroid.content.SharedPreferences.Editor;
  6. importandroid.os.Bundle;
  7. importandroid.util.Log;
  8. importandroid.view.Gravity;
  9. importandroid.view.LayoutInflater;
  10. importandroid.view.View;
  11. importandroid.view.View.OnClickListener;
  12. importandroid.view.ViewGroup.LayoutParams;
  13. importandroid.widget.Button;
  14. importandroid.widget.EditText;
  15. importandroid.widget.Gallery;
  16. importandroid.widget.PopupWindow;
  17. importandroid.widget.TextView;
  19. publicclassPopupWindowTestextendsActivity{//PopupWindow属于不阻塞的对话框，AlertDialog则是阻塞的。
  20. privateButtonbt_popupWindow1;
  21. privateButtonbt_popupWindow2;
  22. privateButtonbt_popupWindow3;
  23. privateButtonbt_popupWindow4;
  24. privateTextViewtv_showText;
  25. privatePopupWindowpopupWindow;
  26. privateintscreenWidth;
  27. privateintscreenHeight;
  28. privateintdialgoWidth;
  29. privateintdialgoheight;
  32. /**Calledwhentheactivityisfirstcreated.*/
  33. @Override
  34. publicvoidonCreate(BundlesavedInstanceState){
  35. super.onCreate(savedInstanceState);
  36. setContentView(R.layout.main);
  38. initView();
  39. }
  41. /**
  42. *初始化控件和响应事件
  43. */
  44. privatevoidinitView(){
  45. bt_popupWindow1=(Button)findViewById(R.id.bt_PopupWindow1);
  46. bt_popupWindow2=(Button)findViewById(R.id.bt_PopupWindow2);
  47. bt_popupWindow3=(Button)findViewById(R.id.bt_PopupWindow3);
  48. bt_popupWindow4=(Button)findViewById(R.id.bt_PopupWindow4);
  49. tv_showText=(TextView)findViewById(R.id.tv_showText);
  51. bt_popupWindow1.setOnClickListener(newClickEvent());
  52. bt_popupWindow2.setOnClickListener(newClickEvent());
  53. bt_popupWindow3.setOnClickListener(newClickEvent());
  54. bt_popupWindow4.setOnClickListener(newClickEvent());
  58. }
  60. /**
  61. *按钮点击事件处理
  62. *@authorKobi
  63. *
  64. */
  65. privateclassClickEventimplementsOnClickListener{
  67. @Override
  68. publicvoidonClick(Viewv){
  69. //TODOAuto-generatedmethodstub
  70. switch(v.getId()){
  72. caseR.id.bt_PopupWindow1://以自己为Anchor，不偏移
  73. getPopupWindow();
  74. popupWindow.showAsDropDown(v);
  75. break;
  77. caseR.id.bt_PopupWindow2://以自己为Anchor，偏移(screenWidth-dialgoWidth)/2,0)--按钮正下方
  78. getPopupWindow();
  79. popupWindow.showAsDropDown(v,(screenWidth-dialgoWidth)/2,0);
  80. break;
  82. caseR.id.bt_PopupWindow3://以屏幕中心为参照，不偏移
  83. getPopupWindow();
  84. popupWindow.showAtLocation(findViewById(R.id.layout),Gravity.CENTER,0,0);
  85. break;
  87. caseR.id.bt_PopupWindow4://以屏幕左下角为参照，偏移(screenWidth-dialgoWidth)/2,0)--屏幕下方中央
  88. getPopupWindow();
  89. popupWindow.showAtLocation(findViewById(R.id.layout),
  90. Gravity.BOTTOM,0,0);
  91. break;
  93. default:
  94. break;
  95. }
  96. }
  98. }
  100. /**
  101. *创建PopupWindow
  102. */
  103. protectedvoidinitPopuptWindow(){
  104. //TODOAuto-generatedmethodstub
  107. ViewpopupWindow_view=getLayoutInflater().inflate(//获取自定义布局文件dialog.xml的视图
  108. R.layout.dialog,null,false);
  110. popupWindow=newPopupWindow(popupWindow_view,200,150,true);//创建PopupWindow实例
  112. Buttonbt_ok=(Button)popupWindow_view.findViewById(R.id.bt_ok);//dialog.xml视图里面的控件
  113. Buttonbt_cancle=(Button)popupWindow_view.findViewById(R.id.bt_cancle);
  114. finalEditTextet_text=(EditText)popupWindow_view.findViewById(R.id.et_text);
  116. bt_ok.setOnClickListener(newOnClickListener(){
  118. @Override
  119. publicvoidonClick(Viewv){
  120. //TODOAuto-generatedmethodstub
  121. tv_showText.setText(et_text.getText());//在标签里显示内容
  122. popupWindow.dismiss();//对话框消失
  123. }
  124. });
  126. bt_cancle.setOnClickListener(newOnClickListener(){
  128. @Override
  129. publicvoidonClick(Viewv){
  130. //TODOAuto-generatedmethodstub
  131. popupWindow.dismiss();
  132. }
  133. });
  135. //获取屏幕和对话框各自高宽
  136. screenWidth=PopupWindowTest.this.getWindowManager().getDefaultDisplay().getWidth();
  137. screenHeight=PopupWindowTest.this.getWindowManager().getDefaultDisplay().getHeight();
  139. dialgoWidth=popupWindow.getWidth();
  140. dialgoheight=popupWindow.getHeight();
  142. }
  144. /*
  145. *获取PopupWindow实例
  146. */
  147. privatevoidgetPopupWindow(){
  149. if(null!=popupWindow){
  150. popupWindow.dismiss();
  151. return;
  152. }else{
  153. initPopuptWindow();
  154. }
  155. }
  157. @Override
  158. protectedvoidonPause(){
  159. //TODOAuto-generatedmethodstub
  160. super.onPause();
  161. Log.e("ActivityState","onPause");
  162. }
  164. @Override
  165. protectedvoidonResume(){
  166. //TODOAuto-generatedmethodstub
  167. super.onResume();
  168. Log.e("ActivityState","onResume");
  169. }
  174. }
Android的对话框常用的有两种：PopupWindow和AlertDialog。PopupWindow顾名思义为弹出菜单，不同于AlertDialog对话框，PopupWindow弹出的位置可以很多变化，按照有无偏移分，可以分为无偏移和偏移两种；按照参照类型不同又可以分为两种：相对某个控件（Anchor锚）的位置和父容器内部的相对位置。具体如下：

函数 简介
showAsDropDown(Viewanchor) 相对某个控件的位置（正左下方），无偏移
showAsDropDown(Viewanchor, int xoff, int yoff) 相对某个控件的位置，有偏移
showAtLocation(Viewparent, int gravity, int x, int y) 父容器容器相对位置，例如正中央Gravity.CENTER，下方Gravity.BOTTOM等

下面是运行程序截图：

程序代码：

布局：main.xml

view plain
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:id="@+id/layout"
  4. android:orientation="vertical"
  5. android:layout_width="fill_parent"
  6. android:layout_height="fill_parent"
  7. >
  8. <TextView
  9. android:id="@+id/tv_showText"
  10. android:layout_width="fill_parent"
  11. android:layout_height="wrap_content"
  12. android:gravity="center"
  13. android:text="@string/hello"
  14. android:textSize="22px"
  15. />
  17. <Button
  18. android:id="@+id/bt_PopupWindow1"
  19. android:text="以自己为Anchor，不偏移"
  20. android:layout_width="fill_parent"
  21. android:layout_height="wrap_content"
  22. />
  24. <Button
  25. android:id="@+id/bt_PopupWindow2"
  26. android:text="以自己为Anchor，正下方"
  27. android:layout_width="fill_parent"
  28. android:layout_height="wrap_content"
  29. />
  31. <Button
  32. android:id="@+id/bt_PopupWindow3"
  33. android:text="以屏幕中心为参照，不偏移（正中间）"
  34. android:layout_width="fill_parent"
  35. android:layout_height="wrap_content"
  36. />
  38. <Button
  39. android:id="@+id/bt_PopupWindow4"
  40. android:text="以屏幕下方为参照，下方中间"
  41. android:layout_width="fill_parent"
  42. android:layout_height="wrap_content"
  43. />
  46. </LinearLayout>

自定义对话框dialog.xml

view plain
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:orientation="vertical"
  4. android:layout_width="fill_parent"
  5. android:layout_height="fill_parent"
  6. >
  7. <TextView
  8. android:id="@+id/tv_tip"
  9. android:layout_width="fill_parent"
  10. android:layout_height="wrap_content"
  11. android:text="请输入内容："
  12. />
  14. <EditText
  15. android:id="@+id/et_text"
  16. android:layout_width="fill_parent"
  17. android:layout_height="wrap_content"
  18. ></EditText>
  20. <LinearLayout
  21. android:gravity="center_horizontal"
  22. android:layout_width="fill_parent"
  23. android:layout_height="fill_parent"
  24. >
  25. <Button
  26. android:id="@+id/bt_ok"
  27. android:text="确定"
  28. android:layout_width="100px"
  29. android:layout_height="50px"
  30. />
  32. <Button
  33. android:id="@+id/bt_cancle"
  34. android:text="取消"
  35. android:layout_width="100px"
  36. android:layout_height="50px"
  37. />
  38. </LinearLayout>
  39. </LinearLayout>

代码：

view plain
  1. packagecom.myandroid.test;
  3. importandroid.app.Activity;
  4. importandroid.content.Context;
  5. importandroid.content.SharedPreferences.Editor;
  6. importandroid.os.Bundle;
  7. importandroid.util.Log;
  8. importandroid.view.Gravity;
  9. importandroid.view.LayoutInflater;
  10. importandroid.view.View;
  11. importandroid.view.View.OnClickListener;
  12. importandroid.view.ViewGroup.LayoutParams;
  13. importandroid.widget.Button;
  14. importandroid.widget.EditText;
  15. importandroid.widget.Gallery;
  16. importandroid.widget.PopupWindow;
  17. importandroid.widget.TextView;
  19. publicclassPopupWindowTestextendsActivity{//PopupWindow属于不阻塞的对话框，AlertDialog则是阻塞的。
  20. privateButtonbt_popupWindow1;
  21. privateButtonbt_popupWindow2;
  22. privateButtonbt_popupWindow3;
  23. privateButtonbt_popupWindow4;
  24. privateTextViewtv_showText;
  25. privatePopupWindowpopupWindow;
  26. privateintscreenWidth;
  27. privateintscreenHeight;
  28. privateintdialgoWidth;
  29. privateintdialgoheight;
  32. /**Calledwhentheactivityisfirstcreated.*/
  33. @Override
  34. publicvoidonCreate(BundlesavedInstanceState){
  35. super.onCreate(savedInstanceState);
  36. setContentView(R.layout.main);
  38. initView();
  39. }
  41. /**
  42. *初始化控件和响应事件
  43. */
  44. privatevoidinitView(){
  45. bt_popupWindow1=(Button)findViewById(R.id.bt_PopupWindow1);
  46. bt_popupWindow2=(Button)findViewById(R.id.bt_PopupWindow2);
  47. bt_popupWindow3=(Button)findViewById(R.id.bt_PopupWindow3);
  48. bt_popupWindow4=(Button)findViewById(R.id.bt_PopupWindow4);
  49. tv_showText=(TextView)findViewById(R.id.tv_showText);
  51. bt_popupWindow1.setOnClickListener(newClickEvent());
  52. bt_popupWindow2.setOnClickListener(newClickEvent());
  53. bt_popupWindow3.setOnClickListener(newClickEvent());
  54. bt_popupWindow4.setOnClickListener(newClickEvent());
  58. }
  60. /**
  61. *按钮点击事件处理
  62. *@authorKobi
  63. *
  64. */
  65. privateclassClickEventimplementsOnClickListener{
  67. @Override
  68. publicvoidonClick(Viewv){
  69. //TODOAuto-generatedmethodstub
  70. switch(v.getId()){
  72. caseR.id.bt_PopupWindow1://以自己为Anchor，不偏移
  73. getPopupWindow();
  74. popupWindow.showAsDropDown(v);
  75. break;
  77. caseR.id.bt_PopupWindow2://以自己为Anchor，偏移(screenWidth-dialgoWidth)/2,0)--按钮正下方
  78. getPopupWindow();
  79. popupWindow.showAsDropDown(v,(screenWidth-dialgoWidth)/2,0);
  80. break;
  82. caseR.id.bt_PopupWindow3://以屏幕中心为参照，不偏移
  83. getPopupWindow();
  84. popupWindow.showAtLocation(findViewById(R.id.layout),Gravity.CENTER,0,0);
  85. break;
  87. caseR.id.bt_PopupWindow4://以屏幕左下角为参照，偏移(screenWidth-dialgoWidth)/2,0)--屏幕下方中央
  88. getPopupWindow();
  89. popupWindow.showAtLocation(findViewById(R.id.layout),
  90. Gravity.BOTTOM,0,0);
  91. break;
  93. default:
  94. break;
  95. }
  96. }
  98. }
  100. /**
  101. *创建PopupWindow
  102. */
  103. protectedvoidinitPopuptWindow(){
  104. //TODOAuto-generatedmethodstub
  107. ViewpopupWindow_view=getLayoutInflater().inflate(//获取自定义布局文件dialog.xml的视图
  108. R.layout.dialog,null,false);
  110. popupWindow=newPopupWindow(popupWindow_view,200,150,true);//创建PopupWindow实例
  112. Buttonbt_ok=(Button)popupWindow_view.findViewById(R.id.bt_ok);//dialog.xml视图里面的控件
  113. Buttonbt_cancle=(Button)popupWindow_view.findViewById(R.id.bt_cancle);
  114. finalEditTextet_text=(EditText)popupWindow_view.findViewById(R.id.et_text);
  116. bt_ok.setOnClickListener(newOnClickListener(){
  118. @Override
  119. publicvoidonClick(Viewv){
  120. //TODOAuto-generatedmethodstub
  121. tv_showText.setText(et_text.getText());//在标签里显示内容
  122. popupWindow.dismiss();//对话框消失
  123. }
  124. });
  126. bt_cancle.setOnClickListener(newOnClickListener(){
  128. @Override
  129. publicvoidonClick(Viewv){
  130. //TODOAuto-generatedmethodstub
  131. popupWindow.dismiss();
  132. }
  133. });
  135. //获取屏幕和对话框各自高宽
  136. screenWidth=PopupWindowTest.this.getWindowManager().getDefaultDisplay().getWidth();
  137. screenHeight=PopupWindowTest.this.getWindowManager().getDefaultDisplay().getHeight();
  139. dialgoWidth=popupWindow.getWidth();
  140. dialgoheight=popupWindow.getHeight();
  142. }
  144. /*
  145. *获取PopupWindow实例
  146. */
  147. privatevoidgetPopupWindow(){
  149. if(null!=popupWindow){
  150. popupWindow.dismiss();
  151. return;
  152. }else{
  153. initPopuptWindow();
  154. }
  155. }
  157. @Override
  158. protectedvoidonPause(){
  159. //TODOAuto-generatedmethodstub
  160. super.onPause();
  161. Log.e("ActivityState","onPause");
  162. }
  164. @Override
  165. protectedvoidonResume(){
  166. //TODOAuto-generatedmethodstub
  167. super.onResume();
  168. Log.e("ActivityState","onResume");
  169. }
  174. }
分享到：
| cocos2d-x游戏开发(九)重要的基类CCNode
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics