Android 百分比布局

首先引入依赖:
compile ‘com.android.support:percent:25.3.1’

包中可用的布局为 PercentRelativeLayout 和 PercentFrameLayout 。
PercentRelativeLayout 继承自 RelativeLayout, PercentFrameLayout继承自 FrameLayout 。

可用属性：
layout_widthPercent   宽度

layout_heightPercent  高度

layout_marginPercent  留白

layout_marginLeftPercent 左侧留白

layout_marginTopPercent  顶部留白

layout_marginRightPercent 右侧留白

layout_marginBottomPercent 底部留白

layout_marginStartPercent 左侧留白

layout_marginEndPercent  右侧留白

layout_aspectRatio  宽和高的比例

PercentRelativeLayout 使用

<?xml version="1.0" encoding="utf-8"?>
<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">

    <!--左上右下留白 2%-->
    <TextView  android:layout_width="0dp" android:layout_height="0dp" android:background="#88ff0000" android:text="高度 40% 宽度 40%" app:layout_heightPercent="40%" app:layout_widthPercent="40%" app:layout_marginLeftPercent ="2%" app:layout_marginRightPercent ="2%" app:layout_marginTopPercent ="2%" app:layout_marginBottomPercent ="2%" android:gravity="center" />
    <!--左上右下留白 2%-->
    <TextView  android:layout_width="0dp" android:layout_height="0dp" android:background="#8800ff00" android:text="高度 40% 宽度 50%" android:layout_alignParentRight="true" app:layout_heightPercent="40%" app:layout_widthPercent="50%" app:layout_marginPercent= "2%" android:gravity="center" />

    <!--左侧和右侧留白5%-->
    <TextView  android:layout_width="0dp" android:layout_height="0dp" android:layout_alignParentBottom="true" android:gravity="center" android:background="#880000ff" android:text="宽度:100%,高度:50%" app:layout_marginStartPercent = "5%" app:layout_marginEndPercent = "5%" app:layout_heightPercent="50%" app:layout_widthPercent="100%"/>


</android.support.percent.PercentRelativeLayout>

效果如图:

layout_aspectRatio属性

app:layout_aspectRatio = “200%” 表示宽和高的比例位2：1

<TextView
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:gravity="center"
        android:background="#8800ff00"
        android:text="宽度:50%,宽高比例为2:1"
        app:layout_widthPercent="50%"
        app:layout_aspectRatio = "200%"
        app:layout_marginPercent = "5%"
        />

效果以下：

PercentFrameLayout 使用

<?xml version="1.0" encoding="utf-8"?>
<android.support.percent.PercentFrameLayout  xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" >

    <TextView  android:layout_gravity="center_horizontal|center_vertical" android:layout_width="0dp" android:layout_height="0dp" android:background="#88ff0000" app:layout_heightPercent="80%" app:layout_widthPercent="80%" android:text="红" />
    <TextView  android:layout_width="0dp" android:layout_height="0dp" android:background="#8800ff00" android:layout_gravity="center_horizontal|center_vertical" app:layout_heightPercent="50%" app:layout_widthPercent="50%" android:text="绿" />
    <TextView  android:layout_width="0dp" android:layout_height="0dp" android:background="#880000ff" app:layout_heightPercent="20%" app:layout_widthPercent="20%" android:layout_gravity="center_horizontal|center_vertical" android:text="蓝"/>
</android.support.percent.PercentFrameLayout>

如图:

android-percent-support-lib-sample
这个库实现了PercentLinearLayout。