Question

我有这个代码并需要以下图像位置。但是我使用了相对布局，＆amp;图像在所有设备中都没有正确对齐，有些图像重叠。编辑：主要要求：根据我的要求，我想点击绿帽。因此，如果我按下红色帽子，那么ImageView将会消失。所以，剩下的两个图像必须在同一个地方。所以如果我使用layout_weight，它会将剩下的两个图像覆盖到剩余的空间。如何才能获得此要求的最佳输出。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#657383"
android:orientation="horizontal" >



<RelativeLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent">


<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:clickable="true"
    android:layout_alignParentLeft="true"
    android:layout_centerVertical="true"
    android:contentDescription="@string/app_name" />

<ImageView
    android:id="@+id/imageView2"
    android:layout_centerInParent="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:clickable="true"
    android:contentDescription="@string/app_name" />

<ImageView
    android:id="@+id/imageView3"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:clickable="true"
    android:contentDescription="@string/app_name" />

Model Image

谢谢。

Answer 1

您可以将LinearLayout与android:layout_weight属性一起使用。为所有ImageView设置layout_weight属性相同。通过这个，所有ImageView将占用相同的空间。还可以使用android:scaleType="fitXY"

例如，如果我考虑编辑你的代码..（只是写在这里，所以可能会有轻微的错误）

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


    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="0dip"
        android:layout_weight="1"
        android:scaleType="fitXY"
        android:layout_height="wrap_content"
        android:clickable="true"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:contentDescription="@string/app_name" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_centerInParent="true"
        android:layout_width="0dip"
        android:layout_weight="1"
        android:scaleType="fitXY"
        android:layout_height="wrap_content"
        android:clickable="true"
        android:contentDescription="@string/app_name" />

<ImageView
    android:id="@+id/imageView3"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"       
    android:layout_width="0dip"
    android:layout_weight="1"
    android:scaleType="fitXY"
    android:layout_height="wrap_content"
    android:clickable="true"
    android:contentDescription="@string/app_name" />

Answer 2

您可以使用

android:layout_toRightOf="" // specify id of image-view
android:layout_toLeftOf=""  //  specify id of image-view

在值字段中，您需要指定图像视图的ID

Answer 3

试试这个

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#657383"
    android:orientation="horizontal" >
    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:clickable="true"
        android:layout_weight="1"
        android:src="@drawable/ic_launcher"
        android:contentDescription="@string/app_name" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:clickable="true"
         android:layout_weight="1"
          android:src="@drawable/ic_launcher"
        android:contentDescription="@string/app_name" />

    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:clickable="true"
        android:layout_weight="1"
         android:src="@drawable/ic_launcher"
        android:contentDescription="@string/app_name" />

    </LinearLayout>

Answer 4

RelativeLayout是多余的。您只需将线性布局设置为居中：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    android:gravity="center"
    android:background="#657383"
    android:orientation="horizontal" >
    <ImageView
        ...

请注意额外的行android:layout_gravity="center"和android:gravity="center"

Answer 5

如果您希望图像不重叠，则必须在屏幕较小的设备上使用较小的图像。您可以使用drawable-large- * dpi和xlarge- dpi或drawable-sw ** dp- * dpi文件夹来获取更大的图像，并使用drawable- * dpi用于手机。

顺便说一下。你不需要LinearLayout包装所有东西。

在布局上显示图像

5 个答案: