2017-09-26 90 views
0

我想创建这样的布局: enter image description here布点,不能够实现

这是我使用的代码:

<RelativeLayout 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@drawable/ans_bg_normal" 
      android:padding="@dimen/padding25" 
      android:gravity="center_vertical" 
      > 
      <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" 
       /> 

      <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" 
       /> 
     </RelativeLayout> 

我正在从这个输出:

enter image description here

文字重叠,我该如何解决?

+0

:layout_toRightOf = “@ + ID/option1_a” 为更好的结果使用的LinearLayout与方位水平 –

+0

,对双方的TextView layour_weight设置 –

回答

0

尝试设置重这样&看到的是它的工作与否:

<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> 
0

以下内容添加到您的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" /> 

对齐此布局的结束第一布局将做伎俩

0

我认为为每个选项分别获取背景图像可能会有所帮助,或者您可以采取两种不同的图像GES背景

  1. 的问题数量和
  2. 为您的选择布局的背景。
排在第二的TextView采用Android