android Activity實現從底部彈出或滑出選擇菜單或窗口

原創 HQY_Miracle 2018-08-25 20:11
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. this.overridePendingTransition(0, R.anim.push_bottom_out);

  45.         return true;  
  46.     }  
  47.   
  48.     public void onClick(View v) {  
  49. this.overridePendingTransition(0, R.anim.push_bottom_out);

  50.         switch (v.getId()) {  
  51.         case R.id.btn_take_photo:  
  52.             break;  
  53.         case R.id.btn_pick_photo:                 
  54.             break;  
  55.         case R.id.btn_cancel:                 
  56.             break;  
  57.         default:  
  58.             break;  
  59.         }  
  60.         finish();  
  61.     }  
  62.       
  63. }  

第三步：編寫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文件夾下

 



發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章