Android中自定义Dialog外形，去除黑底和白色边框

灰太狼 2022-06-18 05:59 228阅读 0赞

在做Android开发中经常会使用到自定义样式的Dialog，尤其是在游戏当中，大家通常都是通过自定义一个布局文件来设置Dialog中显示的内容，但是仅仅这样还是不行的~会有黑色的框和白色的边。这就需要我们自定义Dialog的样式了。

首先上图：

![0_13182132270Qdd.gif][]

首先是Dialog的布局文件：

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:background="@drawable/bg">
     
      <ImageView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:src="@drawable/img1"
      android:layout_alignParentLeft="true"
      android:layout_centerVertical="true"
    
      android:id="@+id/img1"
      />
     
       <ImageView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:src="@drawable/img2"
      android:layout_alignParentRight="true"
      android:layout_centerVertical="true"
      android:id="@+id/img1"
      />
     
    </RelativeLayout>

然后是Dialog的样式

Java代码部分：

package com.laohuai.customdialog;
    
    import com.laohuai.intenttest.R;
    
    import android.app.Activity;
    import android.app.Dialog;
    import android.os.Bundle;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.widget.Button;
    
    public class Main extends Activity {
     private Button button;
    
     private Dialog dialog;
    
     @Override
     public void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.main);
    
      button = (Button) findViewById(R.id.button);
    
      dialog = new Dialog(this);
      dialog.setContentView(R.layout.test_dialog);
      dialog.setCancelable(true);
    
      button.setOnClickListener(new OnClickListener() {
    
       @Override
       public void onClick(View v) {
        dialog.show();
       }
      });
     }
    }

[0_13182132270Qdd.gif]: /images/20220618/362f06d742cc4e35b9f18262642f32de.png