android - ImageViews 在多个屏幕中的准确位置

Question

我希望图片中的红色和绿色引脚在所有屏幕中都与 Nexus 4(左上角屏幕)中的图片完全一样。我阅读了类似的页面并阅读了 http://developer.android.com/guide/practices/screens_support.html我知道我可以用 layout-large、layout-xlarge 等来解决这个问题，但我有 40 个这样的布局，如果我为不同的屏幕制作它们中的每一个，它就会出现(40*4)160布局!

这是 XML 布局:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/outlineLayout"
android:layout_width="match_parent"
android:layout_height="match_parent">

<ImageView
    android:id="@+id/arrowleft"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="107dp"
    android:scaleType="fitCenter"
    android:src="@drawable/arrowleft" />

<ImageView
    android:id="@+id/greenpin"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignRight="@+id/imageView1"
    android:layout_alignTop="@+id/img_start"
    android:src="@drawable/greenpin" />

<ImageView
    android:id="@+id/redpin"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/imageView1"
    android:layout_centerVertical="true"
    android:scaleType="centerCrop"
    android:src="@drawable/redpin" />

  </RelativeLayout>

Answer 1

使用如下布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:id="@+id/outlineLayout"
 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:layout_centerVertical="true"
  android:src="@drawable/arrowleft" />

<ImageView
  android:id="@+id/imageView2"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_centerVertical="true"
  android:layout_toRightOf="@+id/imageView1"
  android:src="@drawable/greenpin" />

<ImageView
  android:id="@+id/img_start"
  android:layout_toLeftOf="@+id/imageView1"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_centerVertical="true"
  android:src="@drawable/redpin" />

 </RelativeLayout>

您可以根据需要添加其他标签，但是根据上述逻辑，您可以根据需要对齐所有三个图像。

快乐编码