0

我有这段代码,需要以下位置的图像。但是当我使用相对布局时,图像在所有设备中都没有正确对齐,有些图像重叠。 编辑:主要要求:在我的要求中,我想点击绿帽。所以,如果我按下 red cap ,那个 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" />


模型图像

谢谢你。

4

5 回答 5

1

您可以使用LinearLayoutwithandroid: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" />
于 2013-05-08T07:21:35.887 回答
1

您可以使用

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

在值字段中,您需要指定图像视图的 id

于 2013-05-08T07:25:27.740 回答
0

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

顺便提一句。您不需要 LinearLayout 包装所有内容。

于 2013-05-08T07:28:10.577 回答
0

尝试这个

 <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>
于 2013-05-08T07:24:58.003 回答
0

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"

于 2013-05-08T07:26:59.690 回答