按钮上的单选按钮文本

时间:2011-08-30 18:24:54

标签: android android-layout radio-button

我正在尝试在android中创建一个看起来像的视图:

文本

  • 单选按钮1
  • ...
  • ...

我认为这很简单,但至少在布局预览和模拟器中我看到RadioButton的文本出现在实际单选按钮(圆圈)的顶部,请参阅附带的屏幕截图。我猜这是一件非常微不足道的事情,但是我对于引力以及我能想到的其他任何设置都没有。 Android 3.1如果重要的话。

这是我的布局:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:background="@color/white"
  android:layout_width="match_parent"
  android:layout_height="match_parent">

<TextView android:id="@+id/question_text"
    android:textColor="@color/primary_gray"
    android:layout_width="match_parent"
    android:text="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
        android:layout_height="wrap_content"/>

<RadioGroup android:id="@+id/multiple_choice_one_answer_group"
    android:background="@color/white"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

   <RadioButton
      android:background="@color/primary_gray"
      android:textColor="@color/black"
      android:textSize="10sp"
      android:text="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" />
</RadioGroup>

</LinearLayout>

截图:

Screwed up radio button

2 个答案:

答案 0 :(得分:3)

问题在于设置背景。如果从RadioButton中删除背景并将其保留在RadioGroup上,它将具有您正在寻找的效果。通常,将Button的背景设置为所有内容会删除按钮外观;尝试使用常规按钮,你会看到。这是因为Button的背景已经设置为某种东西,而你用平面颜色替换它。

请改为尝试:

<RadioGroup android:id="@+id/multiple_choice_one_answer_group"
    android:background="@color/primary_gray"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <RadioButton
        android:textColor="@color/black"
        android:textSize="10sp"
        android:text="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" />
</RadioGroup>

答案 1 :(得分:1)

在java代码中设置背景而不是布局也解决了这个问题。