How can I display a list view in an Android Alert Dialog

Question

In an Android application  I want to display a custom list view in an AlertDialog    How can I do this

User · Answer

This is too simple   final CharSequence   items     Take Photo    Choose from Library    Cancel     AlertDialog Builder builder   new AlertDialog Builder MyProfile this    builder setTitle  Add Photo     builder setItems items  new DialogInterface OnClickListener          Override     public void onClick DialogInterface dialog  int item            if  items item  equals  Take Photo                  getCapturesProfilePicFromCamera              else if  items item  equals  Choose from Library                  getProfilePicFromGallery              else if  items item  equals  Cancel                  dialog dismiss                        builder show

User · Answer

Use the  import android app AlertDialog   import and then you write       String   items                                    AlertDialog Builder build   new AlertDialog Builder context       build setItems items  new DialogInterface OnClickListener              Override         public void onClick DialogInterface dialog  int which                  do stuff                      create   show

User · Answer

You can use a custom dialog   Custom dialog layout  list xml       lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout     xmlns android  http   schemas android com apk res android       android layout width  wrap content      android layout height  wrap content  gt       lt ListView         android id    id lv          android layout width  wrap content          android layout height  fill parent   gt   lt  LinearLayout gt    In your activity  Dialog dialog   new Dialog Activity this          dialog setContentView R layout list   ListView lv    ListView   dialog findViewById R id lv   dialog setCancelable true   dialog setTitle  ListView    dialog show      Edit   Using alertdialog  String names      A   B   C   D    AlertDialog Builder alertDialog   new AlertDialog Builder MainActivity this   LayoutInflater inflater   getLayoutInflater    View convertView    View  inflater inflate R layout custom  null   alertDialog setView convertView   alertDialog setTitle  List    ListView lv    ListView  convertView findViewById R id lv   ArrayAdapter lt String gt  adapter   new ArrayAdapter lt String gt  this android R layout simple list item 1 names   lv setAdapter adapter   alertDialog show      custom xml   lt  xml version  1 0  encoding  utf-8   gt   lt ListView xmlns android  http   schemas android com apk res android      android id    id listView1      android layout width  fill parent      android layout height  fill parent   gt    lt  ListView gt    Snap

User · Answer

Isn t it smoother to make a method to be called after the creation of the EditText unit in an AlertDialog  for general use    public static void EditTextListPicker final Activity activity  final EditText EditTextItem  final String SelectTitle  final String   SelectList        EditTextItem setOnLongClickListener new View OnLongClickListener              Override         public boolean onLongClick View v                AlertDialog Builder builder   new AlertDialog Builder activity               builder setTitle SelectTitle               builder setItems SelectList  new DialogInterface OnClickListener                     public void onClick DialogInterface dialogInterface  int item                        EditTextItem setText SelectList item                                                  builder create   show                return false

User · Answer

final CharSequence   items     A    B    C     AlertDialog Builder builder   new AlertDialog Builder this   builder setTitle  Make your selection    builder setItems items  new DialogInterface OnClickListener         public void onClick DialogInterface dialog  int item               Do something with the selection         mDoneButton setText items item              AlertDialog alert   builder create    alert show

User · Answer

private void AlertDialogue final List lt Animals gt  animals     final AlertDialog Builder alertDialog   new AlertDialog Builder AdminActivity this    alertDialog setTitle  Filter by tag      final String   animalsArray   new String animals size       for  int i   0  i  lt  tags size    i        animalsArray i    tags get i  getanimal          final int checkedItem   0   alertDialog setSingleChoiceItems animalsArray  checkedItem  new DialogInterface OnClickListener        Override   public void onClick DialogInterface dialog  int which        Log e TAG   onClick      animalsArray which                 AlertDialog alert   alertDialog create     alert setCanceledOnTouchOutside false    alert show

User · Answer

This is how to show custom layout dialog with custom list item  can be customised as per your requirement   STEP - 1 Create the layout of the DialogBox ie - R layout assignment dialog list view  lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt LinearLayout xmlns android  quot http   schemas android com apk res android quot      android layout width  quot match parent quot      android layout height  quot match parent quot      android background  quot  drawable rectangle round corner assignment alert quot      android orientation  quot vertical quot  gt       lt TextView         android id  quot   id tv popup title quot          android layout width  quot match parent quot          android layout height  quot wrap content quot          android layout marginBottom  quot 8dp quot          android singleLine  quot true quot          android paddingStart  quot 4dp quot          android text  quot View as  quot          android textColor  quot  4f4f4f quot    gt        lt ListView         android id  quot   id lv assignment users quot          android layout width  quot match parent quot          android layout height  quot 0dp quot          android layout weight  quot 1 quot    gt   lt  LinearLayout gt   STEP - 2 Create custom list item layout as per your business logic R layout item assignment dialog list layout  lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt LinearLayout xmlns android  quot http   schemas android com apk res android quot      xmlns tools  quot http   schemas android com tools quot      android layout width  quot match parent quot      android layout height  quot wrap content quot      android gravity  quot center quot      android padding  quot 4dp quot      android orientation  quot horizontal quot  gt       lt ImageView         android id  quot   id iv user profile image quot          android visibility  quot visible quot          android layout width  quot 42dp quot          android layout height  quot 42dp quot    gt       lt TextView         android id  quot   id tv user name quot          android layout width  quot match parent quot          android layout height  quot wrap content quot          android paddingTop  quot 8dp quot          android layout marginStart  quot 8dp quot          android paddingBottom  quot 8dp quot          android textColor  quot  666666 quot          android textSize  quot 18sp quot          tools text  quot ABCD XYZ quot    gt   lt  LinearLayout gt   STEP - 3 Create a Data model class of your own choice public class AssignmentUserModel    private String userId  private String userName  private String userRole  private Bitmap userProfileBitmap   public AssignmentUserModel String userId  String userName  String userRole  Bitmap userProfileBitmap        this userId   userId      this userName   userName      this userRole   userRole      this userProfileBitmap   userProfileBitmap      public String getUserId         return userId     public void setUserId String userId        this userId   userId     public String getUserName         return userName     public void setUserName String userName        this userName   userName     public String getUserRole         return userRole     public void setUserRole String userRole        this userRole   userRole     public Bitmap getUserProfileBitmap         return userProfileBitmap     public void setUserProfileBitmap Bitmap userProfileBitmap        this userProfileBitmap   userProfileBitmap        STEP - 4 Create custom adapter public class UserListAdapter extends ArrayAdapter lt AssignmentUserModel gt    private final Context context  private final List lt AssignmentUserModel gt  userList      public UserListAdapter  NonNull Context context  int resource   NonNull List lt AssignmentUserModel gt  objects        super context  resource  objects       userList   objects      this context   context       SuppressLint  quot ViewHolder quot    NonNull  Override public View getView int position   Nullable View convertView   NonNull ViewGroup parent        LayoutInflater inflater    LayoutInflater  context              getSystemService Context LAYOUT INFLATER SERVICE       View rowView   inflater inflate R layout item assignment dialog list layout  parent  false       ImageView profilePic   rowView findViewById R id iv user profile image       TextView userName   rowView findViewById R id tv user name       AssignmentUserModel user   userList get position        userName setText user getUserName          Bitmap bitmap   user getUserProfileBitmap         profilePic setImageDrawable bitmap        return rowView        STEP - 5 Create this function and provide ArrayList of above data model in this method    Pass list of your model as arraylist private void showCustomAlertDialogBoxForUserList ArrayList lt AssignmentUserModel gt  allUsersList            final Dialog dialog   new Dialog mActivity           dialog setContentView R layout assignment dialog list view           if  dialog getWindow      null                dialog getWindow   setBackgroundDrawable new ColorDrawable Color TRANSPARENT       this is optional                   ListView listView   dialog findViewById R id lv assignment users           TextView tv   dialog findViewById R id tv popup title           ArrayAdapter arrayAdapter   new UserListAdapter context  R layout item assignment dialog list layout  allUsersList           listView setAdapter arrayAdapter           listView setOnItemClickListener  adapterView  view  which  l  - gt                Log d TAG   quot showAssignmentsList   quot    allUsersList get which  getUserId                   TODO   Listen to click callbacks at the position                     dialog show           Step - 6 Giving round corner background to dialog box  drawable rectangle round corner assignment alert      lt  xml version  quot 1 0 quot  encoding  quot UTF-8 quot   gt   lt shape xmlns android  quot http   schemas android com apk res android quot  gt       lt solid android color  quot  ffffffff quot    gt       lt corners android radius  quot 16dp quot    gt       lt padding         android bottom  quot 16dp quot          android left  quot 16dp quot          android right  quot 16dp quot          android top  quot 16dp quot    gt   lt  shape gt

User · Answer

As a beginner I would suggest you go through http   www mkyong com android android-custom-dialog-example   I ll rundown what it basically does   Creates an XML file for the dialog and main Activity In the main activity in the required place creates an object of android class Dialog Adds custom styling and text based on the XML file Calls the dialog show   method

User · Answer

In Kotlin   fun showListDialog context  Context          setup alert builder     val builder   AlertDialog Builder context      builder setTitle  Choose an Item           add list items     val listItems   arrayOf  Item 0   Item 1   Item 2       builder setItems listItems    dialog  which - gt          when  which                0 - gt                   Toast makeText context  You Clicked Item 0  Toast LENGTH LONG  show                   dialog dismiss                             1- gt                   Toast makeText context  You Clicked Item 1  Toast LENGTH LONG  show                   dialog dismiss                             2- gt                   Toast makeText context  You Clicked Item 2  Toast LENGTH LONG  show                   dialog dismiss                                         create  amp  show alert dialog     val dialog   builder create       dialog show

User · Answer

Used below code to display custom list in AlertDialog  AlertDialog Builder builderSingle   new AlertDialog Builder DialogActivity this   builderSingle setIcon R drawable ic launcher   builderSingle setTitle  Select One Name -     final ArrayAdapter lt String gt  arrayAdapter   new ArrayAdapter lt String gt  DialogActivity this  android R layout select dialog singlechoice   arrayAdapter add  Hardik    arrayAdapter add  Archit    arrayAdapter add  Jignesh    arrayAdapter add  Umang    arrayAdapter add  Gatti     builderSingle setNegativeButton  cancel   new DialogInterface OnClickListener                  Override             public void onClick DialogInterface dialog  int which                    dialog dismiss                               builderSingle setAdapter arrayAdapter  new DialogInterface OnClickListener                  Override             public void onClick DialogInterface dialog  int which                    String strName   arrayAdapter getItem which                   AlertDialog Builder builderInner   new AlertDialog Builder DialogActivity this                   builderInner setMessage strName                   builderInner setTitle  Your Selected Item is                    builderInner setPositiveButton  Ok   new DialogInterface OnClickListener                                  Override                             public void onClick DialogInterface dialog int which                                    dialog dismiss                                                                              builderInner show                              builderSingle show

User · Answer

You can actually create a simple Array with Alert Dialog like this   val sexArray   arrayOf  quot Male quot    quot Female quot    val selectedPosition   0   AlertDialog Builder requireContext         setSingleChoiceItems sexArray  0    dialog  position - gt          val selectedSex   sexArray position        show

User · Answer

According to the documentation  there are three kinds of lists that can be used with an AlertDialog    Traditional single-choice list Persistent single-choice list  radio buttons  Persistent multiple-choice list  checkboxes    I will give an example of each below   Traditional single-choice list  The way to make a traditional single-choice list is to use setItems     Java version     setup the alert builder AlertDialog Builder builder   new AlertDialog Builder context   builder setTitle  Choose an animal        add a list String   animals     horse    cow    camel    sheep    goat    builder setItems animals  new DialogInterface OnClickListener          Override     public void onClick DialogInterface dialog  int which            switch  which                case 0     horse             case 1     cow             case 2     camel             case 3     sheep             case 4     goat                         create and show the alert dialog AlertDialog dialog   builder create    dialog show      There is no need for an OK button because as soon as the user clicks on a list item control is returned to the OnClickListener   Kotlin version     setup the alert builder val builder   AlertDialog Builder context  builder setTitle  Choose an animal       add a list val animals   arrayOf  horse    cow    camel    sheep    goat   builder setItems animals    dialog  which - gt      when  which            0 - gt       horse              1 - gt       cow                2 - gt       camel              3 - gt       sheep              4 - gt       goat                   create and show the alert dialog val dialog   builder create   dialog show     Radio button list    The advantage of the radio button list over the traditional list is that the user can see what the current setting is  The way to make a radio button list is to use setSingleChoiceItems   Java version     setup the alert builder AlertDialog Builder builder   new AlertDialog Builder context   builder setTitle  Choose an animal        add a radio button list String   animals     horse    cow    camel    sheep    goat    int checkedItem   1     cow builder setSingleChoiceItems animals  checkedItem  new DialogInterface OnClickListener          Override     public void onClick DialogInterface dialog  int which               user checked an item               add OK and Cancel buttons builder setPositiveButton  OK   new DialogInterface OnClickListener          Override     public void onClick DialogInterface dialog  int which               user clicked OK           builder setNegativeButton  Cancel   null       create and show the alert dialog AlertDialog dialog   builder create    dialog show      I hard coded the chosen item here  but you could keep track of it with a class member variable in a real project   Kotlin version     setup the alert builder val builder   AlertDialog Builder context  builder setTitle  Choose an animal       add a radio button list val animals   arrayOf  horse    cow    camel    sheep    goat   val checkedItem   1    cow builder setSingleChoiceItems animals  checkedItem    dialog  which - gt         user checked an item        add OK and Cancel buttons builder setPositiveButton  OK     dialog  which - gt         user clicked OK   builder setNegativeButton  Cancel   null      create and show the alert dialog val dialog   builder create   dialog show     Checkbox list    The way to make a checkbox list is to use setMultiChoiceItems   Java version     setup the alert builder AlertDialog Builder builder   new AlertDialog Builder context   builder setTitle  Choose some animals        add a checkbox list String   animals     horse    cow    camel    sheep    goat    boolean   checkedItems    true  false  false  true  false   builder setMultiChoiceItems animals  checkedItems  new DialogInterface OnMultiChoiceClickListener          Override     public void onClick DialogInterface dialog  int which  boolean isChecked               user checked or unchecked a box               add OK and Cancel buttons builder setPositiveButton  OK   new DialogInterface OnClickListener          Override     public void onClick DialogInterface dialog  int which               user clicked OK           builder setNegativeButton  Cancel   null       create and show the alert dialog AlertDialog dialog   builder create    dialog show      Here I hard coded the the which items in the list were already checked  It is more likely that you would want to keep track of them in an ArrayList lt Integer gt   See the documentation example for more details  You can also set the checked items to null if you always want everything to start unchecked   Kotlin version     setup the alert builder val builder   AlertDialog Builder context  builder setTitle  Choose some animals       add a checkbox list val animals   arrayOf  horse    cow    camel    sheep    goat   val checkedItems   booleanArrayOf true  false  false  true  false  builder setMultiChoiceItems animals  checkedItems    dialog  which  isChecked - gt         user checked or unchecked a box       add OK and Cancel buttons builder setPositiveButton  OK     dialog  which - gt         user clicked OK   builder setNegativeButton  Cancel   null      create and show the alert dialog val dialog   builder create   dialog show     Notes   For the context in the code above  don t use getApplicationContext   or you will get an IllegalStateException  see here for why   Instead  get a reference to the activity context  such as with this  You can also populate the list items from a database or another source using setAdapter or setCursor or passing in a Cursor or ListAdapter into the setSingleChoiceItems or setMultiChoiceItems  If the list is longer than will fit on the screen then the dialog will automatically scroll it  If you have a really long list  though  I m guessing that you should probably make a custom dialog with a RecyclerView  To test all of the examples above I just had a simple project with a single button than showed the dialog when clicked   import android support v7 app AppCompatActivity   public class MainActivity extends AppCompatActivity        Context context        Override     protected void onCreate Bundle savedInstanceState            super onCreate savedInstanceState           setContentView R layout activity main           context   this             public void showAlertDialogButtonClicked View view                example code to create alert dialog lists goes here            Related   Android Alert Dialog with one  two  and three buttons  How to implement a custom AlertDialog View

[android] How can I display a list view in an Android Alert Dialog?

Examples related to android

Examples related to android-alertdialog