Custom Dialog box With Animation

 Here is the full code for In the button_gradient.xml file in your res/drawable directory, you can define the gradient like this:

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="#FF3366"
        android:endColor="#FF9933"
        android:angle="45" />
</shape>

Background XML Design Code background.xml file in your res/drawable directory

Picture 

1 2 3

<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <!-- Drop Shadow Stack --> <item> <shape> <padding android:bottom="1dp" android:left="1dp" android:right="1dp" android:top="1dp" /> <solid android:color="#00CCCCCC" /> <corners android:radius="3dp" /> </shape> </item> <item> <shape> <padding android:bottom="1dp" android:left="1dp" android:right="1dp" android:top="1dp" /> <solid android:color="#10CCCCCC" /> <corners android:radius="3dp" /> </shape> </item> <item> <shape> <padding android:bottom="1dp" android:left="1dp" android:right="1dp" android:top="1dp" /> <solid android:color="#20CCCCCC" /> <corners android:radius="3dp" /> </shape> </item> <item> <shape> <padding android:bottom="1dp" android:left="1dp" android:right="1dp" android:top="1dp" /> <solid android:color="#30CCCCCC" /> <corners android:radius="3dp" /> </shape> </item> <item> <shape> <padding android:bottom="1dp" android:left="1dp" android:right="1dp" android:top="1dp" /> <solid android:color="#50CCCCCC" /> <corners android:radius="3dp" /> </shape> </item> <!-- Background --> <item> <shape> <solid android:color="@android:color/white" /> <corners android:radius="3dp" /> </shape> </item> </layer-list>

Open styles.xml file and add the following code.

1. Open your project's res directory.
2. Inside the res directory, locate the values directory.
3. Create a new file named styles.xml inside the values directory.
4. Open the styles.xml file.
5. Add the following content to define the 'DialogAnimation' style:

<resources>
    <style name="DialogAnimation">
        <item name="android:windowEnterAnimation">@android:anim/slide_in_left</item>
        <item name="android:windowExitAnimation">@android:anim/slide_out_right</item>
    </style>
</resources>

Java Code :

1 2 3

private void showAlertDialog() { AlertDialog.Builder dialogBuilder = new AlertDialog.Builder(this); RelativeLayout relativeLayout = new RelativeLayout(this); relativeLayout.setLayoutParams(new RelativeLayout.LayoutParams( RelativeLayout.LayoutParams.MATCH_PARENT, RelativeLayout.LayoutParams.WRAP_CONTENT)); LinearLayout linearLayout = new LinearLayout(this); linearLayout.setLayoutParams(new LinearLayout.LayoutParams( LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT)); linearLayout.setOrientation(LinearLayout.VERTICAL); linearLayout.setId(View.generateViewId()); linearLayout.setBackgroundResource(R.drawable.recyclerview_background_cell); ImageView imageView = new ImageView(this); LinearLayout.LayoutParams imageLayoutParams = new LinearLayout.LayoutParams( dpToPx(80), dpToPx(80)); imageLayoutParams.gravity = Gravity.CENTER; imageView.setLayoutParams(imageLayoutParams); imageLayoutParams.setMargins(0, dpToPx(8), 0, dpToPx(8)); imageView.setImageResource(R.drawable.edit_show_icon); imageView.setScaleType(ImageView.ScaleType.CENTER); TextView textView = new TextView(this); textView.setLayoutParams(new LinearLayout.LayoutParams( LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT)); textView.setText("Edit text"); textView.setTextColor(Color.BLACK); textView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 26); textView.setTypeface(null, Typeface.BOLD); textView.setPadding(dpToPx(8), dpToPx(8), dpToPx(8), dpToPx(8)); EditText editText = new EditText(this); editText.setLayoutParams(new LinearLayout.LayoutParams( LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT)); // editText.setText("Everything is working"); editText.setTextSize(TypedValue.COMPLEX_UNIT_SP, 22); editText.setTypeface(null, Typeface.BOLD); editText.setHint("Please Edit text"); editText.setPadding(0, 0, 0, dpToPx(20)); RelativeLayout.LayoutParams buttonLayoutParams = new RelativeLayout.LayoutParams( RelativeLayout.LayoutParams.MATCH_PARENT, RelativeLayout.LayoutParams.WRAP_CONTENT); buttonLayoutParams.addRule(RelativeLayout.ALIGN_BOTTOM,linearLayout.getId()); Button button = new Button(this); button.setLayoutParams(buttonLayoutParams); button.setText("Save"); button.setTextColor(getResources().getColor(R.color.black)); button.setTextSize(TypedValue.COMPLEX_UNIT_SP, 18); button.setBackgroundResource(R.drawable.button_gradient); // button.setPadding(dpToPx(16), dpToPx(8), dpToPx(16), dpToPx(8)); linearLayout.removeAllViews(); linearLayout.addView(imageView); linearLayout.addView(textView); relativeLayout.removeAllViews(); linearLayout.addView(editText); relativeLayout.addView(linearLayout); relativeLayout.addView(button); dialogBuilder.setView(relativeLayout); AlertDialog alertDialog = dialogBuilder.create(); //create button reference button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // Handle button click event alertDialog.dismiss(); } }); alertDialog.getWindow().getAttributes().windowAnimations = R.style.DialogAnimation; alertDialog.getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT)); alertDialog.show(); }

In the code above, replace parentLayout with the actual layout where you want to add the dynamically created LinearLayout. Also, make sure to replace R.drawable.recyclerview_background_cell, R.drawable.edit_show_icon, R.drawable.button_gradient, and R.color.black with the respective resource identifiers in your project.

The dpToPx() method is a utility method to convert density-independent pixels (dp) to pixels (px). You can define this method as follows:

1 2 3

private int dpToPx(int dp) { float density = getResources().getDisplayMetrics().density; return Math.round(dp * density); }