最近做的一个项目需要在点击某个控件时,需要从底部弹出一个布局进行提醒.因为是从底部弹出,以前没有做过这
样的dialog,所以我的第一反应就是写一个布局然后用动画来进行执行.但是这样不免太麻烦,所以我在网上查了下
资料,发现可以用dialog来实现,而且比较简单,容易实现,所以我就用的这种方法.
主要参考了Small_Lee的文章:第一章:http://blog.csdn.net/Small_Lee/article/details/50602400
第二章:http://blog.csdn.net/small_lee/article/details/50602500
下面我就贴下代码吧:
首先是弹出dialog的方法:
//从底部弹出dialog
private void show() {
dialog = new Dialog(this, R.style.ActionSheetDialogStyle);
//填充对话框的布局
inflate = LayoutInflater.from(this).inflate(R.layout.dialog, null);
//初始化控件
cancel = (TextView) inflate.findViewById(R.id.cancel);
confirm = (TextView) inflate.findViewById(R.id.confirm);
cancel.setOnClickListener(this);
confirm.setOnClickListener(this);
//将布局设置给Dialog
dialog.setContentView(inflate);
//获取当前Activity所在的窗体
Window dialogWindow = dialog.getWindow();
//设置Dialog从窗体底部弹出
dialogWindow.setGravity(Gravity.BOTTOM);
//获得窗体的属性
WindowManager.LayoutParams lp = dialogWindow.getAttributes();
lp.y = 20;//设置Dialog距离底部的距离
//将属性设置给窗体
dialogWindow.setAttributes(lp);
dialog.show();//显示对话框
}
接下来是对话框布局这里有一个地方要注意,有的同学实现效果以后发现弹出来的对话框的宽度只是包裹内容
不对,那是因为跟布局里面的子控件的宽度没有写成match_parent
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:orientation="vertical"
android:background="@drawable/background"
android:layout_height="match_parent">
<TextView
android:id="@+id/confirm"
android:layout_width="match_parent"
android:layout_height="@dimen/x45"
android:layout_margin="@dimen/x2"
android:gravity="center"
android:text="拨打"
android:textColor="#0033ff"
android:textSize="18sp"
/>
<View
android:layout_width="match_parent"
android:layout_height="1px"
android:background="#9e9e9e"
/>
<TextView
android:id="@+id/cancel"
android:layout_width="match_parent"
android:layout_height="@dimen/x45"
android:layout_margin="@dimen/x2"
android:gravity="center"
android:text="取消"
android:textColor="#888888"
android:textSize="18sp"
/>
</LinearLayout>
背景background.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#ffffff"/>
<corners android:radius="5dp"/>
</shape>
接下来是窗口的样式
<style name="ActionSheetDialogStyle" parent="@android:style/Theme.Dialog">
<!-- 背景透明 -->
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:windowContentOverlay">@null</item>
<!-- 浮于Activity之上 -->
<item name="android:windowIsFloating">true</item>
<!-- 边框 -->
<item name="android:windowFrame">@null</item>
<!-- Dialog以外的区域模糊效果 -->
<item name="android:backgroundDimEnabled">true</item>
<!-- 无标题 -->
<item name="android:windowNoTitle">true</item>
<!-- 半透明 -->
<item name="android:windowIsTranslucent">true</item>
<!-- Dialog进入及退出动画 -->
<item name="android:windowAnimationStyle">@style/ActionSheetDialogAnimation</item>
</style>
<!-- ActionSheet进出动画 -->
<style name="ActionSheetDialogAnimation" parent="@android:style/Animation.Dialog">
<item name="android:windowEnterAnimation">@anim/actionsheet_dialog_in</item>
<item name="android:windowExitAnimation">@anim/actionsheet_dialog_out</item>
</style>
最后是动画效果:
弹出动画效果:
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="200"
android:fromYDelta="0"
android:toYDelta="100%" />
消失动画效果:
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="200"
android:fromYDelta="0"
android:toYDelta="100%" />
最后效果:
欢迎大家指正!