Android实现从底部弹出的Dialog的实例代码

 更新时间:2018年04月09日 11:42:33   作者:拽是男人的本性  
这篇文章主要介绍了Android实现从底部弹出的Dialog的实例代码,非常不错,具有参考借鉴价值 ,需要的朋友可以参考下

1.点击按钮(按钮的点击事件在此不在赘述,接下来直接写底部弹框的实现方式和样式的设计)

2.弹框

Dialog dialog = new Dialog(context, R.style.ActionSheetDialogStyle);
    //填充对话框的布局
    inflate = LayoutInflater.from(context).inflate(R.layout.dialog_layout, null);
    // setCancelable(iscancelable);//点击外部不可dismiss
    //setCanceledOnTouchOutside(isBackCanCelable);
    //初始化控件
    spinner = (Spinner) inflate.findViewById(R.id.sp);
    beizhu = (TextView) inflate.findViewById(R.id.beizhu);
    btn_cancel = (Button) inflate.findViewById(R.id.btn_cancel);
    btn_ok = (Button) inflate.findViewById(R.id.btn_ok);
    //将布局设置给Dialog
    taskProgress.setContentView(inflate);
    //获取当前Activity所在的窗体
    Window dialogWindow = taskProgress.getWindow();
    //设置Dialog从窗体底部弹出
    dialogWindow.setGravity(Gravity.BOTTOM);
    //获得窗体的属性
    WindowManager.LayoutParams lp = dialogWindow.getAttributes();
    //如果没有这行代码,弹框的内容会自适应,而不会充满父控件
    lp.width = WindowManager.LayoutParams.MATCH_PARENT;
    lp.y = 40;//设置Dialog距离底部的距离
    //将属性设置给窗体
    dialogWindow.setAttributes(lp);
    dialog .show();//显示对话框
    在需要消失地方直接
    dialog.dismiss();

3.窗口的样式

<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>

4.窗口出现和消失的效果

对话框出现动画代码:

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

对话框消失的代码:

<?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%" />

5.弹框的整体布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:id="@+id/activity_task_progress"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:gravity="center"
 android:orientation="vertical">
 <LinearLayout
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_margin="20dp"
  android:background="@drawable/lin_style"
  android:gravity="center_vertical"
  android:orientation="vertical">
  <LinearLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_margin="20dp"
   android:layout_marginLeft="10dp"
   android:layout_marginRight="10dp"
   android:orientation="horizontal">
   <TextView
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:gravity="center"
    android:text="任务进度"
    android:textSize="17sp" />
   <Spinner
    android:id="@+id/sp"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="2"></Spinner>
  </LinearLayout>
  <LinearLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_marginBottom="10dp"
   android:layout_marginTop="20dp"
   android:focusable="true"
   android:focusableInTouchMode="true"
   android:orientation="horizontal">
   <TextView
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:gravity="center"
    android:text="备注"
    android:textSize="17sp" />
   <EditText
    android:id="@+id/beizhu"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="2"
    android:hint="请输入备注" />
  </LinearLayout>
 </LinearLayout>
 <LinearLayout
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_marginBottom="10dp"
  android:layout_marginTop="5dp"
  android:orientation="horizontal">
  <Button
   android:id="@+id/btn_cancel"
   android:layout_width="0dp"
   android:layout_height="wrap_content"
   android:layout_gravity="center_vertical"
   android:layout_marginLeft="50dp"
   android:layout_marginRight="50dp"
   android:layout_weight="1"
   android:background="@drawable/button_style"
   android:minHeight="0dp"
   android:minWidth="0dp"
   android:paddingBottom="8dp"
   android:paddingLeft="10dp"
   android:paddingRight="10dp"
   android:paddingTop="8dp"
   android:text="取消"
   android:textColor="#fff" />
  <Button
   android:id="@+id/btn_ok"
   android:layout_width="0dp"
   android:layout_height="wrap_content"
   android:layout_gravity="center_vertical"
   android:layout_marginLeft="50dp"
   android:layout_marginRight="50dp"
   android:layout_weight="1"
   android:background="@drawable/button_style"
   android:minHeight="0dp"
   android:minWidth="0dp"
   android:paddingBottom="8dp"
   android:paddingLeft="10dp"
   android:paddingRight="10dp"
   android:paddingTop="8dp"
   android:text="确定"
   android:textColor="#fff" />
 </LinearLayout>
</LinearLayout>

6.lin_style样式

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
 <corners android:radius="10dp"></corners>
 <solid android:color="#fff" />
</shape>

7.button_style样式

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
 <corners android:radius="5dp"></corners>
 <solid android:color="#46b5e9" />
</shape>

6.效果图

总结

以上所述是小编给大家介绍的Android实现从底部弹出的Dialog的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Android开发技巧之我的菜单我做主(自定义菜单)

    Android开发技巧之我的菜单我做主(自定义菜单)

    Android SDK本身提供了一种默认创建菜单的机制,虽然功能上还不错,但是界面的美观度不是很理想,本结介绍一种实现方法:就是通过onKeyDown事件方法和PopupWindow实现自定义的菜单,感兴趣的朋友可以了解下
    2013-01-01
  • Android自定义控件(实现状态提示图表)

    Android自定义控件(实现状态提示图表)

    本篇文章主要介绍了android实现状态提示图表的功能,实现了动态图表的显示,有需要的朋友可以了解一下。
    2016-11-11
  • Android动画之雷达扫描效果

    Android动画之雷达扫描效果

    雷达扫描效果在我们日常会经常看到,比如在新浪微博上有一个雷达功能,感觉类似于微信附近的人。只是多了一个类似于雷达扫描效果的动画,某些知名安全软件也有这样的雷达效果,因此今天在这里小编带着大家学习一下。
    2016-08-08
  • Android TextSwitcher实现文字上下翻牌效果(铜板街)

    Android TextSwitcher实现文字上下翻牌效果(铜板街)

    这篇文章主要介绍了Android TextSwitcher实现文字上下翻牌效果(铜板街),需要的朋友可以参考下
    2017-05-05
  • Android应用框架之应用启动过程详解

    Android应用框架之应用启动过程详解

    这篇文章主要为大家详细介绍了Android应用框架,应用启动过程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • Android仿新浪微博发送菜单界面的实现

    Android仿新浪微博发送菜单界面的实现

    这篇文章主要介绍了Android仿新浪微博发送菜单界面的实现,帮助大家更好的理解和学习使用Android开发,感兴趣的朋友可以了解下
    2021-04-04
  • Flutter 分页功能表格控件详细解析

    Flutter 分页功能表格控件详细解析

    这篇文章主要介绍了Flutter 分页功能表格控件详细解析,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-04-04
  • 详解Android文件存储

    详解Android文件存储

    Android存储空间包括内部存储空间(Internal Storage)和外部存储空间(External Storage),本文分别对Android内部存储空间(Internal Storage)和Android外部存储空间(External Storage)做了详细讲解
    2016-01-01
  • OpenGL关于glStencilFuncSeparate()和glStencilFunc()函数的区别讲解

    OpenGL关于glStencilFuncSeparate()和glStencilFunc()函数的区别讲解

    今天小编就为大家分享一篇OpenGL关于glStencilFuncSeparate()和glStencilFunc()函数的区别讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-04-04
  • Flutter实现底部导航栏创建详解

    Flutter实现底部导航栏创建详解

    ConvexBottomBar是一个底部导航栏组件,用于展现凸起的TAB效果,支持多种内置样式与动画交互。本文将利用ConvexBottomBar创建漂亮的底部导航栏,感兴趣的可以学习一下
    2022-01-01

最新评论