Androidプログラミング：下部にポップアップするダイアログボックス

その他 2021-04-01 08:25:07 訪問数: null

Androidプログラミング：下部にポップアップするダイアログボックス


この記事のブログリンク：http://blog.csdn.net/jdh99、作者：jdh、転載を明記してください。


周囲：

ホスト：WIN10

開発環境：Android  Studio2.2プレビュー3


説明：

下部にポップアップするダイアログボックスを表示するには、次の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>


ダイアログ実装のソースコード：

初期化：

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の詳細な解釈

おすすめ

転載: blog.csdn.net/jdh99/article/details/71341121
おすすめ
中国人プログラマーの「35歳の呪い」
Lanya CorelDRAW プラグイン 2024.5.1 国際労働者の日バージョン、無料ダウンロード
ランキング
ループコントローラ
スピーカーの分類（スピーカーDiarisation）
雑音除去空気とフロートを除去するための統計的フィルタリング方法を使用して
Spring Cloudプロジェクトの構築（5）
Echarts去掉图形后面的网格线
【レジャー・楽しみ】C言語でクリスマスツリーを描く方法
ゲームが反映するように、後に＃589（本部2）ラウンドCodeforces
アレイの重複排除について知っているソリューションはいくつありますか？
NetBackupの証明書の有効期限は-nBuエラー8506に近づきます
Dockerコンテナの起動パラメータを表示する
アーカイブ
もっと
2024-05-04(18)
2024-05-03(8)
2024-05-02(0)
2024-05-01(4)
2024-04-30(35)
2024-04-29(5)
2024-04-28(12)
2024-04-27(29)
2024-04-26(22)
2024-04-25(31)

コードワールド

© 2018 codetd.com