使用XPopop建立自定義詢問框

編者：李國帥

時間：2019/11/14

背景:

Xpopup是一套比較好用的視窗彈出元件，可以友善的自定義彈出框口，然後調用很少的代碼即可實作想要的效果。這篇小文介紹如何自定義詢問框的方法。

效果：

所需資源：

Android studio，xpopup

布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:layout_gravity="center_horizontal"
    android:background="@drawable/dialog_round_shape"
    android:elevation="5dp"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="320dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"

        android:gravity="center_horizontal"
        android:orientation="vertical">

        <TextView
            android:id="@+id/dialog_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="15dp"

            android:textColor="#333333"
            android:textSize="17sp"
            android:visibility="gone"
            tools:text="左右兩個按鈕的彈出框" />


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="15dp"
            android:gravity="center"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/dialog_content"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:alpha="0.9"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"
                android:clickable="true"
                android:gravity="center"
                android:text=" "
                android:textColor="#333333"
                android:textSize="17sp" />

        </LinearLayout>

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_marginTop="15dp"

            android:background="#DDDDDD" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"

            android:orientation="horizontal">

            <TextView
                android:id="@+id/dialog_cancel_btn"
                android:layout_width="68dp"
                android:layout_height="48dp"
                android:layout_gravity="center"
                android:layout_weight="1"
                android:alpha="0.9"

                android:gravity="center"
                android:paddingTop="10dp"
                android:paddingBottom="14dp"
                android:text="取消"

                android:textColor="#666666"
                android:textSize="17sp" />

            <View
                android:layout_width="1dp"
                android:layout_height="match_parent"


                android:background="#DDDDDD" />

            <TextView
                android:id="@+id/dialog_sure_btn"
                android:layout_width="68dp"
                android:layout_height="48dp"
                android:layout_gravity="center"
                android:layout_weight="1"
                android:alpha="0.9"

                android:gravity="center"
                android:paddingTop="10dp"
                android:paddingBottom="14dp"
                android:text="确定"
                android:textColor="#00D294"
                android:textSize="17sp" />


        </LinearLayout>
    </LinearLayout>

</LinearLayout>      

代碼：