Dans la documentation Android sur AlertDialog , il donne les instructions et l'exemple suivants pour définir une vue personnalisée dans un AlertDialog:

Si vous souhaitez afficher une vue plus complexe, recherchez le FrameLayout appelé "body" et ajoutez-y votre vue:

FrameLayout fl = (FrameLayout) findViewById(R.id.body);
fl.add(myView, new LayoutParams(FILL_PARENT, WRAP_CONTENT));

Tout d'abord, il est assez évident que add()c'est une faute de frappe et qu'elle est censée l'être addView().

Je suis confus par la première ligne utilisant R.id.body. Il semble que ce soit l'élément body de AlertDialog ... mais je ne peux pas simplement entrer cela dans mon code car cela donne une erreur de compilation. Où R.id.body est-il défini ou attribué ou autre?

Voici mon code. J'ai essayé d'utiliser setView(findViewById(R.layout.whatever)sur le constructeur mais cela n'a pas fonctionné. Je suppose que je ne l'ai pas gonflé manuellement?

AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setTitle("Title")
    .setCancelable(false)
    .setPositiveButton("Go", new DialogInterface.OnClickListener() {

    @Override
    public void onClick(DialogInterface dialog, int id) {
        EditText textBox = (EditText) findViewById(R.id.textbox);
        doStuff();
    }
});

FrameLayout f1 = (FrameLayout)findViewById(R.id.body /*CURRENTLY an ERROR*/);
f1.addView(findViewById(R.layout.dialog_view));

AlertDialog alert = builder.create();
alert.show();

Vous avez raison, c'est parce que vous ne l'avez pas gonflé manuellement. Il semble que vous essayez «d'extraire» l'identifiant «corps» de la mise en page de votre activité, et cela ne fonctionnera pas.

Vous voulez probablement quelque chose comme ça:

LayoutInflater inflater = getLayoutInflater();
FrameLayout f1 = (FrameLayout)alert.findViewById(android.R.id.body);
f1.addView(inflater.inflate(R.layout.dialog_view, f1, false));

Vous pouvez créer votre vue directement à partir du Layout Inflater, il vous suffit d'utiliser le nom de votre fichier XML de mise en page et l'ID de la mise en page dans le fichier.

Votre fichier XML doit avoir un identifiant comme celui-ci:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:id="@+id/dialog_layout_root"
              android:orientation="vertical"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content"
              android:padding="10dp"
              />

Et puis vous pouvez définir votre mise en page sur le générateur avec le code suivant:

LayoutInflater inflater = getLayoutInflater();
View dialoglayout = inflater.inflate(R.layout.dialog_layout, null);
AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setView(dialoglayout);
builder.show();

android.R.id.custom renvoyait null pour moi. J'ai réussi à faire fonctionner cela au cas où quelqu'un rencontrerait le même problème,

AlertDialog.Builder builder = new AlertDialog.Builder(context)
            .setTitle("My title")
            .setMessage("Enter password");
final FrameLayout frameView = new FrameLayout(context);
builder.setView(frameView);

final AlertDialog alertDialog = builder.create();
LayoutInflater inflater = alertDialog.getLayoutInflater();
View dialoglayout = inflater.inflate(R.layout.simple_password, frameView);
alertDialog.show();

Pour référence, R.layout.simple_password est:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:orientation="vertical"
          android:layout_width="match_parent"
          android:layout_height="match_parent">

<EditText
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/password_edit_view"
        android:inputType="textPassword"/>
<CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/show_password"
        android:id="@+id/show_password_checkbox"
        android:layout_gravity="left|center_vertical"
        android:checked="false"/>

</LinearLayout>

Les documents Android ont été modifiés pour corriger les erreurs.

La vue à l'intérieur du AlertDialog est appelée android.R.id.custom

http://developer.android.com/reference/android/app/AlertDialog.html

Cela a fonctionné pour moi:

dialog.setView(dialog.getLayoutInflater().inflate(R.layout.custom_dialog_layout, null));

AlertDialog personnalisé

Cet exemple complet inclut le renvoi de données à l'activité.

Créer une mise en page personnalisée

Une mise en page avec un EditTextest utilisée pour cet exemple simple, mais vous pouvez la remplacer par tout ce que vous voulez.

custom_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:paddingLeft="20dp"
              android:paddingRight="20dp"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <EditText
        android:id="@+id/editText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

Utiliser la boîte de dialogue dans le code

Les éléments clés sont

• en utilisant setViewpour attribuer la mise en page personnalisée auAlertDialog.Builder
• renvoyer toutes les données à l'activité lorsqu'un bouton de dialogue est cliqué.

Ceci est le code complet de l'exemple de projet montré dans l'image ci-dessus:

MainActivity.java

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    public void showAlertDialogButtonClicked(View view) {

        // create an alert builder
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setTitle("Name");

        // set the custom layout
        final View customLayout = getLayoutInflater().inflate(R.layout.custom_layout, null);
        builder.setView(customLayout);

        // add a button
        builder.setPositiveButton("OK", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                // send data from the AlertDialog to the Activity
                EditText editText = customLayout.findViewById(R.id.editText);
                sendDialogDataToActivity(editText.getText().toString());
            }
        });

        // create and show the alert dialog
        AlertDialog dialog = builder.create();
        dialog.show();
    }

    // do something with the data coming from the AlertDialog
    private void sendDialogDataToActivity(String data) {
        Toast.makeText(this, data, Toast.LENGTH_SHORT).show();
    }
}

Remarques

• Si vous vous retrouvez à utiliser ceci à plusieurs endroits, envisagez de créer une DialogFragmentsous - classe comme décrit dans la documentation .

Voir également

• Boîte de dialogue d'alerte Android avec un, deux et trois boutons
• Comment puis-je afficher une vue de liste dans une boîte de dialogue d'alerte Android?

Les lignes de code les plus simples qui fonctionnent pour moi sont les suivantes:

AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setView(R.layout.layout_resource_id);
builder.show();

Quel que soit le type de mise en page (LinearLayout, FrameLayout, RelativeLayout) fonctionnera setView et différera simplement dans l'apparence et le comportement.

Le moyen le plus simple de le faire est d'utiliser android.support.v7.app.AlertDialogau lieu de android.app.AlertDialogwhere public AlertDialog.Builder setView (int layoutResId)can be used below API 21.

new AlertDialog.Builder(getActivity())
    .setTitle(title)
    .setView(R.layout.dialog_basic)
    .setPositiveButton(android.R.string.ok,
        new DialogInterface.OnClickListener() {
            public void onClick(DialogInterface dialog, int whichButton) {
                //Do something
            }
        }
    )
    .setNegativeButton(android.R.string.cancel,
        new DialogInterface.OnClickListener() {
            public void onClick(DialogInterface dialog, int whichButton) {
                //Do something
            }
        }
    )
    .create();

AlertDialog.setView(View view)ajoute la vue donnée au fichier R.id.custom FrameLayout. Ce qui suit est un extrait de code source Android à partir AlertController.setupView()duquel finalement gère cela ( mViewest la vue donnée à la AlertDialog.setViewméthode).

...
FrameLayout custom = (FrameLayout) mWindow.findViewById(R.id.**custom**);
custom.addView(**mView**, new LayoutParams(FILL_PARENT, FILL_PARENT));
...

Après avoir changé l'ID android.R.id.custom, j'ai dû ajouter ce qui suit pour que la vue s'affiche:

((View) f1.getParent()).setVisibility(View.VISIBLE);

Cependant, cela a provoqué le rendu de la nouvelle vue dans une grande vue parent sans arrière-plan, ce qui a divisé la boîte de dialogue en deux parties (texte et boutons, avec la nouvelle vue entre les deux). J'ai enfin obtenu l'effet que je voulais en insérant ma vue à côté du message:

LinearLayout f1 = (LinearLayout)findViewById(android.R.id.message).getParent().getParent();

J'ai trouvé cette solution en explorant l'arborescence des vues avec View.getParent () et View.getChildAt (int). Pas vraiment content non plus. Rien de tout cela ne se trouve dans les documents Android et s'ils modifient un jour la structure de AlertDialog, cela pourrait casser.

Il serait plus logique de le faire de cette façon, avec le moins de code possible.

new AlertDialog.Builder(this).builder(this)
        .setTitle("Title")
        .setView(R.id.dialog_view)   //notice this setView was added
        .setCancelable(false)
        .setPositiveButton("Go", new DialogInterface.OnClickListener() {
            @Override 
            public void onClick(DialogInterface dialog, int id) {
                EditText textBox = (EditText) findViewById(R.id.textbox);
                doStuff();
            }
        }).show();

Pour obtenir une liste étendue des éléments que vous pouvez définir, commencez à taper .setdans Android Studio