Як я можу відобразити перегляд списку в діалоговому вікні Android Alert?


291

У додатку Android я хочу відобразити спеціальний перегляд списку в AlertDialog.

Як я можу це зробити?


Просто візьміть Список рядків, потім створіть послідовність CharSequence [], а потім використовуйте AlertDialog.Builder для показу елементів. Ось найпростіший приклад із знімком feelzdroid.com/2014/12/…
Наруто

Відповіді:


498

Нижче використовується код для відображення спеціального списку в AlertDialog

AlertDialog.Builder builderSingle = new AlertDialog.Builder(DialogActivity.this);
builderSingle.setIcon(R.drawable.ic_launcher);
builderSingle.setTitle("Select One Name:-");

final ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(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();

чи є можливість виявити довгі кліки по цим елементам? я шукаю години для
розкривного

7
@Shvet нібито show () створює та показує діалогове вікно, тоді як create () лише створює його.
хтафоя

Як я можу скористатися цим налаштуванням, але замість жорсткого кодування мого списку мені потрібно отримати деякі дані з розбору, який у користувача вже є.?
Stanley santoso

@stanleysantoso створити власний адаптер, заповнити його даними, а потім встановити його як адаптер для діалогу alardia: dialogBuilder.setAdapter (MyCustomAdapter); Це має спрацювати
CantThinkOfAthingthing

1
Що таке макет select_dialog_single_choice?
ForceFieldsForDoors

254

Відповідно до документації , існує три види списків, які можна використовувати із AlertDialog:

  1. Традиційний список з одним вибором
  2. Стійкий список з одним вибором (перемикачі)
  3. Стійкий список з декількома варіантами (прапорці)

Я наведу приклад кожного нижче.

Традиційний список з одним вибором

Спосіб складання традиційного списку з одним вибором - це використання setItems.

введіть тут опис зображення

Версія Java

// 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();

Немає необхідності в кнопці ОК, оскільки, як тільки користувач натискає на елемент елементу списку, повертається до OnClickListener.

Версія Котліна

// 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 ->
    when (which) {
        0 -> { /* horse */ }
        1 -> { /* cow   */ }
        2 -> { /* camel */ }
        3 -> { /* sheep */ }
        4 -> { /* goat  */ }
    }
}

// create and show the alert dialog
val dialog = builder.create()
dialog.show()

Список кнопок радіо

введіть тут опис зображення

Перевага списку перемикачів перед традиційним списком полягає в тому, що користувач може бачити, що таке поточне налаштування. Спосіб складання списку перемикачів - це використання setSingleChoiceItems.

Версія Java

// 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();

Я важко зашифрував вибраний елемент тут, але ви могли відстежувати його за допомогою змінної члена класу в реальному проекті.

Версія Котліна

// 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 ->
    // user checked an item
}


// add OK and Cancel buttons
builder.setPositiveButton("OK") { dialog, which ->
    // user clicked OK
}
builder.setNegativeButton("Cancel", null)

// create and show the alert dialog
val dialog = builder.create()
dialog.show()

Список прапорців

введіть тут опис зображення

Спосіб складання списку прапорців - це використання setMultiChoiceItems.

Версія Java

// 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();

Тут я важко зашифрував те, які елементи в списку вже перевірені. Більш ймовірно, що ви хочете слідкувати за ними в ArrayList<Integer>. Докладніше див. У прикладі документації . Ви також можете встановити прапорецьnull якщо ви завжди хочете, щоб все почалося без перевірки.

Версія Котліна

// 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 ->
    // user checked or unchecked a box
}

// add OK and Cancel buttons
builder.setPositiveButton("OK") { dialog, which ->
    // user clicked OK
}
builder.setNegativeButton("Cancel", null)

// create and show the alert dialog
val dialog = builder.create()
dialog.show()

Примітки

  • У contextнаведеному вище коді не використовуйте getApplicationContext()або ви отримаєте IllegalStateException(див. Тут, чому). Натомість знайдіть посилання на контекст діяльності, наприклад, зthis .
  • Ви також можете заповнити елементи списку з бази даних або іншого джерела з використанням setAdapterабо setCursorабо передачі в Cursorабо ListAdapterв setSingleChoiceItemsабоsetMultiChoiceItems .
  • Якщо список довший, ніж розміститься на екрані, тоді діалогове вікно автоматично прокручує його. Якщо у вас дійсно довгий список, то, мабуть, я маю на увазі, що ви, мабуть, повинні скласти спеціальний діалог із RecyclerView .
  • Щоб перевірити всі наведені вище приклади, у мене був просто проект з однією кнопкою, ніж показано діалогове вікно при натисканні:

    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
        }
    }

Пов'язані


2
Це чудово, тепер додайте іконки;)
AaA

1
@AaA, я думаю, вам потрібно буде створити діалогове вікно сповіщення про макет, яке використовує для RecyclerViewцього макет.
Сурагч

що означає "що" у діалоговому вікні onclick методу?
пішов на риболовлю

@gonephishing, згідно з документацією , це "натиснута кнопка (наприклад BUTTON_POSITIVE) або натиснута позиція елемента".
Сурагч

1
Якщо ви хочете реалізувати простий список (1) за допомогою спеціального адаптера, використовуйте Builder.setAdapter(ListAdapter, DialogInterface.OnClickListener): whichу слухачах onClickбуде дорівнює позиції клацнутого елемента. Builder.setOnItemSelectedListenerне матиме ефекту.
Miha_x64

122

Можна скористатися спеціальним діалоговим вікном.

Власне діалогове планування list.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <ListView
        android:id="@+id/lv"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"/>
</LinearLayout>

У вашій діяльності

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();

Редагувати:

Використання alardialog

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<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,names);
lv.setAdapter(adapter);
alertDialog.show();

custom.xml

<?xml version="1.0" encoding="utf-8"?>
<ListView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/listView1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

</ListView>

Оснащення

введіть тут опис зображення


1
@Juan - devtopia.coop ви відредагували мою публікацію після того, як ви звернулися з проханням лише проголосувати. Чи можете ви прокоментувати те, що не так
Рагунандан

Нічого з поточною версією, у попередній не вистачало всіх елементів адаптера, і для цього якраз показував порожній ListView, я із задоволенням видаляю свій негативний голос зараз. Я голосував за неповну відповідь, а не за цю редакцію 3 години тому.
Хуан Кортес

@Raghunandan, я використовував ваш код, але я отримав виняток на lv.setAdapter (адаптер); рядок, ви можете мені допомогти?
Ахмад Ватані

@Ahmad, що таке збудження?
Рагунандан

1
@NeilGaliaskarov так, це прокручувати. Listview буде прокручуватися
Raghunandan

44
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();

1
Що таке m.DoneButton?
ForceFieldsForDoors

2
@ArhatBaid Але setItems не працює, коли я поміщаю повідомлення в setMessage. Я шукав в Google, але знайшов відповідь - встановити повідомлення в setTitle. Але проблема setTitle дозволяє лише невелику кількість символів. Чи існує спосіб використання setMessage та setItems у діалоговому вікні попередження?
Девід

@David для цього вам потрібно перейти до спеціального діалогу.
Архат Байд

1
Це рішення дуже приємне, тому що ви також можете піти ListAdapterз setSingleChoiceItems(дуже схожим на дзвінок вище)
снотяк

Ідеально, як очікувалося ... обробляє сотні предметів з мінімальним кодом. :)
jeet.chanchawat

10

Використовуйте import android.app.AlertDialog;імпорт " " і тоді ви пишете

    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();

вам знадобився bc з create, ви будуєте AlertDialog, який ви показуєте це потім. а не будівельник. (c) Facebamm
Facebamm

@Facebamm це неправда. show()робить і те, і інше. Calling this method is functionally identical to: AlertDialog dialog = builder.create(); dialog.show();це безпосередньо з документації show()методу
ᴛʜᴇᴘᴀᴛᴇʟ

це правильно, але іноді я отримую деякі видимі помилки користувальницького інтерфейсу. (c) Facebamm
Facebamm

Ні, це неправда. show () ідентичний create (). show (); / ** * Створює {@link AlertDialog} з аргументами, наданими цьому * конструктору, і негайно відображає діалогове вікно. * <p> * Виклик цього методу функціонально ідентичний: * <pre> * Діалог AlertDialog = builder.create (); * dialog.show (); * </pre> * / public AlertDialog show () {остаточний діалог AlertDialog = create (); dialog.show (); діалог повернення; }
Емануель S

ОК, я тестував деякий час, і я кажу, що це правда. (c) Facebamm
Facebamm

4

Це занадто просто

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();

3

Як початківець я б запропонував вам пройтись http://www.mkyong.com/android/android-custom-dialog-example/

Я позбудусь того, що в принципі це робить

  1. Створює XML-файл для діалогу та основної діяльності
  2. В основній діяльності в необхідному місці створюється об'єкт класу android Dialog
  3. Додає нестандартний стиль та текст на основі файлу XML
  4. Викликає dialog.show()метод.

1

У Котліні:

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 ->
        when (which) {
            0 ->{
                Toast.makeText(context,"You Clicked Item 0",Toast.LENGTH_LONG).show()
                dialog.dismiss()
            }
            1->{
                Toast.makeText(context,"You Clicked Item 1",Toast.LENGTH_LONG).show()
                dialog.dismiss()
            }
            2->{
                Toast.makeText(context,"You Clicked Item 2",Toast.LENGTH_LONG).show()
                dialog.dismiss()
            }
        }
    }

    // create & show alert dialog
    val dialog = builder.create()
    dialog.show()
}

1
Додайте опис до своєї відповіді.
Mathews Sunny

1
Що таке опис?
Варша Прабхакар

1

Це те, як відобразити діалогове вікно макета за допомогою спеціального елемента списку, яке можна налаштувати відповідно до вашої потреби.

введіть тут опис зображення

КРОК - 1 Створіть макет DialogBox, тобто: -

R.layout.assignment_dialog_list_view

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/rectangle_round_corner_assignment_alert"
    android:orientation="vertical">
    <TextView
        android:id="@+id/tv_popup_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:singleLine="true"
        android:paddingStart="4dp"
        android:text="View as:"
        android:textColor="#4f4f4f" />

    <ListView
        android:id="@+id/lv_assignment_users"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />
</LinearLayout>

КРОК - 2 Створіть власну розкладку списку відповідно до вашої бізнес-логіки

R.layout.item_assignment_dialog_list_layout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:padding="4dp"
    android:orientation="horizontal">
    <ImageView
        android:id="@+id/iv_user_profile_image"
        android:visibility="visible"
        android:layout_width="42dp"
        android:layout_height="42dp" />
    <TextView
        android:id="@+id/tv_user_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="8dp"
        android:layout_marginStart="8dp"
        android:paddingBottom="8dp"
        android:textColor="#666666"
        android:textSize="18sp"
        tools:text="ABCD XYZ" />
</LinearLayout>

КРОК - 3 Створіть клас моделі даних за власним вибором

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;
}

}

КРОК - 4 Створіть спеціальний адаптер

public class UserListAdapter extends ArrayAdapter<AssignmentUserModel> {
private final Context context;
private final List<AssignmentUserModel> userList;

public UserListAdapter(@NonNull Context context, int resource, @NonNull List<AssignmentUserModel> objects) {
    super(context, resource, objects);
    userList = objects;
    this.context = context;
 }

@SuppressLint("ViewHolder")
@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;
}

}

КРОК - 5 Створіть цю функцію та надайте ArrayList вищезгаданої моделі даних у цьому методі

// Pass list of your model as arraylist
private void showCustomAlertDialogBoxForUserList(ArrayList<AssignmentUserModel> 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) -> {
            Log.d(TAG, "showAssignmentsList: " + allUsersList.get(which).getUserId());
           // TODO : Listen to click callbacks at the position
        });
        dialog.show();
    }

Крок - 6 Надання фону круглого кута до діалогового вікна

@ dravable / rectangle_round_corner_assignment_alert

    <?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#ffffffff" />
    <corners android:radius="16dp" />
    <padding
        android:bottom="16dp"
        android:left="16dp"
        android:right="16dp"
        android:top="16dp" />
</shape>

0

Хіба не легше зробити метод, що викликається після створення блоку EditText в AlertDialog, для загального використання?

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;
        }
    });
}

0
private void AlertDialogue(final List<Animals> 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 < 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();

}

Хоча цей код може відповісти на питання, надаючи додатковий контекст щодо того, як та / або чому він вирішує проблему, покращить довгострокове значення відповіді.
Петро Лабунський
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.