Android开发(30) 制作从底部向上出现的对话框

张云飞Vir

发布于 2020-03-16 15:18:59

1.4K0

发布于 2020-03-16 15:18:59

文章被收录于专栏：写代码和思考写代码和思考

需求

实现一个对话框，它出现时，从底部向上逐渐移动出现，关闭时，逐渐向下移除屏幕：

1.点击显示按钮时，一个dialog对话框从底部慢慢向上弹出。 2.关闭dialog时， dialog缓慢的移动向底部消失。很平滑的效果。

实现方式：

先制作一个style 资源文件，创建 mystyle

  <style name="mystyle" parent="android:Animation">
        <item name="@android:windowEnterAnimation">@anim/dialog_enter</item>
        <item name="@android:windowExitAnimation">@anim/dialog_exit</item>
    </style>

在这个mystyle中使用了两个动画，如下：

进入时的动画 dialog_enter.xml

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

离开时的动画 dialog_exit.xml

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

在activity中,指定对话框的 window的 setWindowAnimations，指定一个动画

public class MainActivity extends Activity {
    Button button1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        button1 = (Button)findViewById(R.id.button1);
        button1.setOnClickListener(mOnClickListener);
    }

    OnClickListener mOnClickListener = new View.OnClickListener(){

        @Override
        public void onClick(View v) {
            //TODO Auto-generated method stub   
            AlertDialog dialog = new AlertDialog.Builder(MainActivity.this)  
                    .setTitle("title").setMessage("message").create();  
            Window window = dialog.getWindow();  
            window.setGravity(Gravity.BOTTOM);  //此处可以设置dialog显示的位置   
            window.setWindowAnimations(R.style.mystyle);  //添加动画   
            dialog.show(); 
        }
        
    }; 
}

代码解释：

为 dialog 所在的windows 设置了一个动画样式 style
该style 指定了窗体(windows)进入的动画（dialog_enter）和离开的动画（dialog_exit）
在进入时的动画dialog_enter 中，写了一个 translate 的变化，指定从其父容器的 100% 位置开始。其父容器的 100% 位置是屏幕以外的位置，是看不到，这是一个开始点。没有指定结束点，结束点就默认本身应该显示的位置（即将显示的位置）。
同理，dialog_exit定义了离开时动画。该动画未指定开始位置，指定了结束位置是其父容器的 100% 位置，这样就慢慢的向下消失在屏幕以外。

android:toYDelta="100%p" 中的 100% 指示了其父容器的 100% 位置

而如果写成 android:toYDelta="100%"，即是指示了起自身的 100% 位置。