FrameLayout на разных размерах экрана

Question

Привет, я разрабатываю приложение «приложения для барабанов», и я хочу, чтобы приложение выглядело как настоящие барабаны, поэтому на главном экране у меня есть фон для барабанов, а на заднем плане у меня есть кнопки изображения с пэдов я сократить его до этого в фотошопе так:

теперь, когда я пытаюсь поставить «ImageButtons» в правильное положение, это хорошо выглядеть на одном устройстве, а на другом устройстве, это выглядеть так:

вот мой код:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" > 

    <FrameLayout 
     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:src="@drawable/drums" /> 

     <ImageButton 
      android:id="@+id/imageButton2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="left" 
      android:layout_marginLeft="200dp" 
      android:layout_marginTop="30dp" 
      android:background="@android:color/transparent" 
      android:src="@drawable/image2" /> 

     <ImageButton 
      android:id="@+id/imageButton3" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="32dp" 
      android:layout_marginTop="50dp" 
      android:background="@android:color/transparent" 
      android:src="@drawable/image3" /> 

     <ImageButton 
      android:id="@+id/imageButton4" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="93dp" 
      android:layout_marginTop="13dp" 
      android:background="@android:color/transparent" 
      android:src="@drawable/image4" /> 

     <ImageButton 
      android:id="@+id/imageButton1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="235dp" 
      android:layout_marginTop="95dp" 
      android:background="@android:color/transparent" 
      android:src="@drawable/image1" /> 

    </FrameLayout> 

</LinearLayout> 

Как я могу справиться с этим? Я думаю, я попробовал что-нибудь! Это правильный способ думать так?

Answer 1

Возможно, ваш путь, вероятно, не подходит для решения этой проблемы. Прежде всего, если вы хотите поместить свою точку зрения относительно других видов, которые вы должны использовать RelativeLayout - http://developer.android.com/guide/topics/ui/layout/relative.html

вторых Вы должны предоставить Different Drum PNG-файл для различных плотностей: http://developer.android.com/training/multiscreen/screendensities.html#TaskProvideAltBmp. прочитайте, укажите другую часть png.

третий вы должны действительно прочитать Designing for Multiple Screens руководство: http://developer.android.com/training/multiscreen/index.html

если у вас есть какие-либо другие вопросы после того, не стесняйтесь спрашивать.