android底部对话框 Android实现底部弹出的对话框功能
jdh99 人气:0想了解Android实现底部弹出的对话框功能的相关内容吗,jdh99在本文为您仔细讲解android底部对话框的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:android底部对话框,android底部弹出窗口,android,底部弹出菜单,下面大家一起来学习吧。
环境:
- 主机:WIN10
- 开发环境:Android Studio 2.2 Preview 3
说明:
两种方法实现底部弹出的对话框:
- Dialog
- 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(), "");
加载全部内容