AppCompatDialogFragment自定义模态弹框

淡淡的烟草味﹌ 2022-05-12 02:28 339阅读 0赞

很多时候系统自带的AlertDialog并不能满足我们模态弹框的需求，我们的app具体业务可能需要定制化的模态弹框，这个时候我们可以通过继承AppCompatDialogFragment来定制化开发我们需要的模态弹框。

现在大家看看威哥在威哥开发的《妙生活自助称重》App上的继承自AppCompatDialogFrament的定制化弹框效果图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1d2VpX25ldA_size_16_color_FFFFFF_t_70][]

童鞋们，怎么样？威哥做出来的效果还不错吧。

废话少说，直接上代码，和大家一起分享分享，之后大家就可以自行动手了：

1.xml布局（addfruit\_dialog\_layout.xml）：

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center">
    
    
        <RelativeLayout
            android:clickable="false"
            android:layout_width="550dp"
            android:layout_height="470dp"
            android:background="@drawable/addfruitdialogbg">
    
            <ImageView
                android:id="@+id/iv_logo"
                android:layout_width="250dp"
                android:layout_height="250dp"
                android:layout_alignParentRight="true"
                android:background="@color/systemNoColor"
                android:layout_marginTop="50dp"
                android:layout_marginRight="5dp"
                android:scaleType="fitXY"
                android:src="@drawable/productlaoding" />
    
            <TextView
                android:id="@+id/tv_des"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="15dp"
                android:layout_marginTop="30dp"
                android:alpha="0.5"
                android:text="请将商品放到电子称上"
                android:textColor="#000000"
                android:textSize="18sp" />
    
            <TextView
                android:id="@+id/tv_addfruit_ProductUnit"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/tv_des"
                android:layout_marginLeft="15dp"
                android:layout_marginTop="30dp"
                android:alpha="0.5"
                android:text="单价（元/千克）"
                android:textColor="#000000"
                android:textSize="15sp" />
    
            <TextView
                android:id="@+id/tv_price"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/tv_addfruit_ProductUnit"
                android:layout_marginLeft="15dp"
                android:text="8.90"
                android:textColor="#000000"
                android:textSize="42sp" />
    
            <TextView
                android:id="@+id/tv_addfruit_weightUnit"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/tv_price"
                android:layout_marginLeft="15dp"
                android:layout_marginTop="30dp"
                android:alpha="0.5"
                android:text="重量"
                android:textColor="#000000"
                android:textSize="15sp" />
    
    
            <TextView
                android:id="@+id/tv_quality"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/tv_addfruit_weightUnit"
                android:text="1.58"
                android:layout_marginLeft="15dp"
                android:textColor="@color/aliBlue"
                android:textSize="60sp" />
    
            <View
                android:id="@+id/line"
                android:layout_width="match_parent"
                android:layout_height="5dp"
                android:layout_marginBottom="10dp"
                android:layout_below="@id/tv_quality"
                android:layout_marginLeft="15dp"
                android:layout_marginRight="5dp"
                android:layout_marginTop="8dp"
                android:background="@drawable/addfruit_line"
                android:layerType="software" />
    
    
            <TextView
                android:id="@+id/total"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/line"
                android:layout_marginLeft="15dp"
                android:layout_marginTop="8dp"
                android:alpha="0.5"
                android:text="小计（元）"
                android:textColor="#000000"
                android:textSize="15sp" />
    
    
            <TextView
                android:id="@+id/tv_total"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/total"
                android:layout_marginLeft="15dp"
                android:text="1.58"
                android:textColor="#FC5346"
                android:textSize="42sp" />
            <View
                android:id="@+id/line1"
                android:layout_width="match_parent"
                android:layout_height="0.75dp"
                android:layout_below="@id/tv_total"
                android:layout_marginTop="10dp"
                android:background="#CEDADD" />
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_below="@id/line1"
                android:background="@drawable/pay_dialog_button_bg"
                android:orientation="horizontal">
    
                <Button
                    android:id="@+id/btn_cancel"
                    style="?android:attr/borderlessButtonStyle"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:alpha="0.6"
                    android:background="@null"
                    android:text="取消"
                    android:textColor="#000000"
                    android:textSize="18sp" />
    
                <View
                    android:layout_width="0.75dp"
                    android:layout_height="match_parent"
                    android:background="#CEDADD" />
    
                <Button
                    android:id="@+id/btn_add"
                    style="?android:attr/borderlessButtonStyle"
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:alpha="0.6"
                    android:background="@null"
                    android:text="添加"
                    android:textColor="#FC5346"
                    android:textSize="18sp" />
            </LinearLayout>
    
        </RelativeLayout>
    
    </LinearLayout>

2、自定义弹框java类：

package com.msh.mshselfweighing.app;
    
    import android.app.Dialog;
    import android.content.DialogInterface;
    import android.graphics.Color;
    import android.graphics.drawable.ColorDrawable;
    import android.os.Bundle;
    import android.support.annotation.Nullable;
    import android.support.v4.app.FragmentManager;
    import android.support.v7.app.AppCompatDialogFragment;
    import android.text.SpannableString;
    import android.text.Spanned;
    import android.text.style.ForegroundColorSpan;
    import android.text.style.StrikethroughSpan;
    import android.text.style.UnderlineSpan;
    import android.util.Log;
    import android.view.KeyEvent;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.Button;
    import android.widget.ImageView;
    import android.widget.LinearLayout;
    import android.widget.TextView;
    
    import com.bumptech.glide.Glide;
    import com.msh.mshselfweighing.MainApplication;
    import com.msh.mshselfweighing.R;
    import com.msh.mshselfweighing.dto.Category.SelfWeightProductCategoryDto;
    import com.msh.mshselfweighing.dto.Product.SelfWeightProductInfoDto;
    import com.msh.mshselfweighing.modelinfo.MachineBaseInfo;
    
    import java.math.BigDecimal;
    import java.text.DecimalFormat;
    
    /**
     * 商品模态框
     * Author：William（徐威）
     * Create Time：2018-09-10
     */
    public class AddProductDialogFragment extends AppCompatDialogFragment implements View.OnClickListener {
        private Button btnCancel;
        private Button btnAdd;
        private TextView tvDes;
        private TextView tvPrice;
        private TextView tvQuality;
        private TextView tvTotal;
        private ImageView ivLogo;
        private DecimalFormat decimalFormat = new DecimalFormat("0.00");
        private DecimalFormat weightFormat = new DecimalFormat("0.000");
        private BigDecimal price;
        private String name;
        boolean isShow = false;//防多次点击
        private SelfWeightProductInfoDto buyProductModel;//选择商品对象
        private TextView tv_addfruit_ProductUnit;   //单价标签
        private TextView tv_addfruit_weightUnit;    //重量标头
    
        //构造函数
        public AddProductDialogFragment() {
            super();
        }
    
        @Override
        public void onStart() {
            super.onStart();
            Dialog dialog = getDialog();
            dialog.getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
            dialog.setCanceledOnTouchOutside(true);
            //dialog.setCancelable(false);
        }
    
        @Nullable
        @Override
        public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
            return inflater.inflate(R.layout.addfruit_dialog_layout, container, false);
        }
    
        @Override
        public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
            super.onViewCreated(view, savedInstanceState);
            initView(view);
            initAction();
    
            //初始化视图
            Bundle bundle = getArguments();
            buyProductModel = (SelfWeightProductInfoDto) bundle.getSerializable("productModel");
            initData();
        }
    
        /**
         * 初始化视图
         * Author：William（徐威）
         * Create Time：2018-09-11
         *
         * @param view
         */
        private void initView(View view) {
            btnAdd = view.findViewById(R.id.btn_add);
            btnCancel = view.findViewById(R.id.btn_cancel);
            tvDes = view.findViewById(R.id.tv_des);
            tvPrice = view.findViewById(R.id.tv_price);
            tvQuality = view.findViewById(R.id.tv_quality);
            tvTotal = view.findViewById(R.id.tv_total);
            ivLogo = view.findViewById(R.id.iv_logo);
            tv_addfruit_ProductUnit = view.findViewById(R.id.tv_addfruit_ProductUnit);
            tv_addfruit_weightUnit = view.findViewById(R.id.tv_addfruit_weightUnit);
    
            tvQuality.setAlpha(0.5f);
        }
    
        /**
         * 初始化注册事件
         * Author：William（徐威）
         * Create Time：2018-09-11
         */
        private void initAction() {
            btnAdd.setOnClickListener(this);
            btnCancel.setOnClickListener(this);
            btnAdd.setEnabled(false);
            getDialog().setOnKeyListener(new DialogInterface.OnKeyListener() {
                @Override
                public boolean onKey(DialogInterface dialog, int keyCode, KeyEvent event) {
                    return true;
                }
            });
        }
    
        /**
         * 初始化数据
         * Author：William（徐威）
         * Create Time：2018-09-11
         */
        private void initData() {
            if (buyProductModel != null) {
                //会员价和门店价保留2位四舍五入
                buyProductModel.setCurrentPrice(buyProductModel.getCurrentPrice().setScale(2, BigDecimal.ROUND_HALF_UP));
                buyProductModel.setStockCurrentPrice(buyProductModel.getStockCurrentPrice().setScale(2, BigDecimal.ROUND_HALF_UP));
    
                tv_addfruit_ProductUnit.setText(String.format("单价（元/%s）", buyProductModel.getDenominatedUnit()));
                tv_addfruit_weightUnit.setText(String.format("计重（%s）", buyProductModel.getDenominatedUnit()));
                name = buyProductModel.getProductName();
                price = buyProductModel.getCurrentPrice();
                tvDes.setText(buyProductModel.getProductName());
    
                //价格
                String strPrice = String.format("%s/%s", decimalFormat.format(buyProductModel.getStockCurrentPrice()), decimalFormat.format(price));
                SpannableString spanPrice = new SpannableString(strPrice);
                spanPrice.setSpan(new ForegroundColorSpan(Color.parseColor("#c0c0c0")), 0, decimalFormat.format(buyProductModel.getStockCurrentPrice()).length() + 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
                spanPrice.setSpan(new StrikethroughSpan(), 0, decimalFormat.format(buyProductModel.getStockCurrentPrice()).length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
                spanPrice.setSpan(new ForegroundColorSpan(Color.parseColor("#333333")), decimalFormat.format(buyProductModel.getStockCurrentPrice()).length() + 1, strPrice.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
                tvPrice.setText(spanPrice);
    
                BigDecimal totalAmt = (new BigDecimal(1)).multiply(price);
                BigDecimal totalStoreAmt = (new BigDecimal(1)).multiply(buyProductModel.getStockCurrentPrice());
                tvQuality.setText("1");
    
                Glide.with(getActivity()).load(buyProductModel.getImageUrl())    //加载地址
                        .placeholder(R.drawable.productlaoding)  //加载未完成时显示占位图
                        .error(R.drawable.productloadfailed)
                        .into(ivLogo);
                buyProductModel.setV_BuyNumKg(new BigDecimal(1));
                buyProductModel.setV_BuyNumJin(new BigDecimal(1));
                buyProductModel.setV_BuyTotalAmt(price);
                buyProductModel.setV_BuyMemberTotalAmt(price);
    
                if (MainApplication.ProductWeightJin != null && MainApplication.ProductWeightJin.length() > 0
                        && buyProductModel.isWeight()) {
                    btnAdd.setEnabled(true);
                    tvTotal.setAlpha(1);
                    tvQuality.setAlpha(1);
                    btnAdd.setAlpha(1);
                    btnCancel.setAlpha(1);
                    tvQuality.setText(MainApplication.ProductWeightJin);
                    totalAmt = (new BigDecimal(MainApplication.ProductWeightJin)).multiply(price).setScale(2, BigDecimal.ROUND_HALF_UP);
                    totalStoreAmt = (new BigDecimal(MainApplication.ProductWeightJin)).multiply(buyProductModel.getStockCurrentPrice()).setScale(2, BigDecimal.ROUND_HALF_UP);
    
                    BigDecimal storePrice = buyProductModel.getStockCurrentPrice();
                    BigDecimal storeProductAmt = storePrice.multiply(new BigDecimal(MainApplication.ProductWeightJin)).setScale(2, BigDecimal.ROUND_HALF_UP);
                    buyProductModel.setV_BuyNumKg(new BigDecimal(MainApplication.ProductWeight));
                    buyProductModel.setV_BuyNumJin(new BigDecimal(MainApplication.ProductWeightJin));
                    buyProductModel.setV_BuyTotalAmt(storeProductAmt);
                    buyProductModel.setV_BuyMemberTotalAmt(storeProductAmt);
                }
    
                //总价
                String strTotalAmt = String.format("%s/%s", decimalFormat.format(totalStoreAmt), decimalFormat.format(totalAmt));
                SpannableString spanTotalAmt = new SpannableString(strTotalAmt);
                spanTotalAmt.setSpan(new ForegroundColorSpan(Color.parseColor("#c0c0c0")), 0, decimalFormat.format(totalStoreAmt).length() + 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
                spanTotalAmt.setSpan(new StrikethroughSpan(), 0, decimalFormat.format(totalStoreAmt).length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
                spanTotalAmt.setSpan(new ForegroundColorSpan(Color.parseColor("#D90909")), decimalFormat.format(totalStoreAmt).length() + 1, strTotalAmt.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
                tvTotal.setText(spanTotalAmt);
            }
        }
    
        @Override
        public void onClick(View v) {
            switch (v.getId()) {
                case R.id.btn_cancel:
                    //取消按钮
                    dismiss();
                    break;
                case R.id.btn_add:
                    //添加按钮
                    if (listener != null) {
                        listener.onAddProduct(buyProductModel);
                    }
                    dismiss();
                    break;
                default:
                    break;
            }
        }
    
        /**
         * 更新重量
         * Author：William（徐威）
         * Create Time：2018-09-12
         */
        public void update(int status) {
            if (buyProductModel != null && (status == 1 || buyProductModel.getV_BuyNumKg().compareTo(new BigDecimal(MainApplication.ProductWeight)) != 0)) {
                initData();
            }
        }
    
        @Override
        public void show(FragmentManager manager, String tag) {
            if (isShow) {
                return;
            }
            super.show(manager, tag);
            isShow = true;
        }
    
        @Override
        public void dismiss() {
            super.dismiss();
            isShow = false;
        }
    
        private AddListener listener = null;
    
        public void setListener(AddListener listener) {
            this.listener = listener;
        }
    
        /**
         * 申明监听接口
         * Author：William（徐威）
         * Create Time：2018-09-12
         */
        public interface AddListener {
            //添加商品事件
            void onAddProduct(SelfWeightProductInfoDto buyProductModel);
        }
    }

3、调用：

public static AddProductDialogFragment dialogFragment = null; //添加商品弹框

IndexActivity.dialogFragment = new AddProductDialogFragment();
    IndexActivity.dialogFragment.setListener(new AddProductDialogFragment.AddListener() {
        //重写添加商品事件
        @Override
        public void onAddProduct(SelfWeightProductInfoDto buyProductModel) {
            Toast.makeText(mContext,buyProductModel.getProductName(),Toast.LENGTH_LONG).show();
        }
    });
    
    MainApplication.IsWeight = model.isWeight();
    Bundle bundle = new Bundle();
    bundle.putSerializable("productModel", model);
    IndexActivity.dialogFragment.setArguments(bundle);
    IndexActivity.dialogFragment.show(getFragmentManager(), "AddProductDialogFragment");

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1d2VpX25ldA_size_16_color_FFFFFF_t_70]: /images/20220512/e0d5a44f03bb42b7a90ca3143c153a9d.png