码迷,mamicode.com
首页 > 移动开发 > 详细

android Activity实现从底部弹出或滑出选择菜单或窗口

时间:2016-05-07 08:19:23      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:

alert_dialog.Xml代码  技术分享
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout   
  3.     xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="wrap_content"  
  6.     android:gravity="center_horizontal"  
  7.     android:orientation="vertical"  
  8.   >  
  9.   
  10. <LinearLayout   
  11.     android:id="@+id/pop_layout"  
  12.     android:layout_width="fill_parent"  
  13.     android:layout_height="wrap_content"  
  14.     android:gravity="center_horizontal"  
  15.     android:orientation="vertical"  
  16.     android:layout_alignParentBottom="true"  
  17.      android:background="@drawable/btn_style_alert_dialog_background"  
  18.      >  
  19.   
  20.       
  21.     <Button  
  22.         android:id="@+id/btn_take_photo"  
  23.         android:layout_marginLeft="20dip"  
  24.         android:layout_marginRight="20dip"  
  25.         android:layout_marginTop="20dip"  
  26.         android:layout_width="fill_parent"  
  27.         android:layout_height="wrap_content"  
  28.         android:text="拍照"  
  29.         android:background="@drawable/btn_style_alert_dialog_button"  
  30.         android:textStyle="bold"  
  31.          />  
  32.   
  33.     <Button  
  34.         android:id="@+id/btn_pick_photo"  
  35.         android:layout_marginLeft="20dip"  
  36.         android:layout_marginRight="20dip"  
  37.         android:layout_marginTop="5dip"   
  38.          android:layout_width="fill_parent"  
  39.         android:layout_height="wrap_content"  
  40.         android:text="从相册选择"  
  41.          android:background="@drawable/btn_style_alert_dialog_button"  
  42.          android:textStyle="bold"  
  43.          />  
  44.   
  45.     <Button  
  46.         android:id="@+id/btn_cancel"  
  47.        android:layout_marginLeft="20dip"  
  48.        android:layout_marginRight="20dip"  
  49.        android:layout_marginTop="15dip"   
  50.        android:layout_marginBottom="15dip"  
  51.        android:layout_width="fill_parent"  
  52.        android:layout_height="wrap_content"  
  53.        android:text="取消"  
  54.        android:background="@drawable/btn_style_alert_dialog_cancel"  
  55.        android:textColor="#ffffff"  
  56.        android:textStyle="bold"  
  57.          
  58.         />  
  59. </LinearLayout>  
  60. </RelativeLayout>  

第二步:创建SelectPicPopupWindow类继承Activity类并实现OnClickListener接口(可以不用在这里实现这个借口,根据自己需要和方便实现),其他代码实现跟编写常规Activity一样就OK,如下:

Java代码  技术分享
  1. mport android.app.Activity;  
  2. import android.os.Bundle;  
  3. import android.view.MotionEvent;  
  4. import android.view.View;  
  5. import android.view.View.OnClickListener;  
  6. import android.widget.Button;  
  7. import android.widget.LinearLayout;  
  8. import android.widget.Toast;  
  9.   
  10. public class SelectPicPopupWindow extends Activity implements OnClickListener{  
  11.   
  12.     private Button btn_take_photo, btn_pick_photo, btn_cancel;  
  13.     private LinearLayout layout;  
  14.       
  15.     @Override  
  16.     protected void onCreate(Bundle savedInstanceState) {  
  17.         super.onCreate(savedInstanceState);  
  18.         setContentView(R.layout.alert_dialog);  
  19.         btn_take_photo = (Button) this.findViewById(R.id.btn_take_photo);  
  20.         btn_pick_photo = (Button) this.findViewById(R.id.btn_pick_photo);  
  21.         btn_cancel = (Button) this.findViewById(R.id.btn_cancel);  
  22.           
  23.         layout=(LinearLayout)findViewById(R.id.pop_layout);  
  24.           
  25.         //添加选择窗口范围监听可以优先获取触点,即不再执行onTouchEvent()函数,点击其他地方时执行onTouchEvent()函数销毁Activity  
  26.         layout.setOnClickListener(new OnClickListener() {  
  27.               
  28.             public void onClick(View v) {  
  29.                 // TODO Auto-generated method stub  
  30.                 Toast.makeText(getApplicationContext(), "提示:点击窗口外部关闭窗口!",   
  31.                         Toast.LENGTH_SHORT).show();   
  32.             }  
  33.         });  
  34.         //添加按钮监听  
  35.         btn_cancel.setOnClickListener(this);  
  36.         btn_pick_photo.setOnClickListener(this);  
  37.         btn_take_photo.setOnClickListener(this);  
  38.     }  
  39.       
  40.     //实现onTouchEvent触屏函数但点击屏幕时销毁本Activity  
  41.     @Override  
  42.     public boolean onTouchEvent(MotionEvent event){  
  43.         finish();  
  44.         return true;  
  45.     }  
  46.   
  47.     public void onClick(View v) {  
  48.         switch (v.getId()) {  
  49.         case R.id.btn_take_photo:  
  50.             break;  
  51.         case R.id.btn_pick_photo:                 
  52.             break;  
  53.         case R.id.btn_cancel:                 
  54.             break;  
  55.         default:  
  56.             break;  
  57.         }  
  58.         finish();  
  59.     }  
  60.       
  61. }  

第三步:编写MainActivity类,这里很简单就是点击启动刚才要实现窗口的MainActivity即可:

Java代码  技术分享
  1. import android.app.Activity;  
  2. import android.content.Intent;  
  3. import android.os.Bundle;  
  4. import android.view.View;  
  5. import android.view.View.OnClickListener;  
  6. import android.widget.TextView;  
  7.   
  8. public class MainActivity extends Activity {  
  9.       
  10.     @Override  
  11.     public void onCreate(Bundle savedInstanceState) {  
  12.         super.onCreate(savedInstanceState);  
  13.         setContentView(R.layout.activity_main);  
  14.         TextView tv = (TextView) this.findViewById(R.id.text);  
  15.         //把文字控件添加监听,点击弹出自定义窗口  
  16.         tv.setOnClickListener(new OnClickListener() {             
  17.             public void onClick(View v) {  
  18.                 startActivity(new Intent(MainActivity.this,SelectPicPopupWindow.class));  
  19.             }  
  20.         });  
  21.     }  
  22.       
  23. }  
第四步:这里要注意下AndroidManifest.xml对SelectPicPopupWindow的配置跟常规的不一样为该activity改添加android:theme属性,如下:
Xml代码  技术分享
  1. <activity android:name=".SelectPicPopupWindow" android:theme="@style/MyDialogStyleBottom" />   

 第五步:这一步是实现本实例最重要的一部就是设置android:theme属性样式以实现本例所需要的效果,如下:

 

Xml代码  技术分享
  1. <style name="AnimBottom" parent="@android:style/Animation">  
  2.     <item name="android:windowEnterAnimation">@anim/push_bottom_in</item>  
  3.     <item name="android:windowExitAnimation">@anim/push_bottom_out</item>  
  4. </style>  
  5.   
  6. <style name="MyDialogStyleBottom" parent="android:Theme.Dialog">  
  7.     <item name="android:windowAnimationStyle">@style/AnimBottom</item>  
  8.     <item name="android:windowFrame">@null</item>  
  9. ;!-- 边框 -->  
  10.     <item name="android:windowIsFloating">true</item>  
  11. ;!-- 是否浮现在activity之上 -->  
  12.     <item name="android:windowIsTranslucent">true</item>  
  13. ;!-- 半透明 -->  
  14.     <item name="android:windowNoTitle">true</item>  
  15. ;!-- 无标题 -->  
  16.     <item name="android:windowBackground">@android:color/transparent</item>  
  17. ;!-- 背景透明 -->  
  18.     <item name="android:backgroundDimEnabled">true</item>  
  19. ;!-- 模糊 -->  
  20. </style>  

 第六步:在贴出弹出和销毁时的动画效果代码:

 

push_bottom_in.xml

Xml代码  技术分享
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <!-- 上下滑入式 -->  
  3. <set xmlns:android="http://schemas.android.com/apk/res/android" >  
  4.   
  5.     <translate  
  6.         android:duration="200"  
  7.         android:fromYDelta="100%p"  
  8.         android:toYDelta="0"          
  9.      />        
  10. </set>  

 push_buttom_out.xml

Xml代码  技术分享
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <!-- 上下滑出式 -->  
  3. <set xmlns:android="http://schemas.android.com/apk/res/android" >  
  4.   
  5.       
  6.     <translate  
  7.         android:duration="200"  
  8.         android:fromYDelta="0"  
  9.         android:toYDelta="50%p" />  
  10. </set>  

 注意:这两个xml需要放在res/anim的anim文件夹下

 



android Activity实现从底部弹出或滑出选择菜单或窗口

标签:

原文地址:http://blog.csdn.net/qq_32897275/article/details/51332113

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!