码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2017-05-07 22:04:51      阅读:255      评论:0      收藏:0      [点我收藏+]

标签:layout   对话框   switch   ase   title   wrap   parent   继承   bin   

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


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


环境:

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



参考链接:

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

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

3.详细解读DialogFragment

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

标签:layout   对话框   switch   ase   title   wrap   parent   继承   bin   

原文地址:http://blog.csdn.net/jdh99/article/details/71341121

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!