Android百分比布局的使用

不经意见发现android支持百分比布局了，使用Android-percent-support这个库就可以做到了。内心是窃喜的，这样好多布局就变得简单多了。

这个库提供了：两种布局供大家使用： PercentRelativeLayout、PercentFrameLayout，通过名字就可以看出，这是继承自FrameLayout和RelativeLayout两个容器类；新的容器有了一些设置百分比的属性，下面我们来了解一下：

layout_widthPercent设置控件宽度为父容器的宽的百分比

layout_heightPercent设置控件高度为父容器的高的百分比

layout_marginPercent layout_marginLeftPercent 设置控件与左边控件的距离为父容器的宽度的百分比

layout_marginTopPercent设置控件与上方控件的距离为父容器的高度的百分比

layout_marginRightPercent设置控件与右边控件的距离为父容器的宽度的百分比

layout_marginBottomPercent设置控件与下方控件的距离为父容器的高度的百分比

layout_marginStartPercent

layout_marginEndPercent

也就是说，大家只要在开发过程中使用PercentRelativeLayout、PercentFrameLayout替换FrameLayout、RelativeLayout即可。

使用：

关于使用，其实及其简单，并且github上也有例子，android-percent-support-lib-sample。

使用Android studio在build.gradle添加以下信息就可以获取支持库，当然了，如果你没有下载到该支持库会提示你下载。

dependencies {
 
    compile 'com.android.support:percent:22.2.0'
 
}

（一）PercentFrameLayout

<?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:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView        
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_gravity="left|top"
        android:background="#44ff0000"
        android:text="width:30%,height:20%"
        app:layout_heightPercent="20%"
        android:gravity="center"
        app:layout_widthPercent="30%"/>

    <TextView        
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_gravity="right|top"
        android:gravity="center"
        android:background="#4400ff00"
        android:text="width:70%,height:20%"
        app:layout_heightPercent="20%"
        app:layout_widthPercent="70%"/>


    <TextView        
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_gravity="bottom"
        android:background="#770000ff"
        android:text="width:100%,height:10%"
        android:gravity="center"
        app:layout_heightPercent="10%"
        app:layout_widthPercent="100%"/>
</android.support.percent.PercentFrameLayout>

---

(二) 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"
    android:clickable="true">

    <TextView        
        android:id="@+id/row_one_item_one"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_alignParentTop="true"
        android:background="#7700ff00"
        android:text="w:30%,h:20%"
        android:gravity="center"
        app:layout_heightPercent="20%"
        app:layout_widthPercent="30%"/>

    <TextView        
        android:id="@+id/row_one_item_two"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_toRightOf="@+id/row_one_item_one"
        android:background="#396190"
        android:text="w:70%,h:20%"
        app:layout_heightPercent="20%"
        android:gravity="center"
        app:layout_widthPercent="70%"/>


    <ImageView        
        android:id="@+id/row_two_item_one"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:scaleType="centerCrop"
        android:layout_below="@+id/row_one_item_one"
        android:background="#d89695"
        app:layout_heightPercent="70%"/>

    <TextView        
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_below="@id/row_two_item_one"
        android:background="#770000ff"
        android:gravity="center"
        android:text="width:100%,height:10%"
        app:layout_heightPercent="10%"
        app:layout_widthPercent="100%"/>
</android.support.percent.PercentRelativeLayout>

ok，依然是直接看效果图: