對齊TextView和ImageView

我想在一行中設置文本和圖像（小圖像）。要求是文本應該左對齊，並且圖像應該右對齊。如果文字很大，那麼它不應該與圖像重疊，而應該出現在兩行或更多行中。我正在嘗試這與下面的一段代碼，但它不工作。所有圖像的第一個沒有右對齊，如果文本大，圖像不來可言，只有文本即將在多行：對齊TextView和ImageView

  <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" > 

       <TextView 
        android:id="@+id/answerTextView" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="left" 
        android:focusable="true" 
        android:gravity="left" 
        android:textSize="@dimen/answer_size" 
        android:textStyle="bold" > 
       </TextView> 

       <View 
        android:layout_width="3dip" 
        android:layout_height="wrap_content" > 
       </View> 

       <ImageView 
        android:id="@+id/congratsImageView" 
        android:layout_width="@dimen/congrats_img_width" 
        android:layout_height="@dimen/congrats_img_height" 
        android:layout_gravity="right" 
        android:adjustViewBounds="false" 
        android:scaleType="fitXY" > 
       </ImageView> 
      </LinearLayout>

我RelativeLayout的嘗試也，在這種情況下，圖像和文本都是左對齊，圖像與左邊的文字重疊。請注意，這裏還有LinearLayout上下的其他字段，我在運行時從Java方法中提取圖像。任何幫助將不勝感激。

來源

2013-04-22 Sid

使用android：weight屬性賦予它們相等的空間。

看我修改了你的代碼。它會100％的工作使用它。

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" > 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"   
     android:orientation="horizontal" > 

     <TextView 
      android:id="@+id/answerTextView" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_gravity="left" 
      android:layout_weight="1" 
      android:focusable="true" 
      android:gravity="left" 
      android:text="Hello world.Hello world.Hello world.Hello world.Hello world.Hello world. " 
      android:textColor="@android:color/white" 
      android:textStyle="bold" > 
     </TextView> 

     <View 
      android:layout_width="3dip" 
      android:layout_height="wrap_content" > 
     </View> 

     <ImageView 
      android:id="@+id/congratsImageView" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_gravity="right" 
      android:layout_weight="1" 
      android:adjustViewBounds="false" 
      android:scaleType="fitXY" 
      android:src="@drawable/ic_launcher" > 
     </ImageView> 
    </LinearLayout> 

</LinearLayout>

來源

2013-04-22 19:07:08

@Sid剛剛回來給我，如果它給了問題，或者您有任何問題。 – 2013-04-22 19:23:25

感謝Nikhil，現在文本左對齊和圖像右對齊（根據要求），但現在圖像的高度和寬度不固定（我明確設置在這裏），它基於文本後可用空間設置寬度和高度。如果可以，請幫助。 – Sid 2013-04-22 19:37:46

@Sid我不理解請解釋你的問題。你想修正圖像的高度和寬度。 – 2013-04-22 19:39:38

試試下面的代碼 -

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"   
    android:orientation="horizontal" > 

    <TextView 
     android:id="@+id/answerTextView" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:focusable="true" 
     android:gravity="left" 
     android:text="Hello world.Hello world.Hello world.Hello world.Hello world.Hello world. " 
     android:textColor="@android:color/white" 
     android:textStyle="bold" > 
    </TextView> 

    <View 
     android:layout_width="3dip" 
     android:layout_height="wrap_content" > 
    </View> 

    <ImageView 
     android:id="@+id/congratsImageView" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:src="@drawable/ic_launcher" > 
    </ImageView> 
</LinearLayout> 

</LinearLayout>

來源

2013-04-22 20:10:06 jaibatrik

對齊TextView和ImageView

回答

相關問題