Android：5个按钮位置：更好的方法？

Question

我想修复图片中的 5 个按钮。但是我将五个按钮放置在 Nexus 6 的位置。当我在 Nexus 10 上尝试此代码时，我意识到我损失了 1 个小时：所有按钮都在不同的位置！

修复 5 个按钮和所有位置的更好方法是什么，所有设备/屏幕都可以。

下面的布局会起作用吗？

RelativeLayout
   Linear1  ( for the first 2 buttons )
   Linear 2 ( for the 2 buttons next buttons )
   Linear 3 ( for the last button  )
/RelativeLayout

我重复我的问题，因为我不清楚：如何将 Button 放在特定位置？例如：我想把我的 GreenButton 放在屏幕顶部的 70% 处，以及屏幕右侧/左侧的 50% 处

Answer 1

尝试使用带有android:layout_alignParentTop、android:layout_centerVertical 和其他类似对齐属性等属性的RelativeLayout。它们允许您在布局中专门放置按钮以获得所需的效果。结果如下：

这里是代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context="com.yourpackage.FiveButtonActivity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button1"
        android:id="@+id/button1"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button2"
        android:id="@+id/button2"
        android:layout_alignParentTop="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button3"
        android:id="@+id/button3"
        android:layout_centerVertical="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button4"
        android:id="@+id/button4"
        android:layout_alignBottom="@+id/button5"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button5"
        android:id="@+id/button5"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true" />
</RelativeLayout>

Answer 2

尝试使用 PercentRelativeLayout。您可以为视图提供百分比，这对您的情况非常有用。最近添加到支持库。

http://developer.android.com/reference/android/support/percent/PercentRelativeLayout.html

例子：

 <android.support.percent.PercentRelativeLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
     android:layout_height="match_parent">

     <ImageView
         app:layout_widthPercent="50%"
         app:layout_heightPercent="50%"
         app:layout_marginTopPercent="25%"
         app:layout_marginLeftPercent="25%"/>

 </android.support.percent.PercentRelativeLayout>

您可以使用的属性是：

layout_widthPercent
layout_heightPercent
layout_marginPercent
layout_marginLeftPercent
layout_marginTopPercent
layout_marginRightPercent
layout_marginBottomPercent
layout_marginStartPercent
layout_marginEndPercent
layout_aspectRatio