【Android】Dialog從下往上彈起(Dialog全屏，模態顯示)

時間 2019-11-10

標籤 Android dialog 從下往上彈起全屏模態顯示欄目 Android 简体版

原文原文鏈接

public class MyDialog extends Dialog implements android.view.View.OnClickListener{

	private Button cancel;
	Context context;
	View localView;
	private RelativeLayout clearallpan;
	
	protected MyDialog(Context context) {
		super(context);
		this.context = context; 
	}
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);

        // 這句代碼換掉dialog默認背景，不然dialog的邊緣發虛透明並且很寬
        // 總之達不到想要的效果
        getWindow().setBackgroundDrawableResource(android.R.color.transparent);
    	LayoutInflater inflater = ((AnimationActivity) context).getLayoutInflater();     
		localView = inflater.inflate(R.layout.animclearpan, null);
		localView.setAnimation(AnimationUtils.loadAnimation(context, R.anim.slide_bottom_to_top));  
		setContentView(localView);   
        // 這句話起全屏的做用
        getWindow().setLayout(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT);

        initView();
		initListener();
		
	}
	
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		this.dismiss(); 
		return super.onTouchEvent(event);
	}

	private void initListener() {
		cancel.setOnClickListener(this); 
		clearallpan.setOnClickListener(this); 
	}

	private void initView() {
		cancel = (Button) findViewById(R.id.cancel);
		clearallpan = (RelativeLayout) findViewById(R.id.clearallpan);
		 
	}

	public void onClick(View v) {
		switch (v.getId()) {
		case R.id.cancel:
		    this.dismiss();    
			break;
		case R.id.clearallpan:
			Toast.makeText(context, "請在該區域以外點擊", 0).show();
			break;
		}
	}
}

animclearpan.xml佈局文件以下：java

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    
    android:orientation="vertical" >
    <!-- android:background="@drawable/clearpanbackground" -->
    
 <RelativeLayout 
     android:id="@+id/clearallpan"
     android:layout_width="fill_parent"
     android:layout_height="300dp"
     android:layout_alignParentBottom="true"
     android:background="@android:color/white"
     >
     
     <Button 
         android:id="@+id/clearall"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_marginLeft="10dip"
         android:layout_marginRight="10dip"
         android:layout_marginTop="20dip"
         android:layout_marginBottom="10dip"
         android:text="刪除全部"
         android:textColor="#FFFFFFFF"/>
       
     <Button 
         android:id="@+id/cancel"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_marginLeft="10dip"
         android:layout_marginRight="10dip"
         android:layout_marginTop="10dip"
         android:layout_marginBottom="20dip"
         
         android:text="取消"
         android:layout_below="@id/clearall"
         android:textColor="#FFFFFFFF"/>
     
 </RelativeLayout>
    
</RelativeLayout>

動畫效果slide_bottom_to_top.xml文件以下:android

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator" >
    <translate
        android:duration="300"
        android:fromYDelta="100.0%"
        android:toYDelta="10.000002%" />
    <alpha
        android:duration="50"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />
</set>

自定義Dialog,而後設置爲透明背景，而後在View上面設置動畫app

2：咱們也能夠把Acitivity變成Dialog樣式,可是這樣有個缺點:就是不一樣的手機room對activity中的跳轉樣式有所變化,當我設置Activity退出的動畫時,沒有效果。因此若是需求要求全屏的相似Dialog的樣式，就自定義Dialog顯示，不要把Activity轉成Dialog樣式.ide

一下是把Activity變成Dialog樣式函數

1）Activity以下：
佈局

package com.example.picpopupwindow;


import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.Toast;

public class SelectPicPopupWindow extends Activity implements OnClickListener{

	private Button btn_take_photo, btn_pick_photo, btn_cancel;
	private LinearLayout layout;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.alert_dialog);
		btn_take_photo = (Button) this.findViewById(R.id.btn_take_photo);
		btn_pick_photo = (Button) this.findViewById(R.id.btn_pick_photo);
		btn_cancel = (Button) this.findViewById(R.id.btn_cancel);
		
		layout=(LinearLayout)findViewById(R.id.pop_layout);
		
		//添加選擇窗口範圍監聽能夠優先獲取觸點，即再也不執行onTouchEvent()函數，點擊其餘地方時執行onTouchEvent()函數銷燬Activity
		layout.setOnClickListener(new OnClickListener() {
			
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Toast.makeText(getApplicationContext(), "提示：點擊窗口外部關閉窗口！", 
						Toast.LENGTH_SHORT).show();	
			}
		});
		//添加按鈕監聽
		btn_cancel.setOnClickListener(this);
		btn_pick_photo.setOnClickListener(this);
		btn_take_photo.setOnClickListener(this);
	}
	
	//實現onTouchEvent觸屏函數但點擊屏幕時銷燬本Activity
	@Override
	public boolean onTouchEvent(MotionEvent event){
		finish();
		return true;
	}

	public void onClick(View v) {
		switch (v.getId()) {
		case R.id.btn_take_photo:
			break;
		case R.id.btn_pick_photo:				
			break;
		case R.id.btn_cancel:				
			break;
		default:
			break;
		}
		finish();
	}
	
}

樣式alert_dialog.xml以下動畫

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="vertical"
  >

<LinearLayout 
    android:id="@+id/pop_layout"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    android:layout_alignParentBottom="true"
     android:background="@drawable/btn_style_alert_dialog_background"
     >

    
    <Button
        android:id="@+id/btn_take_photo"
        android:layout_marginLeft="20dip"
        android:layout_marginRight="20dip"
        android:layout_marginTop="20dip"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="拍照"
        android:background="@drawable/btn_style_alert_dialog_button"
        android:textStyle="bold"
         />

    <Button
        android:id="@+id/btn_pick_photo"
        android:layout_marginLeft="20dip"
        android:layout_marginRight="20dip"
        android:layout_marginTop="5dip" 
         android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="從相冊選擇"
         android:background="@drawable/btn_style_alert_dialog_button"
         android:textStyle="bold"
         />

    <Button
        android:id="@+id/btn_cancel"
       android:layout_marginLeft="20dip"
       android:layout_marginRight="20dip"
       android:layout_marginTop="15dip" 
	   android:layout_marginBottom="15dip"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:text="取消"
       android:background="@drawable/btn_style_alert_dialog_cancel"
       android:textColor="#ffffff"
       android:textStyle="bold"
       
        />
</LinearLayout>
</RelativeLayout>

在清單文件中配置該Activity
this

<activity
            android:name=".SelectPicPopupWindow"
            android:theme="@style/MyDialogStyleBottom" />
        <activity

MyDialogStyleBottom樣式以下：spa

  <style name="AnimBottom" parent="@android:style/Animation">
        <item name="android:windowEnterAnimation">@anim/push_bottom_in</item>
        <!--  <item name="android:windowExitAnimation">@anim/push_bottom_out</item> -->
    </style>

    <style name="MyDialogStyleBottom" parent="android:Theme.Dialog">
        <item name="android:windowAnimationStyle">@style/AnimBottom</item>
        <item name="android:windowFrame">@null</item>
 <!-- 邊框 -->
        <item name="android:windowIsFloating">true</item>
 <!-- 是否浮如今activity之上 -->
        <item name="android:windowIsTranslucent">true</item>
 <!-- 半透明 -->
        <item name="android:windowNoTitle">true</item>
 <!-- 無標題 -->
        <item name="android:windowBackground">@android:color/transparent</item>
 <!-- 背景透明 -->
        <item name="android:backgroundDimEnabled">true</item>
 <!-- 模糊 -->
    </style>

動畫push_bottom_in.xml以下：code

<?xml version="1.0" encoding="utf-8"?>
<!-- 上下滑入式 -->
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="200"
        android:fromYDelta="100%p"
        android:toYDelta="0"        
     />      
</set>