Android

关注公众号 jb51net

关闭
首页 > 软件编程 > Android > android底部对话框

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

作者:jdh99

这篇文章主要介绍了Android实现底部弹出的对话框功能,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

环境:

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

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

您可能感兴趣的文章:
阅读全文