devbox
小桥流水78
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Android编程：底部弹出的对话框_android studio 底部半屏对话框

作者：小桥流水78 | 2024-06-29 18:33:38

赞

踩

android studio 底部半屏对话框

Android编程：底部弹出的对话框


本文博客链接:http://blog.csdn.net/jdh99,作者:jdh,转载请注明.


环境：

主机:WIN10

开发环境:Android Studio 2.2 Preview 3


说明：

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

  • Dialog
  • DialogFragment
推荐用DialogFragment

效果图：



布局文件dialog_select_call.xml：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:orientation="vertical" android:layout_width="match_parent"
  4.     android:layout_height="match_parent">
  5.  
  6.     <RelativeLayout
  7.         android:id="@+id/layout_voice"
  8.         android:layout_width="match_parent"
  9.         android:layout_height="wrap_content"
  10.         android:background="@color/white">
  11.  
  12.         <TextView
  13.             android:layout_width="wrap_content"
  14.             android:layout_height="wrap_content"
  15.             android:layout_alignParentStart="true"
  16.             android:layout_centerInParent="true"
  17.             android:textSize="16sp"
  18.             android:textColor="@color/black"
  19.             android:layout_marginLeft="16dp"
  20.             android:layout_marginRight="16dp"
  21.             android:layout_marginTop="16dp"
  22.             android:layout_marginBottom="16dp"
  23.             android:text="语音课堂"/>
  24.     </RelativeLayout>
  25.  
  26.     <View
  27.         android:layout_width="fill_parent"
  28.         android:layout_height="0.1dp"
  29.         android:background="#b4b4b4"
  30.         android:layout_marginLeft="16dp"
  31.         android:layout_marginRight="16dp"/>
  32.  
  33.     <RelativeLayout
  34.         android:id="@+id/layout_video"
  35.         android:layout_width="match_parent"
  36.         android:layout_height="wrap_content"
  37.         android:background="@color/white">
  38.  
  39.         <TextView
  40.             android:layout_width="wrap_content"
  41.             android:layout_height="wrap_content"
  42.             android:layout_alignParentStart="true"
  43.             android:layout_centerInParent="true"
  44.             android:textSize="16sp"
  45.             android:textColor="@color/black"
  46.             android:layout_marginLeft="16dp"
  47.             android:layout_marginRight="16dp"
  48.             android:layout_marginTop="16dp"
  49.             android:layout_marginBottom="16dp"
  50.             android:text="视频课堂"/>
  51.     </RelativeLayout>
  52.  
  53.     <View
  54.         android:layout_width="fill_parent"
  55.         android:layout_height="0.1dp"
  56.         android:background="#b4b4b4"
  57.         android:layout_marginLeft="16dp"
  58.         android:layout_marginRight="16dp"/>
  59.  
  60.     <RelativeLayout
  61.         android:layout_width="match_parent"
  62.         android:layout_height="wrap_content"
  63.         android:background="@color/white">
  64.  
  65.         <Button
  66.             android:id="@+id/cancel"
  67.             android:layout_width="match_parent"
  68.             android:layout_height="wrap_content"
  69.             android:text="取消"
  70.             android:layout_marginLeft="16dp"
  71.             android:layout_marginRight="16dp"
  72.             android:layout_marginTop="16dp"
  73.             android:layout_marginBottom="16dp"/>
  74.     </RelativeLayout>
  75.  
  76. </LinearLayout>


Dialog实现源码：

初始化：

  1. private void dialogSelectCallInit() {
  2.         dialogSelectCall = new Dialog(this, R.style.DialogPopBottom);
  3.         View inflate = LayoutInflater.from(this).inflate(R.layout.dialog_select_call, null);
  4.         dialogSelectCall.setContentView(inflate);
  5.  
  6.         Window dialogWindow = dialogSelectCall.getWindow();
  7.         dialogWindow.setGravity(Gravity.BOTTOM);
  8.  
  9.         WindowManager.LayoutParams lp = dialogWindow.getAttributes();
  10.         lp.x = 0;
  11.         lp.y = 0;
  12.         lp.width = getResources().getDisplayMetrics().widthPixels;
  13.         dialogWindow.setAttributes(lp);
  14.  
  15.         RelativeLayout layoutVoice = (RelativeLayout) inflate.findViewById(R.id.layout_voice);
  16.         RelativeLayout layoutVideo = (RelativeLayout) inflate.findViewById(R.id.layout_video);
  17.         Button buttonCancel = (Button) inflate.findViewById(R.id.cancel);
  18.  
  19.         RxView.clicks(layoutVoice)
  20.                 .throttleFirst(2, TimeUnit.SECONDS)
  21.                 .compose(this.bindUntilEvent(ActivityEvent.DESTROY))
  22.                 .subscribe(v -> {
  23. //                    dialogSelectCall.cancel();
  24.                     VoiceSessionActivity.startActivityCallOut(this, userId);
  25.                 });
  26.  
  27.         RxView.clicks(layoutVideo)
  28.                 .throttleFirst(2, TimeUnit.SECONDS)
  29.                 .compose(this.bindUntilEvent(ActivityEvent.DESTROY))
  30.                 .subscribe(v -> {
  31. //                    dialogSelectCall.cancel();
  32. //                    VideoSessionActivity.startActivityCallOut(this, userId);
  33.                 });
  34.  
  35.         RxView.clicks(buttonCancel)
  36.                 .throttleFirst(2, TimeUnit.SECONDS)
  37.                 .compose(this.bindUntilEvent(ActivityEvent.DESTROY))
  38.                 .subscribe(v -> dialogSelectCall.cancel());
  39.  
  40.         RxView.touches(layoutVoice,  motionEvent -> {
  41.             dealLayoutTouch(layoutVoice, motionEvent);
  42.             return false;
  43.         }).compose(this.bindUntilEvent(ActivityEvent.DESTROY)).subscribe(motionEvent -> {});
  44.  
  45.         RxView.touches(layoutVideo,  motionEvent -> {
  46.             dealLayoutTouch(layoutVideo, motionEvent);
  47.             return false;
  48.         }).compose(this.bindUntilEvent(ActivityEvent.DESTROY)).subscribe(motionEvent -> {});
  49.     }
  50.  
  51.     private void dealLayoutTouch(View v, MotionEvent event) {
  52.         switch (event.getAction()) {
  53.             case MotionEvent.ACTION_DOWN:
  54.                 v.setBackgroundColor(Color.rgb(200, 200, 200));
  55.                 break;
  56.             case MotionEvent.ACTION_UP:
  57.                 v.setBackgroundColor(Color.WHITE);
  58.                 break;
  59.         }
  60.     }


显示对话框：

dialogSelectCall.show()


DialogFragment实现源码：

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

  1. package com.bazhangkeji.classroom.common;
  2.  
  3. import android.app.Dialog;
  4. import android.app.FragmentManager;
  5. import android.graphics.Color;
  6. import android.os.Bundle;
  7. import android.support.annotation.NonNull;
  8. import android.view.Gravity;
  9. import android.view.LayoutInflater;
  10. import android.view.MotionEvent;
  11. import android.view.View;
  12. import android.view.ViewGroup;
  13. import android.view.Window;
  14. import android.view.WindowManager;
  15. import android.widget.Button;
  16. import android.widget.RelativeLayout;
  17.  
  18. import com.bazhangkeji.classroom.R;
  19. import com.bazhangkeji.classroom.session.VideoSessionActivity;
  20. import com.bazhangkeji.classroom.session.VoiceSessionActivity;
  21. import com.jakewharton.rxbinding2.view.RxView;
  22. import com.trello.rxlifecycle2.android.FragmentEvent;
  23. import com.trello.rxlifecycle2.components.RxDialogFragment;
  24.  
  25.  
  26. import java.util.concurrent.TimeUnit;
  27.  
  28. public class SelectCallDialog extends RxDialogFragment {
  29.     private Dialog dialog;
  30.     private String userId;
  31.  
  32.     /**
  33.      * 初始化.必须调用一次
  34.      * @param userId: 目标用户id
  35.      */
  36.     public void init(String userId) {
  37.         this.userId = userId;
  38.     }
  39.  
  40.     @NonNull
  41.     @Override
  42.     public Dialog onCreateDialog(Bundle savedInstanceState) {
  43.         dialog = new Dialog(getActivity(), R.style.DialogPopBottom);
  44.  
  45.         View inflate = LayoutInflater.from(getActivity()).inflate(R.layout.dialog_select_call, null);
  46.         dialog.setContentView(inflate);
  47.         dialog.setCanceledOnTouchOutside(true);
  48.  
  49.         Window window = dialog.getWindow();
  50.         WindowManager.LayoutParams lp = window.getAttributes();
  51.         lp.gravity = Gravity.BOTTOM;
  52.         lp.width = WindowManager.LayoutParams.MATCH_PARENT;
  53.         window.setAttributes(lp);
  54.  
  55.         RelativeLayout layoutVoice = (RelativeLayout) inflate.findViewById(R.id.layout_voice);
  56.         RelativeLayout layoutVideo = (RelativeLayout) inflate.findViewById(R.id.layout_video);
  57.         Button buttonCancel = (Button) dialog.findViewById(R.id.cancel);
  58.  
  59.         RxView.clicks(layoutVoice)
  60.                 .throttleFirst(2, TimeUnit.SECONDS)
  61.                 .compose(this.bindUntilEvent(FragmentEvent.DESTROY))
  62.                 .subscribe(v -> {
  63.                     dialog.cancel();
  64.                     VoiceSessionActivity.startActivityCallOut(getActivity(), userId);
  65.                 });
  66.  
  67.         RxView.clicks(layoutVideo)
  68.                 .throttleFirst(2, TimeUnit.SECONDS)
  69.                 .compose(this.bindUntilEvent(FragmentEvent.DESTROY))
  70.                 .subscribe(v -> {
  71.                     dialog.cancel();
  72.                     VideoSessionActivity.startActivityCallOut(getActivity(), userId);
  73.                 });
  74.  
  75.         RxView.clicks(buttonCancel)
  76.                 .throttleFirst(2, TimeUnit.SECONDS)
  77.                 .compose(this.bindUntilEvent(FragmentEvent.DESTROY))
  78.                 .subscribe(v -> dialog.cancel());
  79.  
  80.         RxView.touches(layoutVoice,  motionEvent -> {
  81.             dealLayoutTouch(layoutVoice, motionEvent);
  82.             return false;
  83.         }).compose(this.bindUntilEvent(FragmentEvent.DESTROY)).subscribe(motionEvent -> {});
  84.  
  85.         RxView.touches(layoutVideo,  motionEvent -> {
  86.             dealLayoutTouch(layoutVideo, motionEvent);
  87.             return false;
  88.         }).compose(this.bindUntilEvent(FragmentEvent.DESTROY)).subscribe(motionEvent -> {});
  89.  
  90.         return dialog;
  91.     }
  92.  
  93.     private void dealLayoutTouch(View v, MotionEvent event) {
  94.         switch (event.getAction()) {
  95.             case MotionEvent.ACTION_DOWN:
  96.                 v.setBackgroundColor(Color.rgb(200, 200, 200));
  97.                 break;
  98.             case MotionEvent.ACTION_UP:
  99.                 v.setBackgroundColor(Color.WHITE);
  100.                 break;
  101.         }
  102.     }
  103. }

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

selectCallDialog.init(userId);

显示对话框：

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



参考链接：

1.使用DialogFragment实现底部弹窗布局

2.Android 官方推荐 : DialogFragment 创建对话框

3.详细解读DialogFragment

本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号