繁体   English   中英

创建一个带有单选按钮列表的自定义对话框

[英]Create a custom dialog with radio buttons list

我有一个方法,其中有一个值列表:

     /**
     * ISO
     * */
    public void getISO(View view) {
        // Open dialog with radio buttons
        List<String> supported_isos = preview.getSupportedISOs();
        SharedPreferences sharedPreferences = PreferenceManager.getDefaultSharedPreferences(MainActivity.this);
        String current_iso = sharedPreferences.getString(MainActivity.getISOPreferenceKey(), "auto");

    }

此方法被注入到ImageButton onClick() 上:

android:onClick="getISO"

但是我需要在带有单选按钮的对话框中显示此列表。 可能已经在对话框中选择了首选项值.. 可能吗?

最好和最简单的方法......

void dialog(){

        AlertDialog.Builder alt_bld = new AlertDialog.Builder(this);
        //alt_bld.setIcon(R.drawable.icon);
        alt_bld.setTitle("Select a Group Name");
        alt_bld.setSingleChoiceItems(grpname, -1, new DialogInterface
                .OnClickListener() {
            public void onClick(DialogInterface dialog, int item) {
                Toast.makeText(getApplicationContext(),
                        "Group Name = "+grpname[item], Toast.LENGTH_SHORT).show();
                dialog.dismiss();// dismiss the alertbox after chose option

            }
        });
        AlertDialog alert = alt_bld.create();
        alert.show();


///// grpname is a array where data is stored... 


    }

从按钮调用showRadioButtonDialog()

这只是一个例子:

private void showRadioButtonDialog() {

 // custom dialog

  final Dialog dialog = new Dialog(this);
  dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
  dialog.setContentView(R.layout.dialog_layout);
  List<String> stringList=new ArrayList<>();  // here is list
      for(int i=0;i<2;i++) {
          if (i==0){
              stringList.add("Number Mode");
          }else {
              stringList.add("Character Mode");
          }

      }

      RadioGroup rg = (RadioGroup) dialog.findViewById(R.id.radioGroup);

      for(int i=0;i<stringList.size();i++){
            RadioButton rb=new RadioButton(this); // dynamically creating RadioButton and adding to RadioGroup.
            rb.setText(stringList.get(i));
            rg.addView(rb);
      }
}

您的布局视图可能是radiobutton_dialog.xml

<?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:orientation="vertical">
      <RadioGroup
          android:id="@+id/radio_group"
          android:layout_width="wrap_content"
          android:layout_height="match_parent"
          android:layout_gravity="center_vertical"
          android:orientation="vertical">
    </RadioGroup>
 </LinearLayout>

在此处输入图片说明

注意:您可以自定义对话框视图(如设置标题、消息等)

编辑:要检索所选RadioButton值,您必须为RadioGroup实现setOnCheckedChangeListener侦听器:

 rg.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                 int childCount = group.getChildCount();
                 for (int x = 0; x < childCount; x++) {
                    RadioButton btn = (RadioButton) group.getChildAt(x);
                    if (btn.getId() == checkedId) {
                         Log.e("selected RadioButton->",btn.getText().toString());

                    }
                 }
            }
        });

一个干净的方法是这样的:

http://developer.android.com/guide/topics/ui/dialogs.html

摘自(添加持久的多项选择或单项选择列表)

mSelectedItems = new ArrayList();  // Where we track the selected items
AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
// Set the dialog title
builder.setTitle(R.string.pick_toppings)
// Specify the list array, the items to be selected by default (null for none),
// and the listener through which to receive callbacks when items are selected
       .setMultiChoiceItems(R.array.toppings, null,
                  new DialogInterface.OnMultiChoiceClickListener() {
           @Override
           public void onClick(DialogInterface dialog, int which,
                   boolean isChecked) {
               if (isChecked) {
                   // If the user checked the item, add it to the selected items
                   mSelectedItems.add(which);
               } else if (mSelectedItems.contains(which)) {
                   // Else, if the item is already in the array, remove it 
                   mSelectedItems.remove(Integer.valueOf(which));
               }
           }
       })
// Set the action buttons
       .setPositiveButton(R.string.ok, new DialogInterface.OnClickListener() {
           @Override
           public void onClick(DialogInterface dialog, int id) {
               // User clicked OK, so save the mSelectedItems results somewhere
               // or return them to the component that opened the dialog
               ...
           }
       })
       .setNegativeButton(R.string.cancel, new DialogInterface.OnClickListener() {
           @Override
           public void onClick(DialogInterface dialog, int id) {
               ...
           }
       });

return builder.create();

阅读http://developer.android.com/reference/android/app/AlertDialog.Builder.html#setSingleChoiceItems(int, int, android.content.DialogInterface.OnClickListener)

不需要自定义视图。

这对我有用:

final CharSequence[] items = {"Option-1", "Option-2", "Option-3", "Option-4"};

AlertDialog.Builder builder = new AlertDialog.Builder(ShowDialog.this);
builder.setTitle("Alert Dialog with ListView and Radio button");
builder.setIcon(R.drawable.icon);
builder.setSingleChoiceItems(items, -1, new DialogInterface.OnClickListener() {
    public void onClick(DialogInterface dialog, int item) {
 Toast.makeText(getApplicationContext(), items[item], Toast.LENGTH_SHORT).show();
    }
});

builder.setPositiveButton("Yes",
 new DialogInterface.OnClickListener() {
  public void onClick(DialogInterface dialog, int id) {
   Toast.makeText(ShowDialog.this, "Success", Toast.LENGTH_SHORT).show();
  }
 });
builder.setNegativeButton("No",
 new DialogInterface.OnClickListener() {
  public void onClick(DialogInterface dialog, int id) {
   Toast.makeText(ShowDialog.this, "Fail", Toast.LENGTH_SHORT).show();
  }
 });
AlertDialog alert = builder.create();
alert.show();

科特林版本:

fun dialog() {
    val options = arrayOf("option1", "option2")
    var selectedItem = 0
    val builder = AlertDialog.Builder(this)
    builder.setTitle("Select an option")
    builder.setSingleChoiceItems(options
            , 0, { dialogInterface: DialogInterface, item: Int ->
        selectedItem = item
    })
    builder.setPositiveButton(R.string.accept, { dialogInterface: DialogInterface, p1: Int ->
        Toast.makeText(getApplicationContext(),
                "selected item = " + options[selectedItem], Toast.LENGTH_SHORT).show();
        dialogInterface.dismiss()
    })
    builder.setNegativeButton(R.string.cancel, { dialogInterface: DialogInterface, p1: Int ->
        dialogInterface.dismiss()
    })
    builder.create()
    builder.show();
}

检查这个。 这是您应该在 CustomAdapter 中使用的自定义行 dialog_row.xml:

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

    <RadioButton
       android:id="@+id/list"
       android:layout_width="match_parent"
       android:layout_height="wrap_content" />
    </LinearLayout>

然后在onclick方法中:

@Override
public void onClick(View arg0) {

    // custom dialog
    final Dialog dialog = new Dialog(context);
    dialog.setContentView(R.layout.custom_layout); //Your custom layout
    dialog.setTitle("Title...");


    Listview listview= (ListView) dialog.findViewById(R.id.listview);

    CustomAdapter adapter=new CustomAdapter(context,your_list);
    listview.setadapter(adapter);
    listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        //Do something

        }
    });

    dialog.show();
}

教程链接

当你想显示来自 SQLIte 数据库的数据时

private void showRadioButtonDialog() {

    // custom dialog
    final Dialog dialog = new Dialog(this);
    dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
    dialog.setContentView(R.layout.radiobutton_dialog);
    List<String> stringList=new ArrayList<>();  // here is list 

    if (cursor.moveToFirst()) {
        do {
            String a=( cursor.getString(0).toString());
            String b=(cursor.getString(1).toString());
            String c=(cursor.getString(2).toString());
            String d=(cursor.getString(3).toString());
            stringList.add(d);
        } while (cursor.moveToNext());        
    }   

    RadioGroup rg = (RadioGroup) dialog.findViewById(R.id.radio_group);

    for(int i=0;i<stringList.size();i++) {
        RadioButton rb=new RadioButton(this); // dynamically creating RadioButton and adding to RadioGroup.
        rb.setText(stringList.get(i));
        rg.addView(rb);
    }

    dialog.show();

    rg.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {

         @Override
         public void onCheckedChanged(RadioGroup group, int checkedId) {
             int childCount = group.getChildCount();
             for (int x = 0; x < childCount; x++) {
                 RadioButton btn = (RadioButton) group.getChildAt(x);
                 if (btn.getId() == checkedId) {
                     Toast.makeText(getApplicationContext(), btn.getText().toString(), Toast.LENGTH_SHORT).show();
                 }
             }
         }
     });
}

在 android- 中使用 Jetpack Compose

AlertDialog(onDismissRequest = { viewModel.shouldDialogOpen.value = false },

            title= { "title" },
            text = {
                Column {
                    Text(
                        text = "Filter by Title Or Date",
                        modifier = Modifier.fillMaxWidth(),
                        color = Color.Black,
                        fontSize = 16.sp
                    )
                    Spacer(modifier = Modifier.height(16.dp))

                    radioOptions.forEach { text ->
                        Row(
                            Modifier
                                // using modifier to add max
                                // width to our radio button.
                                .fillMaxWidth()
                                // below method is use to add
                                // selectable to our radio button.
                                .selectable(
                                    // this method is called when
                                    // radio button is selected.
                                    selected = (text == viewModel.selectedFilter.value),
                                    onClick = { viewModel.onFilterSelected(text) }
                                    // below method is called on
                                    // clicking of radio button.
                                )
                                // below line is use to add
                                // padding to radio button.
                                .padding(horizontal = 16.dp),
                            verticalAlignment = Alignment.CenterVertically

                        ) {
                            // below line is use to get context.

                            // below line is use to
                            // generate radio button
                            RadioButton(
                                // inside this method we are
                                // adding selected with a option.
                                selected = (text == viewModel.selectedFilter.value),
                                onClick = {
                                    // inide on click method we are setting a
                                    // selected option of our radio buttons.
                                    viewModel.onFilterSelected(text)

                                },
                                modifier = Modifier
                                    .padding(top = 16.dp)
                                    .alignBy(FirstBaseline)

                            )
                            // below line is use to add
                            // text to our radio buttons.
                            Text(
                                text = text,
                                style = MaterialTheme.typography.body1.merge(),
                                modifier = Modifier
                                    .padding(top = 16.dp)
                                    .alignBy(FirstBaseline)
                            )
                        }
                    }

                }
            },


            confirmButton = {
                Button(modifier = Modifier.fillMaxWidth(), onClick = {
                    viewModel.shouldDialogOpen.value = false
                }) {
                    Text(text = "OKay")
                }
            }
        )

这里radioOptionsradioOptions按钮标签/文本的字符串列表

viewModel.shouldDialogOpen其中 shouldDialogOpen 是视图模型中的可变状态字段,当我们需要显示或关闭对话框时,我们会更改其值。

有关 Jetpack Compose 的更多代码示例,请参阅此 - https://androidlearnersite.wordpress.com/2021/08/03/jetpack-compose-1-0-0-sample-codes/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM