布局，无法实现

Question

我想创建这个布局：

这是我使用的代码：

Image

我从这里获得了这个输出：

文字重叠，我该如何解决？

Answer 1

尝试设置这样的重量＆amp;看它是否有效：

<LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/ans_bg_normal"
            android:padding="@dimen/padding25"
            android:gravity="center_vertical"
            android:orientation="horizontal" 
            android:weightSum="1">

            <com.app.quizjeetho.Fonts.TextView_Bold
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/ans_circle_normal"
                android:id="@+id/option1_a"
                 android:layout_weight=".3"/>

            <com.app.quizjeetho.Fonts.TextView_Bold
                android:id="@+id/option1"
                android:textSize="15sp"
                android:textColor="@color/white"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="asdsdddadsadasdasdsadasdsadddsf"
                android:layout_centerInParent="true"
                android:layout_weight=".7"/>
        </LinearLayout>

Answer 2

将以下内容添加到RelativeLayout以使其正常工作

<com.app.quizjeetho.Fonts.TextView_Bold
    android:id="@+id/option1"
    android:textSize="15sp"
    android:textColor="@color/white"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toEndOf="@id/option1_a"
    android:layout_centerVertical="true"
    android:text="asdsdddadsadasdasdsadasdsadddsf" />

将此布局与第一个布局的末尾对齐将会起到作用

Answer 3

我认为为每个选项获取单独的背景图像可能有所帮助，或者您可以为背景拍摄两个不同的图像

1. 代表问题和
2. 了解您的选项布局的背景。