android 自定义提示框效果(1)

    在android 项目中，很多时候要用到弹出框效果，不过系统自带的AlertDialog样式有时满足不了我们项目的需求，这时就要自定义提示框效果了，比如如下这种圆角矩形的提示框效果：

下面我写两种方式去实现它：

第一种：.自定义View的形式

写个类继承Dialog，在构造方法中setContentView()设置布局文件，然后注册监听事件

activity 布局activity_cancel_dialog.xml文件

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <Button
        android:id="@+id/btn_one"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="第一种写法"/>

</LinearLayout>

对话框cancel_pay_dialog.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="wrap_content"
              android:orientation="vertical"

    >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:background="@drawable/rectangle"
        android:orientation="vertical"
        >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:paddingBottom="10dp"
            android:paddingTop="10dp"
            android:text="您确定取消此操作吗？"
            android:textColor="@color/black"
            android:textSize="20sp"/>

        <View
            android:layout_width="wrap_content"
            android:layout_height="0.6dp"
            android:background="@color/line"/>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/tv_no"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center_horizontal"
                android:paddingBottom="10dp"
                android:paddingTop="10dp"
                android:text="否"
                android:textColor="@color/blue"
                android:textSize="20sp"/>

            <View
                android:layout_width="0.6dp"
                android:layout_height="match_parent"
                android:background="@color/line"
                />

            <TextView
                android:id="@+id/tv_yes"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center_horizontal"
                android:paddingBottom="10dp"
                android:paddingTop="10dp"
                android:text="是"
                android:textColor="@color/blue"
                android:textSize="20sp"/>

        </LinearLayout>
    </LinearLayout>
</LinearLayout>
圆角矩形样式

rectangle.xml文件
<?xml version="1.0" encoding="utf-8"?>
<!--画矩形  -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
<!-- 实心填充 -->
    <solid android:color="@color/white" />
<!-- 边角的圆弧半径 -->
   <corners android:radius="10dp" />

</shape>


color值
<color name="white">#FFFFFF</color>
<color name="blue">#007aff</color>

<color name="line">#dcdcdc</color>
<color name="black">#323232</color>

自定义View

public class CancelPayDialog extends Dialog {
    public CancelPayDialog(Context context) {
        super(context, R.style.PayModeDialog);
        setContentView(R.layout.cancel_pay_dialog);
        setCancelable(false);
        setCanceledOnTouchOutside(false);//把对话框变成模态
    }

    public void setOnClick(View.OnClickListener onClick) {
        findViewById(R.id.tv_yes).setOnClickListener(onClick);
        findViewById(R.id.tv_no).setOnClickListener(onClick);
    }
}

public class CancelPayDialogActivity extends Activity {

    CancelPayDialog CancelPayDialog;
    Dialog cancelPayDialog;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_cancel_dialog);
        //第一种写法
        findViewById(R.id.btn_one).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                CancelPayDialog = new CancelPayDialog(CancelPayDialogActivity.this);
                CancelPayDialog.setOnClick(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        switch (v.getId()) {
                            case R.id.tv_yes://确定
                             //可以放要处理的操作
                                break;
                            case R.id.tv_no://取消
                                CancelPayDialog.dismiss();
                                break;
                            default:
                                break;
                        }
                    }
                });
                CancelPayDialog.show();
            }
        });
  
}

样式文件

<style name="PayModeDialog">
    <item name="android:windowFrame">@null</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowBackground">@color/transparent</item>
    <item name="android:windowIsFloating">true</item>
    <item name="android:windowContentOverlay">@null</item>
</style>