Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • Giving Android Dialog a custom layout.

    @akhilesh.matura
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 683
    Comment on it

    We see situations while developing an app that we need to put certain things inside the Android Dialog box. Here is how we can achieve the same:

    First, create the layout that you want to give to the Dialog. Below is a sample layout:

    custom_dialog.xml

    1. <LinearLayout
    2.     android:layout_width="match_parent"
    3.     android:layout_height="match_parent"
    4.     android:background="@android:color/white"
    5.     android:gravity="center_horizontal"
    6.     android:orientation="vertical" >
    7.  
    8.     <RelativeLayout
    9.         android:layout_width="fill_parent"
    10.         android:layout_height="55dp"
    11.         android:background="@drawable/header" 
    12.         android:padding="1dp">
    13.  
    14.         <ImageView
    15.             android:id="@+id/close_dialog"
    16.             android:layout_width="52dp"
    17.             android:layout_height="52dp"
    18.             android:layout_alignParentLeft="true"
    19.             android:layout_centerVertical="true"
    20.             android:layout_marginLeft="10dp"
    21.             android:onClick="onClick"
    22.             android:src="@drawable/backbtn" />
    23.     </RelativeLayout>
    24.  
    25.     <LinearLayout
    26.         android:id="@+id/buttons"
    27.         android:layout_width="fill_parent"
    28.         android:layout_height="wrap_content"
    29.         android:layout_marginTop="25dp"
    30.         android:gravity="center"
    31.         android:orientation="horizontal" >
    32.  
    33.         <ImageView
    34.             android:id="@+id/retake"
    35.             android:layout_width="wrap_content"
    36.             android:layout_height="wrap_content"
    37.             android:src="@drawable/fail_retake" />
    38.  
    39.         <ImageView
    40.             android:id="@+id/addManually"
    41.             android:layout_width="wrap_content"
    42.             android:layout_height="wrap_content"
    43.             android:layout_marginLeft="30dp"
    44.             android:src="@drawable/add_manually" />
    45.     </LinearLayout>
    46. </LinearLayout>

    And below is the method that you can call to show the Dialog with custom layout we made above:

    1.    void showCustomDialog()
    2.     {
    3.         final Dialog dialog = new Dialog(this, android.R.style.Theme_Black_NoTitleBar_Fullscreen);
    4.         dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
    5.         dialog.setCancelable(false);
    6.         dialog.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);
    7.         dialog.setContentView(R.layout.custom_dialog);
    8.  
    9.  ImageView use = (ImageView) dialog.findViewById(R.id.addManually);
    10.     ImageView retake = (ImageView) dialog.findViewById(R.id.retake);
    11.     ImageView closeImage = (ImageView) dialog.findViewById(R.id.close_dialog);
    12.     use.setOnClickListener(new OnClickListener()
    13.     {
    14.         @Override
    15.         public void onClick(View v) 
    16.         {
    17.             Intent intent = new Intent(CaptureActivity.this, AddManually.class);
    18.             this.startActivity(intent);
    19.             dialog.dismiss();
    20.             this.finish();
    21.         }
    22.     });
    23.     retake.setOnClickListener(new OnClickListener()
    24.     {
    25.         @Override
    26.         public void onClick(View v) 
    27.         {
    28.             dialog.dismiss();         
    29.         }
    30.     });
    31.     closeImage.setOnClickListener(new OnClickListener()
    32.     {
    33.         @Override
    34.         public void onClick(View v) 
    35.         {
    36.             dialog.dismiss();         
    37.         }
    38.     }); 
    39.     dialog.show();
    40. }

    We can use many buttons or images or any views inside the above layout according to our needs and perform various actions for further navigation using them.

    Custom dialog
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: