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

环境：

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

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

1. Dialog
2. DialogFragment

推荐用DialogFragment

效果图：

布局文件dialog_select_call.xml：

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

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