有沒有辦法根據屏幕大小改變圖像的位置？

Question

我正在做一個項目，我必須在地圖上顯示箭頭，這是一張圖片。當使用不同的屏幕時，底圖將伸展或壓縮。但是箭頭的位置仍然保持不變。是否有任何方法讓箭頭跟隨地圖？

圖像1是當我使用更小的屏幕，而圖像2是當我使用較大scrren

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" 
android:layout_height="fill_parent" 

tools:context="com.example.window8.rescape.Escape" 
android:id="@+id/main" 

> 

<ImageView 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:id="@+id/background" 
    android:background="@drawable/basebase" /> 

<ImageView 
    android:layout_width="50dp" 
    android:layout_height="60dp" 
    android:id="@+id/pointer" 
    android:layout_gravity="bottom" 
    android:background="@drawable/pointer" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentStart="true" 
    android:layout_marginBottom="198dp" /> 

<LinearLayout 
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 

    <LinearLayout 
     android:orientation="horizontal" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:layout_weight="1"> 

     <ImageView 
      android:layout_width="30dp" 
      android:layout_height="30dp" 
      android:id="@+id/imageView2" 
      android:background="@drawable/arrow4" 
      android:layout_marginLeft="68px" /> 

     <ImageView 
      android:layout_width="30dp" 
      android:layout_height="30dp" 
      android:id="@+id/imageView" 
      android:background="@drawable/arrow2" 
      android:layout_marginLeft="80px" /> 
    </LinearLayout> 

    <LinearLayout 
     android:orientation="horizontal" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:layout_weight="1"></LinearLayout> 

    <LinearLayout 
     android:orientation="horizontal" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:layout_weight="1"></LinearLayout> 

    <LinearLayout 
     android:orientation="horizontal" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:layout_weight="1"></LinearLayout> 
</LinearLayout> 

</RelativeLayout> 

Answer 1

對於包含的箭頭添加2個LinearLayouts所述的LinearLayout。一個在第一個箭頭之前，另一個在箭頭之間。此外，增加重量和父的LinearLayout如下：

<LinearLayout 
    android:orientation="horizontal" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:layout_weight="1" 
    android:layout_weightSum="100"> 

    <LinearLayout 
     android:orientation="horizontal" 
     android:layout_width="0dp" 
     android:layout_weight="10" 
     android:layout_height="fill_parent"/> 

    <ImageView 
     android:layout_width="30dp" 
     android:layout_height="30dp" 
     android:id="@+id/imageView2" 
     android:background="@drawable/arrow4" 
     android:layout_marginLeft="68px" /> 

    <LinearLayout 
     android:orientation="horizontal" 
     android:layout_width="0dp" 
     android:layout_weight="10" 
     android:layout_height="fill_parent"/> 

    <ImageView 
     android:layout_width="30dp" 
     android:layout_height="30dp" 
     android:id="@+id/imageView" 
     android:background="@drawable/arrow2" 
     android:layout_marginLeft="80px" /> 
</LinearLayout> 

現在，你需要直到你找到想要的那些與權重值打了2個線性佈局。

Answer 2

把你的箭一的FrameLayout內，並添加layout_gravity屬性，對他們說：

<FrameLayout 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:layout_weight="1"> 

    <ImageView 
     android:layout_width="30dp" 
     android:layout_height="30dp" 
     android:id="@+id/imageView2" 
     android:background="@drawable/arrow4" 
     android:layout_marginLeft="68px" 
     android:layout_gravity="top|left" /> 

    <ImageView 
     android:layout_width="30dp" 
     android:layout_height="30dp" 
     android:id="@+id/imageView" 
     android:background="@drawable/arrow2" 
     android:layout_marginRight="68px" 
     android:layout_gravity="top|right" /> 
</FrameLayout>