Android自定义底部弹出框ButtomDialog

时间:2021-04-02 人气:5

先看看效果和你要的是否一样

一、先来配置自定义控件需要的资源

1.在res文件夹下创建一个anim文件夹并创建两个slide_in_bottom.xml、slide_out_bottom.xml文件，负责弹框进出动画。

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
   android:shareInterpolator="false">
 <!-- slide_in_bottom.xml -->
 <translate
   android:duration="@integer/dp_300"
   android:fromXDelta="0%"
   android:toXDelta="0%"
   android:fromYDelta="100%"
   android:toYDelta="0%"/>
</set>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
   android:shareInterpolator="false">
 <!-- slide_out_bottom.xml -->
 <translate
   android:duration="@integer/dp_300"
   android:fromXDelta="0%"
   android:toXDelta="0%"
   android:fromYDelta="0%"
   android:toYDelta="100%"/>
</set>

2.在style.xml添加阴影和动画样式。

 <style name="Theme.Light.NoTitle.Dialog" parent="@android:style/Theme.Dialog">
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowIsFloating">true</item>
    <item name="android:windowFrame">@null</item>
  </style>
 
  <style name="Theme.Light.NoTitle.NoShadow.Dialog" parent="Theme.Light.NoTitle.Dialog">
    <item name="android:backgroundDimEnabled">false</item>
  </style>
 
  <style name="Animation.Bottom.Rising" parent="@android:style/Animation">
    <item name="android:windowEnterAnimation">@anim/slide_in_bottom</item>
    <item name="android:windowExitAnimation">@anim/slide_out_bottom</item>
</style>

3.在drawable文件夹下创建一个title_background.xml文件，负责给文本内容添加背景。

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
  <corners android:radius="8dp"/>
  <solid android:color="#FFFFFFFF"/>
</shape>

二、自定义控件的布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:orientation="vertical"
       android:padding="12dp"
       >
 
  <LinearLayout
    android:background="@drawable/title_background"
    android:id="@+id/lay_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="8dp"
    android:orientation="vertical"/>
 
  <TextView
    android:id="@+id/btn_cancel"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/title_background"
    android:paddingBottom="8dip"
    android:paddingTop="8dip"
    android:text="取消"
    android:gravity="center"
    android:textColor="#007AFF"
    android:textSize="17sp"/>
 
</LinearLayout>

三、自定义控件类

public class ButtomDialog extends Dialog {
 
  public ButtomDialog(Context context, int themeResId) {
    super(context, themeResId);
  }
 
  public static class Params {
    private final List<BottomMenu> menuList = new ArrayList<>();
    private View.OnClickListener cancelListener;
    private CharSequence menuTitle;
    private String cancelText;
    private Context context;
  }
 
  public static class Builder {
    private boolean canCancel = true;
    private boolean shadow = true;
    private final Params p;
 
    public Builder(Context context) {
      p = new Params();
      p.context = context;
    }
 
    public Builder setCanCancel(boolean canCancel) {
      this.canCancel = canCancel;
      return this;
    }
 
    public Builder setShadow(boolean shadow) {
      this.shadow = shadow;
      return this;
    }
 
    public Builder setTitle(CharSequence title) {
      this.p.menuTitle = title;
      return this;
    }
 
    public Builder addMenu(String text, View.OnClickListener listener) {
      BottomMenu bm = new BottomMenu(text, listener);
      this.p.menuList.add(bm);
      return this;
    }
 
    public Builder addMenu(int textId, View.OnClickListener listener) {
      return addMenu(p.context.getString(textId), listener);
    }
 
    public Builder setCancelListener(View.OnClickListener cancelListener) {
      p.cancelListener = cancelListener;
      return this;
    }
 
    public Builder setCancelText(int resId) {
      p.cancelText = p.context.getString(resId);
      return this;
    }
 
    public Builder setCancelText(String text) {
      p.cancelText = text;
      return this;
    }
 
    public ButtomDialog create() {
      final ButtomDialog dialog = new ButtomDialog(p.context, shadow ? R.style.Theme_Light_NoTitle_Dialog : R.style.Theme_Light_NoTitle_NoShadow_Dialog);
      Window window = dialog.getWindow();
      window.setWindowAnimations(R.style.Animation_Bottom_Rising);
      window.getDecorView().setPadding(0, 0, 0, 0);
      WindowManager.LayoutParams lp = window.getAttributes();
      lp.width = WindowManager.LayoutParams.MATCH_PARENT;
      lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
      window.setAttributes(lp);
      window.setGravity(Gravity.BOTTOM);
      View view = LayoutInflater.from(p.context).inflate(R.layout.dialog_bottom_menu, null);
      TextView btnCancel = (TextView) view.findViewById(R.id.btn_cancel);
      ViewGroup layContainer = (ViewGroup) view.findViewById(R.id.lay_container);
      ViewGroup.LayoutParams lpItem = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
      ViewGroup.MarginLayoutParams lpDivider = new ViewGroup.MarginLayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 1);
      lpDivider.setMargins(50,0,50,0);
      int dip1 = (int) (1 * p.context.getResources().getDisplayMetrics().density + 0.5f);
      int spacing = dip1 * 12;
      boolean hasTitle = !TextUtils.isEmpty(p.menuTitle);
      if (hasTitle) {
        //标题样式
        TextView tTitle = new TextView(p.context);
        tTitle.setLayoutParams(lpItem);
        tTitle.setGravity(Gravity.CENTER);
        tTitle.setTextColor(p.context.getResources().getColor(R.color.colorAccent));
        tTitle.setText(p.menuTitle);
        tTitle.setPadding(0, spacing, 0, spacing);
        //单独给标题设置背景样式
//        tTitle.setBackgroundResource(R.drawable.common_dialog_selection_selector_top);
        layContainer.addView(tTitle);
        View viewDivider = new View(p.context);
        viewDivider.setLayoutParams(lpDivider);
        viewDivider.setBackgroundColor(0xFFCED2D6);
        layContainer.addView(viewDivider);
      }
      //每一条的样式
      for (int i = 0; i < p.menuList.size(); i++) {
        BottomMenu bottomMenu = p.menuList.get(i);
        TextView bbm = new TextView(p.context);
        bbm.setLayoutParams(lpItem);
        bbm.setPadding(0, spacing, 0, spacing);
        bbm.setGravity(Gravity.CENTER);
        bbm.setText(bottomMenu.funName);
        bbm.setTextColor(0xFF007AFF);
        bbm.setTextSize(16);
        bbm.setOnClickListener(bottomMenu.listener);
        layContainer.addView(bbm);
        if (i != p.menuList.size() - 1) {
          View viewDivider = new View(p.context);
          viewDivider.setLayoutParams(lpDivider);
          viewDivider.setBackgroundColor(0xFFCED2D6);
          layContainer.addView(viewDivider);
        }
      }
 
      if (!TextUtils.isEmpty(p.cancelText)) {
        btnCancel.setText(p.cancelText);
      }
 
      if (p.cancelListener != null) {
        btnCancel.setOnClickListener(p.cancelListener);
      } else {
        btnCancel.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View v) {
            dialog.dismiss();
          }
        });
      }
 
      dialog.setContentView(view);
      dialog.setCanceledOnTouchOutside(canCancel);
      dialog.setCancelable(canCancel);
      return dialog;
    }
 
  }
 
  private static class BottomMenu {
    public String funName;
    public View.OnClickListener listener;
 
    public BottomMenu(String funName, View.OnClickListener listener) {
      this.funName = funName;
      this.listener = listener;
    }
  }
}

四、使用

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
 
  private Button mDialogCustom;
  private ButtomMenuDialog dialog;
 
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initView();
  }
 
  private void initView() {
    mDialogCustom = (Button) findViewById(R.id.custom_dialog);
    mDialogCustom.setOnClickListener(this);
  }
 
  @Override
  public void onClick(View v) {
    switch (v.getId()) {
      case R.id.custom_dialog:
        ButtomMenuDialog.Builder builder = new ButtomMenuDialog.Builder(this);
        //添加条目，可多个
        builder.addMenu("相机", new View.OnClickListener() {
          @Override
          public void onClick(View view) {
            dialog.cancel();
            Toast.makeText(MainActivity.this, "相机", Toast.LENGTH_SHORT).show();
          }
        }).addMenu("相册", new View.OnClickListener() {
          @Override
          public void onClick(View view) {
            dialog.cancel();
            Toast.makeText(MainActivity.this, "相册", Toast.LENGTH_SHORT).show();
          }
        });
        //下面这些设置都可不写
        builder.setTitle("这是标题");//添加标题
        builder.setCanCancel(false);//点击阴影时是否取消dialog，true为取消
        builder.setShadow(true);//是否设置阴影背景，true为有阴影
        builder.setCancelText("取消");//设置最下面取消的文本内容
        //设置点击取消时的事件
        builder.setCancelListener(new View.OnClickListener() {
          @Override
          public void onClick(View view) {
            dialog.cancel();
            Toast.makeText(MainActivity.this, "取消", Toast.LENGTH_SHORT).show();
          }
        });
        dialog = builder.create();
        dialog.show();
        break;
      default:
        break;
    }
  }
}

您可能感兴趣的文章:

加载全部内容