《Android 第一行代码之百分比布局》

一、开发背景

        郭霖《第一行代码（第二版）》中第3.3.4百分比布局里面的分享，遇到的问题及其这个百分比布局的总结。

二、使用步骤

       1. 添加依赖：书本上是

compile 'com.android.support:percent:24.2.1'

       你会发现报错，无法加载成功。修改成即可！

compile 'com.android.support:percent:25.1.0'

       那么为什么会出现这种情况呢：是因为依赖库里面已经更新了这个库，同时你也更新了appcompat-v7库，所以他才会给你报错，强制让你改成相应的版本。

compile 'com.android.support:appcompat-v7:25.1.0'
compile 'com.android.support:percent:25.1.0'

       两者对应即可。

       2.好了之后别忘记 Sync Now(位于Android Studio右上角)，后面我们就可以使用百分比布局了。

       3.百分比布局的使用：

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

<Button
android:id="@+id/btn1"
android:layout_gravity="left|top"
android:background="@color/colorAccent"
android:text="5"
app:layout_heightPercent="20%"
app:layout_widthPercent="33.333%" />

<Button
android:id="@+id/btn5"
android:layout_gravity="center|top"
android:background="@color/colorPrimary"
android:text="2"
app:layout_heightPercent="20%"
app:layout_widthPercent="33.333%" />

<Button
android:id="@+id/btn2"
android:layout_gravity="right|top"
android:background="@color/colorAccent"
android:text="0"
app:layout_heightPercent="20%"
app:layout_widthPercent="33.333%" />

<Button
android:id="@+id/btn3"
android:layout_gravity="left|bottom"
android:text="百分比3"
app:layout_heightPercent="80%"
app:layout_widthPercent="50%" />

<Button
android:id="@+id/btn7"
android:layout_gravity="right|bottom"
android:background="#ffc"
android:gravity="top"
android:text="百分比3"
app:layout_heightPercent="80%"
app:layout_widthPercent="50%" />

<Button
android:id="@+id/btn4"
android:layout_gravity="right|bottom"
android:background="#fbb"
android:text="百分比4"
app:layout_heightPercent="20%"
app:layout_widthPercent="50%" />

<Button
android:id="@+id/btn6"
android:layout_gravity="center|right"
android:background="#fbb"
android:text="百分比6"
app:layout_heightPercent="20%"
app:layout_widthPercent="50%" />
</android.support.percent.PercentFrameLayout>

       4.对应的布局是这样的：



三、总结

       优点：可以按比例进行设置布局；

       缺点：只能根据单方向只能放置3个控件或者布局，并且不好控制，相对有点鸡肋。处理的方法是horizontal和vertical方向百分比用的次数不超过3次。如果布局比较复杂，可用 LinearLayout  和 RelativeLayout 来完成。