Adding a close button to a DialogFragment

I've been trying to make a DialogFragment have a close button in the top left, as seen in the photo. What the final result should look like (Sorry about the text, it's in romanian) Could anyone tell me how I could go about doing that?

Here's the layout for the fragment:

<android.support.constraint.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="5dp"
android:layout_marginTop="10dp"
android:background="#FFFFFF"
android:gravity="center"
android:orientation="vertical"
android:paddingBottom="-50dp" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Sample Text"/>
<!---add your views here-->
</LinearLayout>

<ImageView
android:id="@+id/imageView_close"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
android:clickable="true"
android:src="@drawable/ic_close_dialog" />


The way the fragment looks now: A small box where the image and text are overlayed

3 Answers
3

You can create a custom layout and use

dialog.setContentView(R.layout.custom_view);


Refer custom dialog with close button

If it still comes like it does in the picture, a possibility is that the container view for this constraint layout has wrap_content as its width and height.

Create a custom dialog class that extends dialog and then use an xml file to define your layout like you would for an activity.

public class CustomDialogClass extends Dialog

public CustomDialogClass(Activity a)
super(a);


@Override
protected void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.custom_dialog);




And have your custom_dialog.xml layout file define the layout

custom_dialog.xml

on your button click use :

if (mProgressDialog != null)
if (mProgressDialog.isShowing())
mProgressDialog.dismiss();
mProgressDialog = null;




ProgressDialog mProgressDialog;

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.