Android BottomSheetDialog实现底部对话框的示例

Android 6.0新控件 BottomSheetDialog | 底部对话框 介绍及使用详情

extends AppCompatDialog

Base class for Dialogs styled as a bottom sheet

基于Dialog样式的一个底部对话框

先看看效果

对于弹出的内容完全由自己来掌控,想实现什么样子就实现什么样子,很灵活

使用方法

BottomSheetDialog来自design兼容包,使用需要添加依赖。android studio 添加依赖如下:

dependencies {
  compile ‘com.android.support:design:23.2.0+‘
}

1.XML中添加布局文件

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:weightSum="2">

    <RelativeLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_weight="1">

      <ImageView
        android:id="@+id/image_man"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?android:selectableItemBackground"
        android:gravity="center"
        android:padding="10dp"
        android:src="@drawable/man"/>
    </RelativeLayout>

    <RelativeLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_weight="1">

      <ImageView
        android:id="@+id/image_women"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?android:selectableItemBackground"
        android:gravity="center"
        android:padding="10dp"
        android:src="@drawable/women"/>
    </RelativeLayout>

  </LinearLayout>

2.在代码中使用

 @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_play_bottom_sheet_dialog);
    showContentView();
    bindingView.bottomsheet.textviewTitle.setText("BottomSheetDialog");
    bindingView.bottomsheet.toolbarBack.setOnClickListener(this);
    bindingView.btnBsd1.setOnClickListener(this);
    initView();
  }

  private void initView() {
    View view = View.inflate(this, R.layout.bottom_dialog, null);
    ImageView man = (ImageView) view.findViewById(R.id.image_man);
    ImageView women = (ImageView) view.findViewById(R.id.image_women);
    man.setOnClickListener(this);
    women.setOnClickListener(this);

    bsd1 = new BottomSheetDialog(this);
    bsd1.setContentView(view);

  }

  @Override
  public void onClick(View v) {
    switch (v.getId()) {
      case R.id.toolbar_back:
        finish();
        break;
      case R.id.btn_bsd1:
        bsd1.show();
        break;
      case R.id.image_man:
        ToastUtil.show("男");
        bsd1.dismiss();
        break;
      case R.id.image_women:
        ToastUtil.show("女");
        bsd1.dismiss();
        break;
    }
  }

OK,这就完成了如效果图上的效果,可以自己尝试一下,下面贴上一些可以自己定制需求常用的方法

setCancelable(boolean cancelable) | 设置此对话框是否取消与BACK关联

setCanceledOnTouchOutside | 当设置窗口的边界之外触及这个对话框是否被取消

官方API

完整代码点我下载GitHub

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android BottomSheet效果的两种实现方式

    本文介绍了Android BottomSheet效果的两种实现方式,分享给大家,具体如下: BottomSheet效果 BottomSheet的效果是指从屏幕底部向上滑的效果,是MaterialDesign风格的一种,视觉效果如下: BottomSheet效果 实现这种效果有几种不同的方式,如果是在一个固定的页面上添加这种效果,可以在该页面布局中添加BoottomSheet相关的控件.如果是作为通用控件来提供给不同页面使用,则可以使用BottomSheetDialog实现,本文将对两种方法进行讲

  • Android BottomSheet实现可拉伸控件

    一.简介 Bottom Sheet是Design Support Library23.2 版本引入的一个类似于对话框的控件. Bottom Sheet中的内容默认是隐藏起来的,只显示很小一部分,可以通过在代码中设置其状态或者手势操作将其完全展开,或者完全隐藏,或者部分隐藏. 二.使用 1.添加依赖: implementation 'com.android.support:design:28.0.0' 2.布局 <?xml version="1.0" encoding="

  • Android中关于自定义相机预览界面拉伸问题

    关于自定义相机预览界面拉伸问题 1.导致主要变形的原因是Camera预览界面旋转的角度和摄像头挂载的角度不同导致的 2.我们的Activity设置的方向是竖屏,这是手机的自然方向 所以宽比高短 3.角度:所谓屏幕和摄像头的角度,指的是相对于自然方向旋转过的角度,根据旋转角度即可获知当前的方向 4.假如说:手机是竖屏的情况下, 自然角度为0,但是Camera逆时针旋转90度,那咱们设置顺时针旋转90度,就正常 .手机是横屏的情况下Camera返回为0度 ,如果设置顺时针旋转90度,就回旋转 怎么设

  • Android中ImageView.src设置图片拉伸、填满控件的方法

    问题 ImageView.src设置图片资源,图片不拉伸了,却有空隙部分: <LinearLayout android:id="@+id/linearLayout1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" > <ImageView andro

  • Android 仿高德地图可拉伸的BottomSheet的示例代码

    前言 最近项目中需要用到高德地图搜索结果后的结果展示的可拉伸控件. gaode.gif 而我看到这个效果图,觉得这个就是一个slidingpanel,但是翻阅了一些发现用google自带的bottomsheet实现更方便 什么是BottomSheet? Bottom Sheet是Design Support Library23.2 版本引入的一个类似于对话框的控件,可以暂且叫做底部弹出框吧. Bottom Sheet中的内容默认是隐藏起来的,只显示很小一部分,可以通过在代码中设置其状态或者手势操

  • Android BottomSheetDialog实现底部对话框的示例

    Android 6.0新控件 BottomSheetDialog | 底部对话框 介绍及使用详情 extends AppCompatDialog Base class for Dialogs styled as a bottom sheet 基于Dialog样式的一个底部对话框 先看看效果 对于弹出的内容完全由自己来掌控,想实现什么样子就实现什么样子,很灵活 使用方法 BottomSheetDialog来自design兼容包,使用需要添加依赖.android studio 添加依赖如下: dep

  • Android TabLayout 实现底部Tab的示例代码

    前言 底部Tab已经是一个应用的标配了,因为手机屏幕大小的限制,使得我们必须去最大化的利用可见的空间.当然底部Tab一般为3个左右,最多不会超过5个. 效果图 下面是我使用TabLayout来实现的底部Tab, 实现方式也很简单,因为这里没有"小滑块".只需要去处理,Tab的滑动和点击即可. 代码: public class CustomBotTabItem { private TabLayout mTabLayout; private ViewPager mViewPager; pr

  • Android 仿微信底部渐变Tab效果

    先来看一下效果图 除了第三个的发现Tab有所差别外,其他的基本还原了微信的底部Tab渐变效果 每个Tab都是一个自定义View,根据ImageView的tint属性来实现颜色渐变效果,tint属性的使用可以看我的上一篇文章 我将自定义View命名为ShadeView,包含四个自定义属性 意思分别为图标.背景色.底部文本.底部文本大小 <declare-styleable name="ShadeView"> <attr name="icon" for

  • Android实现底部对话框BottomDialog弹出实例代码

    最近项目上需要实现一个底部对话框,要实现这样的功能其实很简单,先看代码: private void show1() { Dialog bottomDialog = new Dialog(this, R.style.BottomDialog); View contentView = LayoutInflater.from(this).inflate(R.layout.dialog_content_normal, null); bottomDialog.setContentView(contentV

  • Android开发快速实现底部导航栏示例

    目录 Tint 着色器 依赖(AndroidX) 布局 编写渲染颜色选择器-tint_selector_menu_color menu 文件中 icon-nav_bottom_menu BottomNavigationView的点击事件 配合ViewPager实现Tab栏 对应的适配器 Tint 着色器 优点:去除“无用”图片,节省空间 配合BottomNavigationView,实现一个快速,简洁的Tab栏 传统做法:Tab 切换,字体变色.图片变色.至少给我提供八张图,四张默认,四张选中,

  • Android编程使用android-support-design实现MD风格对话框功能示例

    本文实例讲述了Android编程使用android-support-design实现MD风格对话框功能.分享给大家供大家参考,具体如下: 首先上效果图:   测试设备为红米Note,系统为Android 4.4.4 说明: 1.在新版的android.support.v7包中,Google提供了一个新的AlertDialog类,即android.support.v7.app.AlertDialog.使用该类中的Builder可以直接创建Material Design风格的对话框,而不需要再借助于

  • Android编程双重单选对话框布局实现与事件监听方法示例

    本文实例讲述了Android编程双重单选对话框布局实现与事件监听方法.分享给大家供大家参考,具体如下: 首先是自定义XML布局代码: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_pare

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

    1.点击按钮(按钮的点击事件在此不在赘述,接下来直接写底部弹框的实现方式和样式的设计) 2.弹框 Dialog dialog = new Dialog(context, R.style.ActionSheetDialogStyle); //填充对话框的布局 inflate = LayoutInflater.from(context).inflate(R.layout.dialog_layout, null); // setCancelable(iscancelable);//点击外部不可dism

  • android BottomSheetDialog新控件解析实现知乎评论列表效果(实例代码)

    BottomSheetDialog使用解析 Android Support Library 23.2里的 Design Support Library新加了一个Bottom Sheets控件,Bottom Sheets顾名思义就是底部操作控件,用于在屏幕底部创建一个可滑动关闭的视图,可以替代对话框和菜单.其中包含BottomSheets.BottomSheetDialog和BottomSheetDialogFragment三种可以使用.其中应用较多的控件是BottomSheetDialog,主要

  • Android新建水平节点进度条示例

    目录 前言 效果图 圆圈和文字状态 文字居中 代码 声明下style 接着创建布局文件 再Activity中使用它 mTextList数据集合 前言 效果图 前几天在网上没有找到合适的横向节点进度条,自己动手写了一个,先来看看效果图 圆圈和文字状态 我们看到小圆圈和文字有几种状态呢? 第一个空心的小圆圈是处理完成的状态 第二个实心的小圆圈是处理中的状态 第三个实心的小圆圈是待处理的状态没错,我们看到了小圆圈和文字有三种处理状态 文字居中 我们写一个类继承自AppCompatTextView,通过

随机推荐