从页面底部向上弹出dialog，消失时逐渐向下（转）

我想实现一个效果，从底部向上逐渐弹出。如下图所示：

1.点击显示按钮时，一个dialog对话框从底部慢慢向上弹出。

2.关闭dialog时， dialog缓慢的移动向底部消失。很平滑的效果。

实现方式：

在activity中写代码如下

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();

<span style="color: #ff0000;"><strong>Window window = dialog.getWindow();

window.setGravity(Gravity.BOTTOM); //此处可以设置dialog显示的位置

window.setWindowAnimations(R.style.mystyle); //添加动画 </strong> </span>

dialog.show();

}

};

}

　准备一个 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" ><translateandroid: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" ><translateandroid:duration="600"android:toYDelta="100%p" /></set>

至此完成。

代码解释：

1. 为 dialog 所在的windows 设置了一个动画样式 style

2. 该style 指定了窗体(windows)进入的动画（dialog_enter）和离开的动画（dialog_exit）

3. 在进入时的动画dialog_enter 中，写了一个 translate 的变化，指定从其父容器的 100% 位置开始。其父容器的 100% 位置是屏幕以外的位置，是看不到，这是一个开始点。没有指定结束点，结束点就默认本身应该显示的位置（即将显示的位置）。

4.同理，dialog_exit定义了离开时动画。该动画未指定开始位置，指定了结束位置是其父容器的 100% 位置，这样就慢慢的向下消失在屏幕以外。

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

而如果写成

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

参考：

http://www.linuxidc.com/Linux/2012-04/59153.htm

http://blog.csdn.net/ztp800201/article/details/7387668

从页面底部向上弹出dialog，消失时逐渐向下（转）相关推荐

Android之靠谱的Activity从底部向上弹出，finish从顶部向下消失（不黑屏）
1 .需求要求Activity从底部向上弹出,finish从顶部向下消失(不黑屏) 2.解决办法准备3个动画xml文件 app_bottom_in.xml <?xml version=&qu ...
Flutter 底部向上弹出的动画按钮
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,优美的应用体验来自于细节的处理,更源自于码农的自我要求与努力 Flutter是谷歌推出的最新的移动开发框架. [x1]微信公众号的每日 ...
移动端弹出层滚动时禁止body滚动
相信很多写移动端的朋友会遇到这个问题,我也遇到了,之后就辛辛苦苦的在网上找解决办法,下面我大概提一下我在网上看到的几种办法,行不行的通呢?本人就亲测了下.本人学的还不是太深,如果有什么不对的地方或者有 ...
android 底部弹窗失效,Android实现从底部弹出Dialog(和PopWindow实现的效果同样)
布局文件:dialog_custom_layout.xmlandroid android:orientation="vertical" android:layout_width=& ...
向上弹出菜单jQuery插件
插件名:柯乐义英文名:Keleyi js文件名称:jquery.keleyi.js 插件功能:该插件可以让你轻易地在页面上构建一个向上弹出的二级菜单. 支持浏览器: keleyi 0.1.4版本支持 ...
jquery mobile用代码弹出dialog
一.点击弹出dialog 见 http://www.w3school.com.cn/jquerymobile/jquerymobile_pages.asp 中"将页面作为dialog&quo ...
模仿微信图片编辑器--动画实现向上弹出文字编辑框（遮罩）界面
豪言壮志今天天气不错,挺风和日丽的,出去逛逛街,溜溜弯,拍上一张美图,配上高逼格的格言警句,发到朋友圈,一片鸡汤文就此诞生... 最近会有事没事会在朋友圈发动态:写一句格言警句,配上一张意境美图.因 ...
bootstrap 模态框弹出就消失了_bootstrap模态框消失问题的解决方法
这篇文章主要为大家详细整理了bootstrap模态框消失不消失各种问题的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下小编主要从网上整理了网友提出来的关于bootstrap模态框消失的不 ...
软键盘显示的情况下弹出dialog，dialog会出现在软键盘上方
问题: 界面中有一个edittext,选中时候弹出软键盘:在软键盘显示的情况下点击另外一个弹出底部dialog的控件时候,发现dialog出现在软键盘上方了,如下图所示: 解决办法弹出dialog之 ...

从页面底部向上弹出dialog，消失时逐渐向下（转）

实现方式：

从页面底部向上弹出dialog，消失时逐渐向下（转）相关推荐

最新文章

热门文章