Làm thế nào để thực hiện một tùy chỉnh AlertDialog Xem

Question

Trong Android docs on AlertDialog, nó mang lại cho các hướng dẫn sau đây và ví dụ để thiết lập một giao diện tùy chỉnh trong một 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)); 

Trước hết, đó là khá rõ ràng rằng add() là lỗi đánh máy và có nghĩa là addView().

Tôi bị nhầm lẫn bởi dòng đầu tiên sử dụng R.id.body. Có vẻ như đó là phần tử cơ thể của AlertDialog ... nhưng tôi không thể chỉ nhập mã đó vào mã của tôi b/c nó đưa ra một lỗi biên dịch. R.id.body được định nghĩa hoặc phân công ở đâu?

Đây là mã của tôi. Tôi đã cố gắng sử dụng setView(findViewById(R.layout.whatever) trên trình tạo nhưng nó không hoạt động. Tôi giả định bởi vì tôi đã không tự thổi phồng nó?

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

Bạn đúng, đó là vì bạn không tự thổi phồng nó. Có vẻ như bạn đang cố gắng "trích xuất" id "body" khỏi bố cục của Hoạt động và điều đó sẽ không hoạt động.

Bạn có thể muốn một cái gì đó như thế này:

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

Answer 2

Bạn có thể tạo cái nhìn trực tiếp từ Inflater Layout, bạn chỉ cần sử dụng tên của tập tin XML layout của bạn và ID của cách bố trí trong tập tin.

tập tin XML của bạn nên có một ID như thế này:

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

Và sau đó bạn có thể thiết lập cách bố trí của bạn trên builder với đoạn mã sau:

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

Các văn bản android đã được chỉnh sửa để sửa lỗi.

Quan điểm bên trong AlertDialog được gọi android.R.id.custom

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

Answer 4

android.R.id.custom được trở về null cho tôi. Tôi quản lý để có được điều này để làm việc trong trường hợp bất cứ ai đi qua cùng một vấn đề,

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

Để tham khảo, R.layout.simple_password là:

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

này đã làm việc cho tôi:

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

Answer 6

AlertDialog.setView (Chế độ xem xem) sẽ thêm chế độ xem cho R.id. tùy chỉnh FrameLayout. Sau đây là một đoạn mã nguồn Android từ AlertController.setupView() mà cuối cùng xử lý này (mView là khung nhìn cho phương thức AlertDialog.setView).

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

Answer 7

Sau khi thay đổi ID, android.R.id.tùy chỉnh, tôi cần thêm những điều sau đây để có được Xem để hiển thị:

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

Tuy nhiên, điều này gây ra các View mới để render trong một cái nhìn mẹ lớn không có nền, phá vỡ các hộp thoại trong hai phần (văn bản và nút, với Chế độ xem mới ở giữa). Cuối cùng tôi đã hiệu quả mà tôi muốn bằng cách chèn Xem của tôi bên cạnh thông điệp:

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

tôi tìm thấy giải pháp này bằng cách khám phá Xem cây với View.getParent() và View.getChildAt (int). Không thực sự hạnh phúc về một trong hai, mặc dù. Không ai trong số này là trong các tài liệu Android và nếu họ đã bao giờ thay đổi cấu trúc của AlertDialog, điều này có thể phá vỡ.

Answer 8

Cách đơn giản nhất để làm điều này là sử dụng android.support.v7.app.AlertDialog thay vì android.app.AlertDialog nơi public AlertDialog.Builder setView (int layoutResId) thể được sử dụng dưới 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

Các đường đơn giản nhất của mã mà làm việc cho tôi là đang sau:

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

Bất kể loại bố cục nào (LinearLayout, FrameLayout, RelativeLayout) sẽ hoạt động theo setView và sẽ khác về ngoại hình và hành vi.

Answer 10

Cảnh báo tùy chỉnhDialog

Ví dụ đầy đủ này bao gồm truyền dữ liệu về hoạt động.

Tạo một bố cục tùy chỉnh

Một bố trí với một EditText được sử dụng cho ví dụ đơn giản này, nhưng bạn có thể thay thế nó với bất cứ điều gì bạn muốn.

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> 

Sử dụng hộp thoại trong mã

Các bộ phận chính là

• sử dụng setView gán bố trí tùy chỉnh để các AlertDialog.Builder
• gửi bất kỳ dữ liệu quay lại hoạt động khi nút thoại được nhấp.

Đây là mã đầy đủ từ các dự án ví dụ thể hiện trong hình trên:

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

Ghi chú

• Nếu bạn thấy mình sử dụng này ở nhiều nơi, sau đó xem xét tạo lớp con DialogFragment như được mô tả trong documentation.

Xem thêm

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