Question

我需要放ImageView，而它下面应该是textview。我在RelativeLayout中使用文字和图片完成了这项工作。一切都很好，但我需要给ImageView更多的空间（2/3）。我怎样才能做到这一点？ Thx提前。

<RelativeLayout
    android:id="@+id/rel_lay"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentLeft="true"
    android:layout_above="@+id/adPlaceholder" >
    <ImageView  
        android:id="@+id/image_first"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:src="@drawable/ic_launcher"
        android:layout_centerHorizontal="true"  />

    <TextView
        android:id="@+id/text_main"
        android:layout_below="@+id/image_first"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"  
        android:text="@string/hello_world"/>
</RelativeLayout>

Answer 1

我认为LinearLayout更适合您的情况您可以将LinearLayout与android:orientation="vertical"和android:weightSum="3"

一起使用

然后，您可以将android:layout_weight="2"提供给ImageView，将android:layout_weight="1"提供给TextView

更新后的最终XML代码

<LinearLayout
android:id="@+id/rel_lay"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:layout_above="@+id/adPlaceholder"
android:orientation="vertical"
android:weightSum="3" >

<ImageView  
    android:id="@+id/image_first"
    android:layout_width="wrap_content"
    android:layout_height="0dip"
    android:layout_weight="2"
    android:src="@drawable/ic_launcher"
    android:layout_centerHorizontal="true"  />

<TextView
    android:id="@+id/text_main"
    android:layout_width="wrap_content"
    android:layout_height="0dip"
    android:layout_weight="1"
    android:layout_centerHorizontal="true"  
    android:text="@string/hello_world"/>
</LinearLayout>

Answer 2

您是否想要某些内容，或者您的图片占用的文字空间更大，您可以这样做：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/rel_lay"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@+id/adPlaceholder"
    android:layout_alignParentLeft="true" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="200dip"
        android:gravity="center_horizontal"
        android:orientation="vertical" >

        <ImageView
            android:id="@+id/image_first"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/ic_launcher" />

        <TextView
            android:id="@+id/text_main"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0.5"
            android:text="@string/hello_world" />
    </LinearLayout>

</RelativeLayout>

Answer 3

我认为最好的解决方案是设置LinearLayout inside ReletiveLayout并将权重设置为内部LinearLayout。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/rel_lay"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@+id/adPlaceholder"
    android:layout_alignParentLeft="true" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center_horizontal"
        android:orientation="vertical"
        android:weightSum="3" >

        <ImageView
            android:id="@+id/image_first"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@drawable/ic_launcher" />

        <TextView
            android:id="@+id/text_main"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="2"
            android:text="@string/hello_world" />
    </LinearLayout>

</RelativeLayout>

另请注意，layout_weight of ImageView is 1 out of 3在父母的2/3和TextView is 2 out of 3的{{1}}制作，使其覆盖父母的1/3。

如何在RelativeLayout中划分ImageView和TextView之间的屏幕空间

3 个答案: