以编程方式添加的 RadioButtons 拒绝遵守 LayoutParams 权重

Question

我试图在 Android 布局中创建一个 RadioGroup，其中子 RadioButton 被拉伸以均匀地填充 RadioGroup 的整个宽度。但是，当我尝试使用从代码中以编程方式添加的 RadioButton 执行此操作时，我遇到了一些意外的行为。首先是一些背景...

做什么工作

我从一个基于RelativeLayout的简单布局开始，其中包含一个大的TextView和一个RadioGroup 在底部。

main.xml 布局文件如下所示：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
    <TextView android:text="Some text"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:layout_alignParentTop="true"
        android:layout_above="@+id/radio_group"
        android:gravity="center"
        android:background="@android:color/holo_green_dark"
        />      
    <RadioGroup android:id="@+id/radio_group"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal"
        android:background="@android:color/holo_blue_dark">         
        <RadioButton android:text="Option 1"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:layout_weight="1"
            android:background="@android:color/darker_gray"
            android:button="@android:color/transparent"
            android:padding="10dp"
            android:gravity="center"
            android:layout_margin="2dp"/>   
        <RadioButton android:text="Option 2"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:layout_weight="1"
            android:background="@android:color/darker_gray"
            android:button="@android:color/transparent"
            android:padding="10dp"
            android:gravity="center"
            android:layout_margin="2dp"/> 
    </RadioGroup>       
</RelativeLayout>

它在运行时生成以下布局：

RadioButton 中都使用了 android:layout_width="wrap_content" 和 android:layout_weight="1"将它们拉伸到均匀地填充每个封闭 RadioGroup 的一半。到目前为止，一切都很好。

什么不起作用

但是，我的要求是在运行时根据业务逻辑在此布局中动态创建 RadioButton，而不是始终使用布局中静态包含的两个 - 有时我可能需要两个按钮，有时是四个按钮等。

为了实现此目的，我从 main.xml 布局中删除了 RadioButton：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
    <TextView android:text="Some text"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:layout_alignParentTop="true"
        android:layout_above="@+id/radio_group"
        android:gravity="center"
        android:background="@android:color/holo_green_dark"
        />      
    <RadioGroup android:id="@+id/radio_group"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal"
        android:background="@android:color/holo_blue_dark"/>
</RelativeLayout>

...并为我的布局创建了一个单独的 _radio_button.xml_ 布局RadioButton：

<?xml version="1.0" encoding="utf-8"?>
<RadioButton xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="2dp"
    android:layout_weight="1"
    android:background="@android:color/darker_gray"
    android:button="@android:color/transparent"
    android:gravity="center"
    android:padding="10dp" />

在我的活动中，我现在以编程方式添加 RadioButton：

public class TestRadioActivity extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        // Create an inflater to inflate our buttons            
        LayoutInflater inflater = 
            (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        // Create the layout params for our buttons
        LinearLayout.LayoutParams layoutParams = new LayoutParams(
            LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, 1f);

        RadioGroup group = (RadioGroup) findViewById(R.id.radio_group);

        // Add button one
        RadioButton button = (RadioButton) inflater.inflate(R.layout.radio_button, null);
        button.setText("Option 1");
        group.addView(button, layoutParams);

        // Add button two
        button = (RadioButton) inflater.inflate(R.layout.radio_button, null);
        button.setText("Option 2");
        group.addView(button, layoutParams);

    }
}

请注意 _radio_button.xml_ 文件和活动如何指定 WRAP_CONTENT 的布局宽度和 1 的布局权重像原始 main.xml 中一样均匀分布按钮。

但是，布局似乎在渲染时忽略了布局权重，按钮对接在单选按钮组的左侧：

，我还尝试在 LayoutParams 中将 RadioButton 的宽度设置为 0（显然这可能会导致布局权重解释的稍有不同），但这会导致 RadioButton 甚至无法渲染：

任何人都可以建议如何让 RadioButton 在以编程方式添加时均匀地填充包含的 RadioGroup 的整个宽度吗？我有什么明显遗漏的吗？

Answer 1

设置布局权重时，应使用 fill_parent 作为布局宽度。那么您不应该使用 LinearLayout.LayoutParams 而应使用 RadioGroup.LayoutParams，因为您要将单选按钮添加到 RadioGroup，而不是简单的 LinearLayout。

最后，当您使用充气器“构建”单选按钮时，单选按钮的 XML 文件已经具有从 XML 文件中选取的布局参数，因此我认为您应该只调用仅需要添加视图的 addView 方法作为参数（即addView(View v)）并将layout_width更改为fill_parent。

请注意，如果您需要在代码中引用变量“button”，即添加单击侦听器，则只需将侦听器添加到最后创建的按钮。您必须为要添加到 RadioGroup 的每个 RadioButton（按钮、button1、button2 等）创建一个 RadioButton 对象。

Answer 2

仅供参考，完全不需要任何 xml 即可完成

    RadioGroup rgrp = new RadioGroup(context);
    rgrp.setLayoutParams(new RadioGroup.LayoutParams(
                LinearLayout.LayoutParams.MATCH_PARENT,
                LinearLayout.LayoutParams.WRAP_CONTENT));
    rgrp.setOrientation(LinearLayout.HORIZONTAL);

        mAccent = new RadioButton(context);
        mAccent.setText("Accent");
        mAccent.setLayoutParams(new RadioGroup.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, 1f));
        rgrp.addView(mAccent);

        mGhost = new RadioButton(context);
        mGhost.setText( "Ghost");
        mGhost.setLayoutParams(new RadioGroup.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, 1f));
        rgrp.addView(mGhost);

        mFlam = new RadioButton(context);
        mFlam.setText( "Flam");
        mFlam.setLayoutParams(new RadioGroup.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, 1f));
        rgrp.addView(mFlam);

    layout.addView(rgrp);

Answer 3

我也遇到了这个问题，我使用了定义了权重的 RadioGroup.LayoutParams 。但是，我还发现，一旦以编程方式创建，按钮就不会响应触摸，因此将 clickable 和 enabled 设置为 true 并修复了问题。

  private RadioButton createMyTypeRadioButton(MyType type){

    //create using this constructor to use some of the style definitions
    RadioButton radio = new RadioButton(this, null, R.style.MyRadioStyle);

    RadioGroup.LayoutParams layoutParams = new RadioGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, 1f);
    radio.setLayoutParams(layoutParams);
    radio.setGravity(Gravity.CENTER);

    //tag used by the setOnCheckedChangeListener to link the radio button with mytype object
    radio.setTag(type.getId());

    //enforce enabled and clickable status otherwise they ignore clicks
    radio.setClickable(true);
    radio.setEnabled(true);

    radio.setText(type.getTitle());


    return radio;
}

private void updateMyTypesUi() {

    //populate RadioGroup with permitted my types
    for (int i = 0; i < myTypes.size(); i++) {
        MyType type = myTypes.get(i);           
        RadioButton radioButton = createSwapTypeRadioButton(type);
        myRadioGrp.addView(radioButton);

    }

    myRadioGrp.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(RadioGroup group, int checkedId) {
            RadioButton checkedType = (RadioButton) group.findViewById(checkedId);              
            String idOfMyTypeChecked = (String) checkedType.getTag();
            //do something with idOfMyTypeChecked
        }
    });
}