如何构建应用程序以适应 android xml 中的所有屏幕尺寸

Question

我正在创建我的第一个应用程序，它非常简单，在创建它时，我在手机上测试了该应用程序（gs3 4.8 英寸）。然而，当我用不同的手机测试它时，整个事情都被扭曲了。我想知道我该如何修复它，或者我是否把整个事情都弄错了。我没有足够的声望点来发布图片，但我会描述会发生什么。我有一个背景图像，上面有按钮，按钮必须在一个非常特定的位置，如果不是整个事情看起来都乱七八糟。我的代码是

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

<ImageView
    android:id="@+id/ivReturnedPic"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:src="@drawable/newbeach3" />

<TextView
android:id="@+id/textView1"

android:layout_width="wrap_content"
android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:layout_marginRight="300dp"
android:layout_marginTop="570dp"
android:text="Intensity:" />

 SeekBar
android:id="@+id/seekBar1"
android:layout_width="355dp"
android:layout_height="wrap_content"
    android:layout_marginTop="590dp"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true" />

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

<Button
    android:id="@+id/bvibrate2"
    android:layout_width="160dp"
    android:layout_height="35dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_marginRight="14dp"
    android:layout_marginTop="175dp"
    android:background="@drawable/piece2"
    android:text="Pattern 2" />

<Button
    android:id="@+id/bvibrate1"
    android:layout_width="160dp"
    android:layout_height="35dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_marginRight="187dp"
    android:layout_marginTop="175dp"
    android:background="@drawable/piece1"
    android:text="Pattern 1" />

<Button
    android:id="@+id/bvibrate3"
    android:layout_width="160dp"
    android:layout_height="35dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_marginRight="187dp"
    android:layout_marginTop="291dp"
    android:background="@drawable/piece3"
    android:text="Pattern 3" />

<Button
    android:id="@+id/bvibrate4"
    android:layout_width="160dp"
    android:layout_height="35dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_marginRight="14dp"
    android:layout_marginTop="291dp"
    android:background="@drawable/piece4"
    android:text="Pattern 4" />

<Button
    android:id="@+id/bvibrate6"
    android:layout_width="160dp"
    android:layout_height="35dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_marginRight="14dp"
    android:layout_marginTop="407dp"
    android:background="@drawable/piece6"
    android:text="Pattern 6" />

<Button
    android:id="@+id/bvibrate5"
    android:layout_width="160dp"
    android:layout_height="35dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_marginRight="187dp"
    android:layout_marginTop="407dp"
    android:background="@drawable/piece5"
    android:text="Pattern 5" />

<Button
    android:id="@+id/bvibrate7"
    android:layout_width="160dp"
    android:layout_height="35dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_marginRight="187dp"
    android:layout_marginTop="523dp"
    android:background="@drawable/piece7"
    android:text="Pattern 7" />

<Button
    android:id="@+id/bvibrate8"
    android:layout_width="160dp"
    android:layout_height="35dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_marginRight="14dp"
    android:layout_marginTop="523dp"
    android:background="@drawable/piece8"
    android:text="Pattern 8" />

<Button
    android:id="@+id/bstop"
    android:layout_width="87dp"
    android:layout_height="87dp"
    android:layout_alignParentTop="true"
    android:layout_alignRight="@+id/bvibrate1"
    android:layout_marginRight="29dp"
    android:layout_marginTop="52dp"
    android:background="@drawable/square"
    android:text="Stop" />
</RelativeLayout>

Answer 1

要处理这些更改，您必须在 res 文件夹中创建 layout-large 和 layout-xlarge。然后从布局文件夹中复制您的 layout.xml 并粘贴到您创建的两个新文件夹中。然后从eclipseGraphical Layout 你会看到你的布局在不同的设备上会是什么样子，从那里你必须编辑布局以适应其他屏幕尺寸。这是在 android 中处理不同屏幕的最简单方法。希望对你有所帮助。