Android Custom Dialog Design

Question

Я работаю над настраиваемым диалоговым окном для своего приложения. Однако у меня есть некоторые проблемы с дизайном. Я хочу создать следующее:

Я почти все сделано, только одна часть отсутствует. Граница, которую я выделил здесь в черном (которая находится в реальном приложении белого цвета, цвет фона диалога) должна быть прозрачной, но только эта черная часть.

Вот код XML:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="fill_parent" 
    android:layout_height="335dp" 
    android:orientation="vertical" > 

    <RelativeLayout 
     android:layout_width="75dp" 
     android:layout_height="75dp" 
     android:layout_gravity="center_horizontal" 
     android:adjustViewBounds="false" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" 
     android:background="@drawable/dialog_circle" 
     android:id="@+id/relativeLayout2" 
     android:translationZ="1dp" 
     android:layout_marginBottom="-35dp"> 
     <ImageView 
      android:layout_width="70dp" 
      android:layout_height="70dp" 
      android:src="@drawable/icon_big" 
      android:id="@+id/imageView5" 
      android:layout_gravity="center_horizontal" 
      android:adjustViewBounds="false" 
      android:layout_alignParentTop="true" 
      android:layout_centerHorizontal="true" 
      /> 

    </RelativeLayout> 

    <LinearLayout 
     android:id="@+id/listLayout" 
     android:layout_width="fill_parent" 
     android:layout_height="300dp" 
     android:background="@drawable/custom_dialog_background" 
     android:orientation="vertical" 
     android:layout_below="@+id/relativeLayout2"> 

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="80dp" 
     android:background="#2e7b8a" 
     android:id="@+id/relativeLayout"> 


     <ImageView 
      android:layout_width="40dp" 
      android:layout_height="40dp" 
      android:src="@drawable/close2" 
      android:id="@+id/imgClose" 
      android:layout_alignParentTop="true" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentEnd="true" 
      /> 



     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Title" 
      android:textColor="#000000" 
      android:textStyle="italic|bold" 
      android:textSize="30sp" 
      android:id="@+id/textView9" 
      android:layout_below="@+id/imgClose" 
      android:layout_centerHorizontal="true" /> 
    </RelativeLayout> 



    </LinearLayout> 
</RelativeLayout> 

Answer 1

Внутри вашего диалогового класса:

Window window = this.getWindow(); 
    window.setLayout(WindowManager.LayoutParams.MATCH_PARENT, WindowManager.LayoutParams.MATCH_PARENT); 

    requestWindowFeature(Window.FEATURE_NO_TITLE); 
    window.setBackgroundDrawable(new ColorDrawable(android.graphics.Color.TRANSPARENT)); 

Это удаляет заголовок и наиболее вероятную границу. Если вы используете DialogFragment, вы также можете определить стиль следующим образом:

int style, theme; 

    style = DialogFragment.STYLE_NO_FRAME; 
    theme = android.R.style.Theme_Holo_Dialog; 


    setStyle(style, theme); 

Answer 2

попробуйте вот так.

<style name="MY.DIALOG" parent="Theme.AppCompat.Light.Dialog"> 
    <item name="android:windowNoTitle">true</item> 
    <item name="android:windowIsTranslucent">true</item> 
    <item name="android:windowBackground">@android:color/black</item> 


</style> 

public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setStyle(DialogFragment.STYLE_NORMAL, R.style.MY_DIALOG); 

}