Как реализовать пользовательский AlertDialog View

Question

В Android docs on AlertDialog, он дает следующую инструкцию и пример для настройки пользовательского представления в AlertDialog:

If you want to display a more complex view, look up the FrameLayout called "body" and add your view to it:

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

Во-первых, это довольно очевидно, что add() является опечаткой и должна быть addView().

Я смущен первой строкой, используя R.id.body. Кажется, что это элемент body из AlertDialog ... но я не могу просто ввести это в свой код b/c, он дает ошибку компиляции. Где определяется или назначается R.id.body или что-то еще?

Вот мой код. Я попытался использовать setView(findViewById(R.layout.whatever) на конструкторе, но это не сработало. Я предполагаю, потому что я его не раздувал вручную?

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

Answer 1

Вы правы, это потому, что вы не раздували его вручную. Похоже, вы пытаетесь «извлечь» идентификатор тела из макета своей деятельности, и это не сработает.

Вы, вероятно, хотите что-то вроде этого:

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

Answer 2

Вы можете создать вид непосредственно из макета Inflater, вам нужно использовать только имя файла XML макет и идентификатор макета в файле.

Ваш файл XML должен иметь идентификатор, как это:

<?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" 
       /> 

И тогда вы можете настроить свой макет на строитель со следующим кодом:

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

Answer 3

андроида документы были отредактированы для исправить ошибки.

Вид внутри AlertDialog называется android.R.id.custom

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

Answer 4

android.R.id.custom возвращается нуль для меня. Мне удалось получить эту работу в случае, если кто-нибудь идет по тому же вопросу,

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

Для справки, R.layout.simple_password является:

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

Answer 5

Это работает для меня:

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

Answer 6

AlertDialog.setView (View view) добавляет данное представление к R.id. изготовленный под заказ FrameLayout. Ниже приведен фрагмент исходного кода Android из AlertController.setupView(), который, наконец, обрабатывает это (mView - это представление, данное методу AlertDialog.setView).

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

Answer 7

После смены ID он android.R.id.на заказ, мне нужно добавить следующее, чтобы получить вид на дисплее:

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

Однако это вызвало новый вид для визуализации в большом зрения родителя, без фона, разбив окно на две части (текст и кнопки, с новым представлением между ними). Я, наконец, получил эффект, который я хотел, вставив мой взгляд рядом с сообщением:

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

я нашел это решение, исследуя вид дерева с View.getParent() и View.getChildAt (INT). Не очень-то даже довольный. Ничто из этого не содержится в документах Android, и если они когда-либо изменят структуру AlertDialog, это может сломаться.

Answer 8

Самый простой способ сделать это с помощью android.support.v7.app.AlertDialog вместо android.app.AlertDialog где public AlertDialog.Builder setView (int layoutResId) может использоваться ниже 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(); 

Answer 9

Простейшие строк кода, который работает для меня являются являются следующие:

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

Независимо от типа макета (LinearLayout, FrameLayout, RelativeLayout) будет работать setView и будет просто отличаться по внешнему виду и поведению.

Answer 10

Пользовательские AlertDialog

Это полный пример включает в себя передачу данных обратно в деятельности.

Создание пользовательского макета

Компоновка с EditText используется для этого простого примера, но вы можете заменить его на что угодно.

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> 

Используйте диалог в коде

Основные части

• с помощью setView назначить пользовательский макет в AlertDialog.Builder
• представляемого любой данные возвращаются к активности при нажатии кнопки диалога щелчок.

Это полный код из примера проекта показано на рисунке выше:

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

Notes

• Если вы нашли себя с помощью этого в нескольких местах, затем рассмотрите возможность создания подкласса DialogFragment, как описано в documentation.

Смотрите также

• Android Alert Dialog with one, two, and three buttons
• How can I display a list view in an Android Alert Dialog?