Android实现底部弹出的对话框功能

所属分类: 软件编程 / Android 阅读数: 30
收藏 0 赞 0 分享

环境:

  1. 主机:WIN10
  2. 开发环境:Android Studio 2.2 Preview 3

说明:
两种方法实现底部弹出的对话框:

  1. Dialog
  2. DialogFragment

推荐用DialogFragment

效果图:

布局文件dialog_select_call.xml:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:orientation="vertical" android:layout_width="match_parent" 
  android:layout_height="match_parent"> 
 
  <RelativeLayout 
    android:id="@+id/layout_voice" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@color/white"> 
 
    <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentStart="true" 
      android:layout_centerInParent="true" 
      android:textSize="16sp" 
      android:textColor="@color/black" 
      android:layout_marginLeft="16dp" 
      android:layout_marginRight="16dp" 
      android:layout_marginTop="16dp" 
      android:layout_marginBottom="16dp" 
      android:text="语音课堂"/> 
  </RelativeLayout> 
 
  <View 
    android:layout_width="fill_parent" 
    android:layout_height="0.1dp" 
    android:background="#b4b4b4" 
    android:layout_marginLeft="16dp" 
    android:layout_marginRight="16dp"/> 
 
  <RelativeLayout 
    android:id="@+id/layout_video" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@color/white"> 
 
    <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentStart="true" 
      android:layout_centerInParent="true" 
      android:textSize="16sp" 
      android:textColor="@color/black" 
      android:layout_marginLeft="16dp" 
      android:layout_marginRight="16dp" 
      android:layout_marginTop="16dp" 
      android:layout_marginBottom="16dp" 
      android:text="视频课堂"/> 
  </RelativeLayout> 
 
  <View 
    android:layout_width="fill_parent" 
    android:layout_height="0.1dp" 
    android:background="#b4b4b4" 
    android:layout_marginLeft="16dp" 
    android:layout_marginRight="16dp"/> 
 
  <RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@color/white"> 
 
    <Button 
      android:id="@+id/cancel" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:text="取消" 
      android:layout_marginLeft="16dp" 
      android:layout_marginRight="16dp" 
      android:layout_marginTop="16dp" 
      android:layout_marginBottom="16dp"/> 
  </RelativeLayout> 
 
</LinearLayout> 

Dialog实现源码:

初始化:

private void dialogSelectCallInit() { 
    dialogSelectCall = new Dialog(this, R.style.DialogPopBottom); 
    View inflate = LayoutInflater.from(this).inflate(R.layout.dialog_select_call, null); 
    dialogSelectCall.setContentView(inflate); 
 
    Window dialogWindow = dialogSelectCall.getWindow(); 
    dialogWindow.setGravity(Gravity.BOTTOM); 
 
    WindowManager.LayoutParams lp = dialogWindow.getAttributes(); 
    lp.x = 0; 
    lp.y = 0; 
    lp.width = getResources().getDisplayMetrics().widthPixels; 
    dialogWindow.setAttributes(lp); 
 
    RelativeLayout layoutVoice = (RelativeLayout) inflate.findViewById(R.id.layout_voice); 
    RelativeLayout layoutVideo = (RelativeLayout) inflate.findViewById(R.id.layout_video); 
    Button buttonCancel = (Button) inflate.findViewById(R.id.cancel); 
 
    RxView.clicks(layoutVoice) 
        .throttleFirst(2, TimeUnit.SECONDS) 
        .compose(this.bindUntilEvent(ActivityEvent.DESTROY)) 
        .subscribe(v -> { 
//          dialogSelectCall.cancel(); 
          VoiceSessionActivity.startActivityCallOut(this, userId); 
        }); 
 
    RxView.clicks(layoutVideo) 
        .throttleFirst(2, TimeUnit.SECONDS) 
        .compose(this.bindUntilEvent(ActivityEvent.DESTROY)) 
        .subscribe(v -> { 
//          dialogSelectCall.cancel(); 
//          VideoSessionActivity.startActivityCallOut(this, userId); 
        }); 
 
    RxView.clicks(buttonCancel) 
        .throttleFirst(2, TimeUnit.SECONDS) 
        .compose(this.bindUntilEvent(ActivityEvent.DESTROY)) 
        .subscribe(v -> dialogSelectCall.cancel()); 
 
    RxView.touches(layoutVoice, motionEvent -> { 
      dealLayoutTouch(layoutVoice, motionEvent); 
      return false; 
    }).compose(this.bindUntilEvent(ActivityEvent.DESTROY)).subscribe(motionEvent -> {}); 
 
    RxView.touches(layoutVideo, motionEvent -> { 
      dealLayoutTouch(layoutVideo, motionEvent); 
      return false; 
    }).compose(this.bindUntilEvent(ActivityEvent.DESTROY)).subscribe(motionEvent -> {}); 
  } 
 
  private void dealLayoutTouch(View v, MotionEvent event) { 
    switch (event.getAction()) { 
      case MotionEvent.ACTION_DOWN: 
        v.setBackgroundColor(Color.rgb(200, 200, 200)); 
        break; 
      case MotionEvent.ACTION_UP: 
        v.setBackgroundColor(Color.WHITE); 
        break; 
    } 
  } 

显示对话框:

dialogSelectCall.show() 

DialogFragment实现源码:

定义了一个类SelectCallDialog.Java继承DialogFragment

package com.bazhangkeji.classroom.common; 
 
import android.app.Dialog; 
import android.app.FragmentManager; 
import android.graphics.Color; 
import android.os.Bundle; 
import android.support.annotation.NonNull; 
import android.view.Gravity; 
import android.view.LayoutInflater; 
import android.view.MotionEvent; 
import android.view.View; 
import android.view.ViewGroup; 
import android.view.Window; 
import android.view.WindowManager; 
import android.widget.Button; 
import android.widget.RelativeLayout; 
 
import com.bazhangkeji.classroom.R; 
import com.bazhangkeji.classroom.session.VideoSessionActivity; 
import com.bazhangkeji.classroom.session.VoiceSessionActivity; 
import com.jakewharton.rxbinding2.view.RxView; 
import com.trello.rxlifecycle2.android.FragmentEvent; 
import com.trello.rxlifecycle2.components.RxDialogFragment; 
 
 
import java.util.concurrent.TimeUnit; 
 
public class SelectCallDialog extends RxDialogFragment { 
  private Dialog dialog; 
  private String userId; 
 
  /** 
   * 初始化.必须调用一次 
   * @param userId: 目标用户id 
   */ 
  public void init(String userId) { 
    this.userId = userId; 
  } 
 
  @NonNull 
  @Override 
  public Dialog onCreateDialog(Bundle savedInstanceState) { 
    dialog = new Dialog(getActivity(), R.style.DialogPopBottom); 
 
    View inflate = LayoutInflater.from(getActivity()).inflate(R.layout.dialog_select_call, null); 
    dialog.setContentView(inflate); 
    dialog.setCanceledOnTouchOutside(true); 
 
    Window window = dialog.getWindow(); 
    WindowManager.LayoutParams lp = window.getAttributes(); 
    lp.gravity = Gravity.BOTTOM; 
    lp.width = WindowManager.LayoutParams.MATCH_PARENT; 
    window.setAttributes(lp); 
 
    RelativeLayout layoutVoice = (RelativeLayout) inflate.findViewById(R.id.layout_voice); 
    RelativeLayout layoutVideo = (RelativeLayout) inflate.findViewById(R.id.layout_video); 
    Button buttonCancel = (Button) dialog.findViewById(R.id.cancel); 
 
    RxView.clicks(layoutVoice) 
        .throttleFirst(2, TimeUnit.SECONDS) 
        .compose(this.bindUntilEvent(FragmentEvent.DESTROY)) 
        .subscribe(v -> { 
          dialog.cancel(); 
          VoiceSessionActivity.startActivityCallOut(getActivity(), userId); 
        }); 
 
    RxView.clicks(layoutVideo) 
        .throttleFirst(2, TimeUnit.SECONDS) 
        .compose(this.bindUntilEvent(FragmentEvent.DESTROY)) 
        .subscribe(v -> { 
          dialog.cancel(); 
          VideoSessionActivity.startActivityCallOut(getActivity(), userId); 
        }); 
 
    RxView.clicks(buttonCancel) 
        .throttleFirst(2, TimeUnit.SECONDS) 
        .compose(this.bindUntilEvent(FragmentEvent.DESTROY)) 
        .subscribe(v -> dialog.cancel()); 
 
    RxView.touches(layoutVoice, motionEvent -> { 
      dealLayoutTouch(layoutVoice, motionEvent); 
      return false; 
    }).compose(this.bindUntilEvent(FragmentEvent.DESTROY)).subscribe(motionEvent -> {}); 
 
    RxView.touches(layoutVideo, motionEvent -> { 
      dealLayoutTouch(layoutVideo, motionEvent); 
      return false; 
    }).compose(this.bindUntilEvent(FragmentEvent.DESTROY)).subscribe(motionEvent -> {}); 
 
    return dialog; 
  } 
 
  private void dealLayoutTouch(View v, MotionEvent event) { 
    switch (event.getAction()) { 
      case MotionEvent.ACTION_DOWN: 
        v.setBackgroundColor(Color.rgb(200, 200, 200)); 
        break; 
      case MotionEvent.ACTION_UP: 
        v.setBackgroundColor(Color.WHITE); 
        break; 
    } 
  } 
} 

显示对话框前初始化参数:

selectCallDialog.init(userId); 

显示对话框后:

selectCallDialog.show(getFragmentManager(), ""); 

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

更多精彩内容其他人还在看

老生常谈Android HapticFeedback(震动反馈)

下面小编就为大家带来一篇老生常谈Android HapticFeedback(震动反馈)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详谈OnTouchListener与OnGestureListener的区别

下面小编就为大家带来一篇详谈OnTouchListener与OnGestureListener的区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android仿知乎悬浮功能按钮FloatingActionButton效果

前段时间在看属性动画,恰巧这个按钮的效果可以用属性动画实现,下面通过本文给大家分享adroid仿知乎悬浮功能按钮FloatingActionButton效果,需要的朋友参考下吧
收藏 0 赞 0 分享

解决Android V7后自定义Toolbar、ActionBar左侧有空白问题

这篇文章主要介绍的Android V7后自定义Toolbar、ActionBar左侧有空白问题的解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android常见控件使用详解

这篇文章主要为大家详细介绍了Android常见控件的使用方法,包括ProgressBar进度条控件、AlertDialog对话框控件等,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android实现简洁的APP更新dialog数字进度条

这篇文章主要为大家详细介绍了Android实现简洁的APP更新dialog数字进度条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android 判断当前语言环境是否是中文环境

本文主要介绍了Android 判断当前语言环境是否是中文环境的方法。具有很好的参考价值。下面跟着小编一起来看下吧
收藏 0 赞 0 分享

详谈Android中Matrix的set、pre、post的区别

下面小编就为大家带来一篇详谈Android中Matrix的set、pre、post的区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android实现登录界面记住密码的存储

这篇文章主要为大家详细介绍了Android SharedPreferrences实现登录界面记住密码的存储,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android 使用SharedPreferrences储存密码登录界面记住密码功能

Android存储方式有很多种,在这里所用的存储方式是SharedPreferrences, 其采用了Map数据结构来存储数据,以键值的方式存储,可以简单的读取与写入,下面通过实例代码给大家讲解下,需要的朋友参考下吧
收藏 0 赞 0 分享
查看更多