233.百分比布局（PercentFrameLayout和PercentRelativeLayout）

                                                

1.使用百分比布局首先需要在build.gradle中添加依赖库

dependencies {
   ……
    compile 'com.android.support:percent:26.+'
}

2.布局文件（在这用的是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">
 
    <Button
        android:id="@+id/btn1"
        android:text="w:20% h:10"
        android:textAllCaps="false"
        app:layout_widthPercent="20%"
        app:layout_heightPercent="10%"/>
 
    <Button
        android:id="@+id/btn2"
        android:text="w:40% h:10"
        app:layout_widthPercent="40%"
        app:layout_heightPercent="10%"
        android:textAllCaps="false"
        android:layout_below="@id/btn1"/>
 
    <Button
        android:id="@+id/btn3"
        android:text="w:60% h:10"
        android:textAllCaps="false"
        app:layout_widthPercent="60%"
        app:layout_heightPercent="10%"
        android:layout_below="@id/btn2"/>
 
    <Button
        android:id="@+id/btn4"
        android:text="w:80% h:10"
        app:layout_widthPercent="80%"
        app:layout_heightPercent="10%"
        android:textAllCaps="false"
        android:layout_below="@id/btn3"/>
 
    <Button
        android:id="@+id/btn5"
        android:text="w:100% h:10"
        app:layout_widthPercent="100%"
        app:layout_heightPercent="10%"
        android:textAllCaps="false"
        android:layout_below="@id/btn4"/>
 
    <Button
        android:id="@+id/btn6"
        android:text="w:80% h:10"
        app:layout_widthPercent="80%"
        app:layout_heightPercent="10%"
        android:textAllCaps="false"
        android:layout_below="@id/btn5"/>
 
    <Button
    android:id="@+id/btn7"
    android:text="w:60% h:10"
    app:layout_widthPercent="60%"
    app:layout_heightPercent="10%"
    android:textAllCaps="false"
    android:layout_below="@id/btn6"/>
 
    <Button
        android:id="@+id/btn8"
        android:text="w:40% h:10"
        app:layout_widthPercent="40%"
        app:layout_heightPercent="10%"
        android:textAllCaps="false"
        android:layout_below="@id/btn7"/>
 
    <Button
        android:id="@+id/btn9"
        android:text="w:20% h:10"
        app:layout_widthPercent="20%"
        app:layout_heightPercent="10%"
        android:textAllCaps="false"
        android:layout_below="@id/btn8"/>
 
</android.support.percent.PercentRelativeLayout>