类似于IOS弹出底部对话框

最新推荐文章于 2020-11-28 22:57:21 发布

原创最新推荐文章于 2020-11-28 22:57:21 发布 · 529 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Android #对话框 #底部对话框 #底部弹出框

本文介绍了一个自定义的Android对话框类实现，该类用于创建底部弹出的对话框，包含两个按钮选项，并提供了设置按钮标题及可见性的方法。

(1)封装一个对话框类

package com.example.bottomdialog;

import android.annotation.SuppressLint;
import android.app.Dialog;
import android.content.Context;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.view.WindowManager;
import android.view.WindowManager.LayoutParams;
import android.widget.Button;

public class BottomButtonSelect {
	private Context mContext;
	private Dialog mDialog;
	private OnButtonClick mButtonClick;
	private Button mBtnCancel, mBtn1, mBtn2;
	private OnClickListener mOnClickListener = new OnClickListener() {

		@Override
		public void onClick(View v) {
			switch (v.getId()) {
			case R.id.btn1:
				mButtonClick.onButtonOneClick();
				break;
			case R.id.btn2:
				mButtonClick.onButtonTwoClick();
				break;
			case R.id.btn_cancel:

			default:
				break;
			}
			mDialog.dismiss();
			mDialog = null;
		}
	};

	/** 默认就两个Button */
	public BottomButtonSelect(Context context, OnButtonClick onButtonClick) {
		this(context, View.GONE, View.GONE, onButtonClick);
	}

	@SuppressLint("NewApi")
	public BottomButtonSelect(Context context, int btnTwoVisiable, int btnThreeVisiable, OnButtonClick onButtonClick) {
		mContext = context;
		mButtonClick = onButtonClick;

		mDialog = new Dialog(context, R.style.custom_dialog);
		mDialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
		View rootVew = LayoutInflater.from(context).inflate(R.layout.popwindow_four_btn, null);
		mBtnCancel = (Button) rootVew.findViewById(R.id.btn_cancel);
		mBtnCancel.setOnClickListener(mOnClickListener);
		mBtn1 = (Button) rootVew.findViewById(R.id.btn1);
		mBtn1.setOnClickListener(mOnClickListener);
		mBtn2 = (Button) rootVew.findViewById(R.id.btn2);
		mBtn2.setOnClickListener(mOnClickListener);
		mDialog.setContentView(rootVew);

		Window wd = mDialog.getWindow();
		WindowManager.LayoutParams lp = wd.getAttributes();
		lp.alpha = 0.80f;
		lp.height = LayoutParams.WRAP_CONTENT;
		lp.width = LayoutParams.MATCH_PARENT;
		wd.setGravity(Gravity.BOTTOM);
		// wd.setBackgroundDrawable(null);
		wd.setAttributes(lp);
		wd.getDecorView().setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));
		wd.setWindowAnimations(R.style.mystyle);
		wd.setDimAmount(0.50f);

	}

	public void show() {
		mDialog.show();
	}

	public interface OnButtonClick {
		void onButtonOneClick();

		void onButtonTwoClick();
	}

	public BottomButtonSelect setButtonTitle(String titleOne, String titletwo, String titleThree, String titleFour,
			String titleCancel) {
		if (titleOne != null)
			mBtn1.setText(titleOne);
		if (titletwo != null)
			mBtn2.setText(titletwo);
		if (titleCancel != null)
			mBtnCancel.setText(titleCancel);

		return this;
	}

	public BottomButtonSelect setCancelVisible() {
		mBtnCancel.setVisibility(View.GONE);
		return this;
	}
}

(2)简单的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/llayout_pop_holder"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="10dp"
     >

    <LinearLayout
        android:id="@+id/llayout_pop_content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <Button
            android:id="@+id/btn1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/shape_round_top"
            android:padding="12dp"
            android:text="男" />

        <Button
            android:id="@+id/btn2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="1px"
            android:background="@drawable/shape_round_bottom"
            android:padding="12dp"
            android:text="女" />

        <Button
            android:id="@+id/btn_cancel"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:background="@drawable/shape_round_"
            android:gravity="center"
            android:padding="12dp"
            android:text="取消" />
    </LinearLayout>

</LinearLayout>

(3)用到的style

    <style name="mystyle" parent="android:Animation">
        <item name="@android:windowEnterAnimation">@anim/in_botton_top</item>
        <item name="@android:windowExitAnimation">@anim/out_botton_top</item>
    </style>

    <style name="custom_dialog" parent="@android:style/Theme.Dialog">
        <item name="android:windowFrame">@null</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowAnimationStyle">@style/mystyle</item>
        <item name="android:backgroundDimEnabled">true</item>
        <item name="android:windowBackground">@android:color/transparent</item>
    </style>

还需要一些动画

代码链接地址 :代码链接地址：

调用：

		mTxtSex.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				BottomButtonSelect dialog = new BottomButtonSelect(MainActivity.this, new OnButtonClick() {

					@Override
					public void onButtonTwoClick() {
						mTxtSex.setText("性别：女");
					}

					@Override
					public void onButtonOneClick() {
						mTxtSex.setText("性别：男");
					}
				});
				dialog.show();
			}
		});