DialogFragment_dialogfragment 点击空白处消失-优快云博客

本文链接：https://blog.youkuaiyun.com/Android_qinglong/article/details/52786647

本文介绍了一种使用Android实现自定义位置、尺寸及动画效果的对话框的方法。通过代码示例展示了如何创建不同位置（如顶部、底部、左右侧）的对话框，并控制其显示动画。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.主要布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    >
    <Button
        android:id="@+id/bt_center_dialog"
        android:layout_gravity="center"
        android:text="居中的对话框"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <Button
        android:id="@+id/bt_top_dialog"
        android:layout_gravity="center"
        android:text="顶部的对话框"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <Button
        android:id="@+id/bt_bottom_dialog"
        android:layout_gravity="center"
        android:text="底部的对话框"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <Button
        android:id="@+id/bt_left_dialog"
        android:layout_gravity="center"
        android:text="左侧的对话框"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <Button
        android:id="@+id/bt_right_dialog"
        android:layout_gravity="center"
        android:text="右侧的对话框"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

2.设置对话框的显示位置、宽高、样式
2.1初始化，设置位置宽高

 /**
    * @Description: 初始化对话框对象
    * @author  作者 :likun
    * @date 创建时间：2016/10/10 14:22
    * @parameter : location 对话框的位置；width 对话框的宽度；height 对话框的高度；iscancle 是否可以点击空白处消失，true表示可以；
    * @return :
    */
    public static Dialog getInstance(int location, int width, int height,boolean iscancle){
        Bundle bundle=new Bundle();
        Dialog dialog=new Dialog();
        dialog.setArguments(bundle);
        sLocation = location;
        sWidth = width;
        sHeight = height;
        sCancle=iscancle;
        return dialog;
    }
    @Override
    public void onStart() {
        super.onStart();
        //设置弹出对话框的位置
        Window window = getDialog().getWindow();
        WindowManager.LayoutParams params = window.getAttributes();
        params.gravity= getLocation(sLocation);
        //params.width=WindowManager.LayoutParams.WRAP_CONTENT;
        params.width=getWidth(sWidth);
        //params.height=WindowManager.LayoutParams.WRAP_CONTENT;
        params.height=getHeight(sHeight);
        window.setAttributes(params);
        window.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        //如果setCancelable()中参数为true，若点击dialog覆盖不到的activity的空白或者按返回键，则进行cancel，
        // 状态检测依次onCancel()和onDismiss()。如参数为false，则按空白处或返回键无反应。缺省为true
        setCancelable(sCancle);
    }
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        //去掉对话框的标题头
        getDialog().requestWindowFeature(Window.FEATURE_NO_TITLE);
        //确定对话框进出动画
        doAnimation(sLocation);
        mView = inflater.inflate(R.layout.dialog,container,false);
        ButterKnife.inject(this, mView);
        //doStartAnimation(sLocation,mView);
        return mView;
    }

2.2对话框使用的进出动画style

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="android:backgroundDimEnabled">false</item><!--activity不变暗-->
    </style>
    <!--底部弹出对话框-->
    <style name="bottom_dialog" mce_bogus="1" parent="android:Animation">
        <item name="android:windowEnterAnimation">@anim/bottom_in</item>
        <item name="android:windowExitAnimation">@anim/bottom_out</item>
    </style>
    <!--顶部弹出对话框-->
    <style name="top_dialog" mce_bogus="1" parent="android:Animation">
        <item name="android:windowEnterAnimation">@anim/top_in</item>
        <item name="android:windowExitAnimation">@anim/top_out</item>
    </style>
    <!--左侧弹出对话框-->
    <style name="left_dialog" mce_bogus="1" parent="android:Animation">
        <item name="android:windowEnterAnimation">@anim/left_in</item>
        <item name="android:windowExitAnimation">@anim/left_out</item>
    </style>
    <!--右侧弹出对话框-->
    <style name="right_dialog" mce_bogus="1" parent="android:Animation">
        <item name="android:windowEnterAnimation">@anim/right_in</item>
        <item name="android:windowExitAnimation">@anim/right_out</item>
    </style>
</resources>

2.3弹出对话框是否界面变暗

<item name="android:backgroundDimEnabled">false</item><!--activity不变暗-->

2.4设置动画style

 /**
    * @Description: 根据对话框的位置选择弹出移除动画
    * @author  作者 :likun
    * @date 创建时间：2016/10/11 10:40
    * @parameter :
    * @return :
    */
    private void doAnimation(int location) {
        switch (location){
            case LEFT_CENTER:
                getDialog().getWindow().setWindowAnimations(R.style.left_dialog);
                break;
            case RIGHT_CENTER:
                getDialog().getWindow().setWindowAnimations(R.style.right_dialog);
                break;
            case TOP_CENTER:
                getDialog().getWindow().setWindowAnimations(R.style.top_dialog);
                break;
            case BOTTOM_CENTER:
                getDialog().getWindow().setWindowAnimations(R.style.bottom_dialog);
                break;
        }
    }

2.5动画
bottom_in

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromYDelta="100%p"
        android:toYDelta="0%p" />

    <alpha
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />
</set>

bottom_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="800"
        android:fromYDelta="0%p"
        android:toYDelta="100%p" />

    <alpha
        android:duration="800"
        android:fromAlpha="1.0"
        android:toAlpha="0.3" />
</set>

top_in

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="800"
        android:fromYDelta="-100%p"
        android:toYDelta="0%p" />

    <alpha
        android:duration="800"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />
</set>

top_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="800"
        android:fromYDelta="0%p"
        android:toYDelta="-100%p" />

    <alpha
        android:duration="800"
        android:fromAlpha="1.0"
        android:toAlpha="0.3" />
</set>

left_in

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="800"
        android:fromXDelta="-100%p"
        android:toXDelta="0%p" />
    <alpha
        android:duration="800"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />
</set>

left_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="800"
        android:fromXDelta="0%p"
        android:toXDelta="-100%p" />

    <alpha
        android:duration="800"
        android:fromAlpha="1.0"
        android:toAlpha="0.3" />
</set>

right_in

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="800"
        android:fromXDelta="100%p"
        android:toXDelta="0%p" />

    <alpha
        android:duration="800"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />
</set>

right_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="800"
        android:fromXDelta="0%p"
        android:toXDelta="100%p" />

    <alpha
        android:duration="800"
        android:fromAlpha="1.0"
        android:toAlpha="0.3" />
</set>

3.activity中弹出对话框以及回调

package com.mapbar.dialogfragment;

import android.content.Context;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.MotionEvent;
import android.view.View;
import android.view.WindowManager;
import android.widget.Toast;
import com.mapbar.dialogfragment.Dialog.DialogDismissListener;
import butterknife.ButterKnife;
import butterknife.OnClick;
public class MainActivity extends AppCompatActivity implements DialogDismissListener{
    private Context mContext;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mContext = this;
        ButterKnife.inject(this);
    }
    @OnClick({R.id.bt_center_dialog,R.id.bt_top_dialog,R.id.bt_bottom_dialog,R.id.bt_left_dialog,R.id.bt_right_dialog})
    void viewOnclick(View view){
        switch (view.getId()){
            case R.id.bt_center_dialog:
                Dialog center = Dialog.getInstance(0,1,1,true);
                center.show(getSupportFragmentManager(),Dialog.class.getSimpleName());
                break;
            case R.id.bt_top_dialog:
                Dialog top = Dialog.getInstance(3,0,1,true);
                top.show(getSupportFragmentManager(),Dialog.class.getSimpleName());
                break;
            case R.id.bt_bottom_dialog:
                Dialog bottom = Dialog.getInstance(4,0,1,true);
                bottom.show(getSupportFragmentManager(),Dialog.class.getSimpleName());
                break;
            case R.id.bt_left_dialog:
                Dialog left = Dialog.getInstance(1,1,0,true);
                left.show(getSupportFragmentManager(),Dialog.class.getSimpleName());
                break;
            case R.id.bt_right_dialog:
                Dialog right = Dialog.getInstance(2,1,0,true);
                right.show(getSupportFragmentManager(),Dialog.class.getSimpleName());
                break;
        }
    }
    @Override
    public void dialogDis(String name) {
        if(name.equalsIgnoreCase("")){
            Toast.makeText(mContext,"名字为空",Toast.LENGTH_SHORT).show();
        }else{
            Toast.makeText(mContext,name,Toast.LENGTH_SHORT).show();
        }
    }
}

4.主要的dialogfragment完成类

package com.mapbar.dialogfragment;

import android.content.DialogInterface;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.DialogFragment;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.WindowManager;
import android.widget.EditText;

import butterknife.ButterKnife;
import butterknife.InjectView;
import butterknife.OnClick;

/**
* @Description: 对话框的fragment
* @author  作者 :likun
* @date 创建时间：2016/10/9 20:04
* @parameter :
* @return :
*/
public class Dialog extends DialogFragment{
    //对话框显示的位置
    private static int sLocation;
    //对话框的宽度
    private static int sWidth;
    //对话框的高度
    private static int sHeight;
    //对话框的位置
    private static final int CENTER=0;
    private static final int LEFT_CENTER =1;
    private static final int RIGHT_CENTER=2;
    private static final int TOP_CENTER =3;
    private static final int BOTTOM_CENTER=4;
    //宽度
    private static final int WIDTH_MATCH=0;
    private static final int WIDTH_WRAP=1;
    //高度
    private static final int HEIGHT_MATCH=0;
    private static final int HEIGHT_WRAP=1;
    //点击空白处是否消失，默认点击空白处消失
    private static boolean sCancle=true;
    @InjectView(R.id.ed_name)
    EditText ed_name;
    //布局
    private View mView;

    /**
    * @Description: 初始化对话框对象
    * @author  作者 :likun
    * @date 创建时间：2016/10/10 14:22
    * @parameter : location 对话框的位置；width 对话框的宽度；height 对话框的高度；iscancle 是否可以点击空白处消失，true表示可以；
    * @return :
    */
    public static Dialog getInstance(int location, int width, int height,boolean iscancle){
        Bundle bundle=new Bundle();
        Dialog dialog=new Dialog();
        dialog.setArguments(bundle);
        sLocation = location;
        sWidth = width;
        sHeight = height;
        sCancle=iscancle;
        return dialog;
    }
    @Override
    public void onStart() {
        super.onStart();
        //设置弹出对话框的位置
        Window window = getDialog().getWindow();
        WindowManager.LayoutParams params = window.getAttributes();
        params.gravity= getLocation(sLocation);
        //params.width=WindowManager.LayoutParams.WRAP_CONTENT;
        params.width=getWidth(sWidth);
        //params.height=WindowManager.LayoutParams.WRAP_CONTENT;
        params.height=getHeight(sHeight);
        window.setAttributes(params);
        window.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        //如果setCancelable()中参数为true，若点击dialog覆盖不到的activity的空白或者按返回键，则进行cancel，
        // 状态检测依次onCancel()和onDismiss()。如参数为false，则按空白处或返回键无反应。缺省为true
        setCancelable(sCancle);
    }
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        //去掉对话框的标题头
        getDialog().requestWindowFeature(Window.FEATURE_NO_TITLE);
        //确定对话框进出动画
        doAnimation(sLocation);
        mView = inflater.inflate(R.layout.dialog,container,false);
        ButterKnife.inject(this, mView);
        //doStartAnimation(sLocation,mView);
        return mView;
    }

    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
    }
    @OnClick({R.id.bt_ok,R.id.bt_cancle})
    void dialogClick(View view){
        switch (view.getId()){
            case R.id.bt_ok:
                DialogDismissListener listener=(DialogDismissListener)getActivity();
                listener.dialogDis(ed_name.getText().toString());
                dismiss();
                break;
            case R.id.bt_cancle:
                dismiss();
                break;
        }
    }
    @Override
    public void onDismiss(DialogInterface dialog) {
        super.onDismiss(dialog);

    }
    @Override
    public void onCancel(DialogInterface dialog) {
        super.onCancel(dialog);
    }

    @Override
    public void onStop() {
        super.onStop();
    }
    /**
     * @Description: 设置对话框的高度
     * @author  作者 :likun
     * @date 创建时间：2016/10/10 17:17
     * @parameter :
     * @return :
     */
    private int getHeight(int height) {
        int h;
        switch (height){
            case HEIGHT_MATCH:
                h=WindowManager.LayoutParams.MATCH_PARENT;
                break;
            case HEIGHT_WRAP:
                h=WindowManager.LayoutParams.WRAP_CONTENT;
                break;
            default:
                h=WindowManager.LayoutParams.WRAP_CONTENT;
                break;
        }
        return h;
    }

    /**
     * @Description: 设置对话框的宽度
     * @author  作者 :likun
     * @date 创建时间：2016/10/10 17:17
     * @parameter :
     * @return :
     */
    private int getWidth(int width) {
        int w;
        switch (width){
            case WIDTH_MATCH:
                w=WindowManager.LayoutParams.MATCH_PARENT;
                break;
            case WIDTH_WRAP:
                w=WindowManager.LayoutParams.WRAP_CONTENT;
                break;
            default:
                w=WindowManager.LayoutParams.WRAP_CONTENT;
                break;
        }
        return w;
    }

    /**
     * @Description: 确定对话框的位置,默认为居中显示
     * @author  作者 :likun
     * @date 创建时间：2016/10/10 10:08
     * @parameter : location 需要弹出对话框的位置
     * @return :
     */
    private int getLocation(int location) {
        int dialogLocation;
        switch(location){
            case LEFT_CENTER:
                dialogLocation= Gravity.LEFT|Gravity.CENTER_VERTICAL;
                break;
            case RIGHT_CENTER:
                dialogLocation= Gravity.RIGHT|Gravity.CENTER_VERTICAL;
                break;
            case TOP_CENTER:
                dialogLocation= Gravity.TOP|Gravity.CENTER_HORIZONTAL;
                break;
            case BOTTOM_CENTER:
                dialogLocation= Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL;
                break;
            case CENTER:
                dialogLocation= Gravity.CENTER;
                break;
            default:
                dialogLocation= Gravity.CENTER;
                break;
        }
        return dialogLocation;
    }
    /**
    * @Description: 根据对话框的位置选择弹出移除动画
    * @author  作者 :likun
    * @date 创建时间：2016/10/11 10:40
    * @parameter :
    * @return :
    */
    private void doAnimation(int location) {
        switch (location){
            case LEFT_CENTER:
                getDialog().getWindow().setWindowAnimations(R.style.left_dialog);
                break;
            case RIGHT_CENTER:
                getDialog().getWindow().setWindowAnimations(R.style.right_dialog);
                break;
            case TOP_CENTER:
                getDialog().getWindow().setWindowAnimations(R.style.top_dialog);
                break;
            case BOTTOM_CENTER:
                getDialog().getWindow().setWindowAnimations(R.style.bottom_dialog);
                break;
        }
    }
    /**
    * @Description: 向activity传递参数的回调接口
    * @author  作者 :likun
    * @date 创建时间：2016/10/11 9:43
    * @parameter :
    * @return :
    */
    public interface DialogDismissListener{
        void dialogDis(String name);
    }
}

5.动画的工具类

package com.mapbar.dialogfragment;

import android.view.View;
import android.view.animation.Animation;
import android.view.animation.TranslateAnimation;

/**
* @Description: 动画的工具类
* @author  作者 :likun
* @date 创建时间：2016/10/10 17:37
* @parameter :
* @return :
*/
public class AnimationUtils {

    public interface AnimationListener{
        void onFinish();
    }

    public static void slideToDown(View view){
        Animation slide = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f,
                Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF,
                1.0f, Animation.RELATIVE_TO_SELF, 0.0f);

        slide.setDuration(400);
        slide.setFillAfter(true);
        slide.setFillEnabled(true);
        view.startAnimation(slide);

        slide.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {

            }

            @Override
            public void onAnimationEnd(Animation animation) {

            }

            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });

    }


    public static void slideToTop(View view){
        Animation slide = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f,
                Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF,
                -1.0f, Animation.RELATIVE_TO_SELF, 0.0f);

        slide.setDuration(400);
        slide.setFillAfter(true);
        slide.setFillEnabled(true);
        view.startAnimation(slide);

        slide.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {

            }

            @Override
            public void onAnimationEnd(Animation animation) {

            }

            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });

    }
    public static void slideToLeft(View view){
        Animation slide = new TranslateAnimation(Animation.RELATIVE_TO_SELF, -1.0f,
                Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF,
                0.0f, Animation.RELATIVE_TO_SELF, 0.0f);

        slide.setDuration(400);
        slide.setFillAfter(true);
        slide.setFillEnabled(true);
        view.startAnimation(slide);

        slide.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {

            }

            @Override
            public void onAnimationEnd(Animation animation) {

            }

            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });
    }
    public static void slideToRight(View view){
        Animation slide = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 1.0f,
                Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF,
                0.0f, Animation.RELATIVE_TO_SELF, 0.0f);

        slide.setDuration(400);
        slide.setFillAfter(true);
        slide.setFillEnabled(true);
        view.startAnimation(slide);

        slide.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {

            }

            @Override
            public void onAnimationEnd(Animation animation) {

            }

            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });
    }
}