Android:以编程方式创建特殊的RadioButton

时间:2018-07-24 07:00:54

标签: c# android xamarin.android radio-button android-radiobutton

我正在尝试创建一种比例视图。因此,我将RadioButtons与RadioButton顶部的文本一起使用。

在我的布局文件中定义它可以很好地工作:

<LinearLayout
    android:layout_weight="1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <RadioGroup
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >
        <RadioButton
            android:layout_height="match_parent"
            android:layout_width="match_parent"
            android:text="Text on top"
            android:button="@null"
            android:drawableBottom="@android:drawable/btn_radio"
            android:gravity="center"
            android:layout_weight="1"/>
        <RadioButton
            android:layout_height="match_parent"
            android:layout_width="match_parent"
            android:text="Text on top"
            android:button="@null"
            android:drawableBottom="@android:drawable/btn_radio"
            android:gravity="center"
            android:layout_weight="1"/>
    </RadioGroup>
</LinearLayout>

结果如下:

enter image description here

现在,我只需要 RadioGroup 。我想以编程方式创建 RadioButtons ,并将其添加到RadioGroup。

我尝试了这段代码,但是它不起作用:

RadioButton rb = new RadioButton(Context);
LinearLayout.LayoutParams rbParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MatchParent, ViewGroup.LayoutParams.MatchParent);
rb.SetButtonDrawable(null);
rb.SetCompoundDrawablesWithIntrinsicBounds(null,null,null, Resources.GetDrawable(Android.Resource.Drawable.ButtonRadio));
rb.Text = "Test";
rb.Gravity = GravityFlags.Center;
rbParams.Weight = 1;
rb.LayoutParameters = rbParams;
radioGroup.AddView(rb);

我认为SetButtonDrawable和/或SetCompoundDrawableandroid:buttonandroid:drawableBottom不同。

编辑: 仅使用代码,而无需在.axml文件中创建RadioButtons,我只得到文本“ Test ”,而没有RadioButton。

enter image description here

编辑2:

使用SetCompoundDrawablesWithIntrinsicBounds,我看到单选按钮,但文本未居中。

enter image description here

编辑3:

好的,通过Mike的注释(在代码中进行了编辑),它可以正确显示一个单选按钮

enter image description here

现在下一个问题:

由于我需要添加多个单选按钮,因此我尝试了使用上面相同代码的简单循环。

   for (int i = 0; i < 4; i++)
  {
        RadioButton rb = new RadioButton(Context);
        ...
        radioGroup.AddView(rb);
   }

问题是,它仍然仅显示一个RadioButton。唯一发生的是,单选按钮和文本之间出现了一些空白。

enter image description here

编辑4:

使用LayoutParams.WrapContent,我可以显示所有RadioButton。但是我的意思是,RadioButtons填充了RadioGroup。这就是为什么我使用match_parent作为宽度,并认为weight=1的每个RadioButton会获得相同的空间。

enter image description here

修改5:

将LayoutParameters的宽度设置为0在创建RadioButtons的循环内不起作用。如果这样做,则不会显示任何单选按钮。

有效的方法: 在for循环中创建RadioButtons之后,我将此代码称为:

var count = radioGroup.ChildCount;

for (int i = 0; i < count; i++)
{
    var currentRb = radioGroup.GetChildAt(i);

    LinearLayout.LayoutParams rbParams2 = new LinearLayout.LayoutParams(0,
        ViewGroup.LayoutParams.WrapContent);
    rbParams2.Weight = 1;

    currentRb.LayoutParameters = rbParams2;
}

我要解释这种行为的唯一想法是,RadioGroup不知道它将拥有多少视图,因此它无法处理刚刚被夸大的元素的weight属性。

但是谢谢Mike逐步找到此解决方案!

2 个答案:

答案 0 :(得分:0)

我认为您忘记为单选按钮设置布局参数了。只需添加rb.setLayoutParams(rbParams);,然后再将rb添加到radioGroup

答案 1 :(得分:0)

最适合我的解决方案:

    foreach (var option in options)
    {
        RadioButton rb = new RadioButton(Context);
        rb.SetButtonDrawable(null);
        rb.SetCompoundDrawablesWithIntrinsicBounds(null,null,null,ContextCompat.GetDrawable(Context, Android.Resource.Drawable.ButtonRadio));
        rb.Text = option.Text;
        rb.Gravity = GravityFlags.Center;
        radioGroup.AddView(rb);
    }

    // Weight für die RBs setzen
    for (int i = 0; i < radioGroup.ChildCount; i++)
    {
        var currentRb = radioGroup.GetChildAt(i);
        LinearLayout.LayoutParams rbParams = new LinearLayout.LayoutParams(0,
            ViewGroup.LayoutParams.WrapContent) {Weight = 1};
        currentRb.LayoutParameters = rbParams;
    }

.axml中的简化RadioGroup:

    <LinearLayout
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:gravity="center"
    android:layout_width="match_parent"
    android:id="@+id/formItemScaleLayout"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

        <TextView
            android:id="@+id/formItemScaleStart"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Start"/>

        <RadioGroup
            android:layout_weight="1"
            android:id="@+id/formItemScaleRadioGroup"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >
        </RadioGroup>

        <TextView
            android:id="@+id/formItemScaleEnd"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="End"/>
</LinearLayout>