Android實(shí)現(xiàn)底部彈出的對(duì)話框功能
環(huán)境:
- 主機(jī):WIN10
- 開發(fā)環(huán)境:Android Studio 2.2 Preview 3
說(shuō)明:
兩種方法實(shí)現(xiàn)底部彈出的對(duì)話框:
- 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="語(yǔ)音課堂"/> </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實(shí)現(xiàn)源碼:
初始化:
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; } }
顯示對(duì)話框:
dialogSelectCall.show()
DialogFragment實(shí)現(xiàn)源碼:
定義了一個(gè)類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; /** * 初始化.必須調(diào)用一次 * @param userId: 目標(biāo)用戶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; } } }
顯示對(duì)話框前初始化參數(shù):
selectCallDialog.init(userId);
顯示對(duì)話框后:
selectCallDialog.show(getFragmentManager(), "");
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android中使用DialogFragment編寫對(duì)話框的實(shí)例教程
- 詳解Android應(yīng)用中DialogFragment的基本用法
- Android編程自定義對(duì)話框(Dialog)位置及大小的方法
- Android編程實(shí)現(xiàn)對(duì)話框Dialog背景透明功能示例
- Android中自定義對(duì)話框(Dialog)的實(shí)例代碼
- Android實(shí)現(xiàn)點(diǎn)擊AlertDialog上按鈕時(shí)不關(guān)閉對(duì)話框的方法
- 實(shí)例詳解Android自定義ProgressDialog進(jìn)度條對(duì)話框的實(shí)現(xiàn)
- Android中AlertDialog各種對(duì)話框的用法實(shí)例詳解
- Android加載對(duì)話框同時(shí)異步執(zhí)行實(shí)現(xiàn)方法
- Android中創(chuàng)建一個(gè)透明的進(jìn)度對(duì)話框?qū)嵗?/a>
- Android開發(fā)之基于DialogFragment創(chuàng)建對(duì)話框的方法示例
相關(guān)文章
Android編程雙重單選對(duì)話框布局實(shí)現(xiàn)與事件監(jiān)聽方法示例
這篇文章主要介紹了Android編程雙重單選對(duì)話框布局實(shí)現(xiàn)與事件監(jiān)聽方法,涉及Android雙重單選對(duì)話框的界面布局與事件監(jiān)聽、響應(yīng)等相關(guān)操作技巧,需要的朋友可以參考下2017-10-10Android自定義scrollview實(shí)現(xiàn)回彈效果
這篇文章主要為大家詳細(xì)介紹了Android自定義scrollview實(shí)現(xiàn)回彈效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04Android Xutils3網(wǎng)絡(luò)請(qǐng)求的封裝詳解及實(shí)例代碼
這篇文章主要介紹了Android Xutils3網(wǎng)絡(luò)請(qǐng)求的封裝詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-12-12Android 給圖片加上水印的示例代碼(支持logo+文字)
本篇文章主要介紹了Android 給圖片加上水印的示例代碼(支持logo+文字),具有一定的參考價(jià)值,有興趣的可以了解一下2017-08-08android 仿微信demo——微信啟動(dòng)界面實(shí)現(xiàn)
本篇文章主要介紹了微信小程序-閱讀小程序?qū)嵗╠emo),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧,希望能給你們提供幫助2021-06-06Android編程中activity啟動(dòng)時(shí)出現(xiàn)白屏、黑屏問題的解決方法
這篇文章主要介紹了Android編程中activity啟動(dòng)時(shí)出現(xiàn)白屏、黑屏問題的解決方法,涉及Android針對(duì)activity啟動(dòng)設(shè)置的技巧,需要的朋友可以參考下2015-12-12Ionic2創(chuàng)建App啟動(dòng)頁(yè)左右滑動(dòng)歡迎界面
使用Ionic2創(chuàng)建應(yīng)用非常簡(jiǎn)單,只需在V1的命令后跟上--v2即可.這篇文章主要介紹了Ionic2創(chuàng)建App啟動(dòng)頁(yè)左右滑動(dòng)歡迎界面的相關(guān)資料,需要的朋友可以參考下2016-10-10