Android自定義樣式圓角dialog對話框

Posted on by

本文實例為大傢分享瞭Android創建自定義樣式圓角dialog對話框的具體代碼，供大傢參考，具體內容如下

效果如上，圓角對話框，標題和正文都可以自己設定

做法：

1.在res文件的layout文件夾創建自己的對話框佈局，命名為my_dialog.xml
2.在res文件的drawable文件夾創建自己的對話框樣式（圓角），命名為my_dialog_shape.xml
3.寫一個方法調用對話框佈局，觸發條件自定義，這裡我是寫瞭一個按鈕，在按鈕的點擊事件裡調用方法，彈出對話框。在這個方法裡可以定義對話框的標題、正文、點擊確定或取消時觸發的事件等，還可以設定對話框在屏幕上的顯示位置
4.在需要彈出對話框的地方調用方法

上代碼：

1.在res文件的layout文件夾創建自己的對話框佈局，命名為my_dialog.xml

對話框內部控件的顯示位置都可以在這裡自己調整

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginHorizontal="16dp">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:textColor="@color/black"
        android:textStyle="bold"
        android:layout_marginTop="14dp"
        android:gravity="center"
        android:layout_gravity="center"
        android:id="@+id/title"/>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="16sp"
        android:textColor="@color/black"
        android:layout_marginTop="16dp"
        android:layout_marginHorizontal="16dp"
        android:gravity="center"
        android:layout_gravity="center"
        android:id="@+id/message"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginHorizontal="20dp"
        android:layout_marginTop="16dp">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="取消"
            android:textSize="16sp"
            android:textColor="@color/white"
            android:background="@null"
            android:layout_marginRight="14dp"
            android:id="@+id/btn_cancel"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="確定"
            android:textSize="16sp"
            android:textColor="@color/white"
            android:id="@+id/btn_confirm"/>
    </LinearLayout>

</LinearLayout>

2.在res文件的drawable文件夾創建自己的對話框樣式（圓角），命名為my_dialog_shape.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="20dp"/>
</shape>

3.寫一個方法調用對話框佈局，觸發條件自定義，這裡我是寫瞭一個按鈕，在按鈕的點擊事件裡調用方法，彈出對話框。在這個方法裡可以定義對話框的標題、正文、點擊確定或取消時觸發的事件等，還可以設定對話框在屏幕上的顯示位置

public void my_dialog(Context context)  {
        View inflateLayout = LayoutInflater.from(context).inflate(R.layout.my_dialog,null);
        TextView unbind_title = (TextView) inflateLayout.findViewById(R.id.title);
        unbind_title.setText("標題");
        TextView unbind_message = (TextView) inflateLayout.findViewById(R.id.message);
        unbind_message.setText("正文");
        AlertDialog builderDialog = new AlertDialog.Builder(context)
                .setView(inflateLayout)
                .setCancelable(false)  //使用戶隻能通過點擊對話框的確定或取消關閉對話框
                .create();

        inflateLayout.findViewById(R.id.btn_confirm).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(context, "你點擊瞭確定", Toast.LENGTH_SHORT).show();
                builderDialog.dismiss();
            }
        });

        inflateLayout.findViewById(R.id.btn_cancel).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(context, "你點擊瞭取消", Toast.LENGTH_SHORT).show();
                builderDialog.dismiss();
            }
        });
        builderDialog.getWindow().setBackgroundDrawableResource(R.drawable.my_dialog_shape); //設置對話框的樣式
        WindowManager.LayoutParams params = builderDialog.getWindow().getAttributes();
        params.y = 1000;
        builderDialog.getWindow().setAttributes(params);
        builderDialog.show();
        builderDialog.getWindow().setGravity(Gravity.TOP); //設置對話框展示在距離屏幕頂部1000的位置
    }

4.在需要彈出對話框的地方調用方法

例如：我在MainActivity裡點擊瞭一下button，觸發瞭彈出對話框的方法

Button pops_up = (Button) findViewById(R.id.pops_up);
        pops_up.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                my_dialog(MainActivity.this);
            }
        });

代碼完整，歡迎指正

以上就是本文的全部內容，希望對大傢的學習有所幫助，也希望大傢多多支持WalkonNet。

推薦閱讀：