TextView和ImageView在LinearLayout中的位置

Question

我如何使 TextView 的位置位于 LinearLayout 的左侧，而 ImageView 的位置位于 LinearLayout 的右侧，

    <LinearLayout
        android:orientation="horizontal"
        android:layout_gravity="center_horizontal"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:layout_marginBottom="1dip"
        android:layout_marginRight="5dip"
        android:layout_marginLeft="5dip"
        >
        <TextView  
            android:id="@+id/formulaTextKite"
            android:text="@string/formulasAreasKite"
            style="@style/stripFormulasTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            />  
        <ImageView
            android:id="@+id/picAreaKite"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="2dip"
            android:layout_marginLeft="2dip"
            android:src="@drawable/areakite"
            />
    </LinearLayout>

谢谢 伊齐克

Answer 1

最好使用像这样的RelativeLayout，

<?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_gravity="center_horizontal"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:layout_marginBottom="1dip"
        android:layout_marginRight="5dip"
        android:layout_marginLeft="5dip"
        >
        <TextView  android:layout_alignParentLeft="true"
            android:id="@+id/formulaTextKite"
            android:text="testing"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            />  
        <ImageView android:layout_alignParentRight="true"
            android:id="@+id/picAreaKite"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="2dip"
            android:layout_marginLeft="2dip"
            android:src="@drawable/icon"
            />
    </RelativeLayout>

Answer 2

试试这个，

<LinearLayout 
        android:orientation="horizontal" 
        android:layout_gravity="center_horizontal" 
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent" 
        android:weightSum="3"
        > 
        <TextView   
            android:id="@+id/formulaTextKite" 
            android:text="@string/formulasAreasKite" 
            style="@style/stripFormulasTextView" 
            android:layout_width="0dp"
            android:layout_weight="1" 
            android:layout_height="wrap_content" 
            />   
        <LinearLayout
            android:layout_width="0dp"              //to keep anything in bettween
            android:layout_height="wrap_content"    //if dont need then take weightSum =2 not 3
            android:layout_weight="1">                 
        </LinearLayout>

        <ImageView 
            android:id="@+id/picAreaKite" 
            android:layout_width="0dp" 
            android:layout_height="wrap_content" 
            android:layout_weight="1"
            android:src="@drawable/areakite" 
            /> 
    </LinearLayout> 

Answer 3

您可以将layout_gravity

用于textView，使用layout_gravity =“left”

，对于imageView使用layout_gravity =“right”

，并且还可以将线性布局方向设置为vertical，这样才能正常工作。

HTH。

Answer 4

我使用了以下 xml 安排并且它有效：

<LinearLayout 
    android:orientation="horizontal" 
    android:layout_gravity="center_horizontal" 
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent" 
    android:weightSum="3"
    > 
 <ImageView 
        android:id="@bbm" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" 
        android:layout_weight="1"
        android:src="@drawable/bbm" 
        /> 

<TextView  
        android:id="@+id/formulaTextKite"
        android:text="@string/formulasAreasKite"
        style="@style/stripFormulasTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />  



</LinearLayout>