android開發筆記之com.android.support:percent

背景

最近在給别的部門的人做項目,發現他們項目中使用了比例控件,然後我再度娘了一下,發現這個東東就是基本的控件上加了一個按比例顯示長度的幾個屬性,使用起來非常簡單.

Demo的簡單說明

第一步:添加庫檔案

對于AndroidStudio來說,也就是在build.gradle檔案中添加庫

just add percent support library to your project

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

第二步:在對應的布局檔案中添加比例控件:

主要為:PercentRelativeLayout,PercentLinearLayout,PercentFrameLayout

其中使用比例數值的屬性為:

heightPercent ：百分比表示高度

widthPercent ：百分比表示寬度

marginBottomPercent ：百分比表示底部的間隔

marginEndPercent：百分比表示距離最後一個View之間的間隔

marginLeftPercent：百分比表示左邊的間隔

marginPercent ：百分比表示View之間的間隔

marginRightPercent：百分比表示右邊的間隔

marginStartPercent：百分比表示距離第一個View之間的間隔

marginTopPercent：百分比表示頂部的間隔

我使用的為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">

    <View
        android:id="@+id/top_left"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_alignParentTop="true"
        android:background="#ff44aacc"
        app:layout_heightPercent="25%"
        app:layout_widthPercent="50%" />

    <View
        android:id="@+id/top_right"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_alignParentTop="true"
        android:layout_toRightOf="@+id/top_left"
        android:background="#ffe40000"
        app:layout_heightPercent="25%"
        app:layout_widthPercent="50%" />

    <View
        android:id="@+id/middle"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_below="@+id/top_left"
        android:background="#ff00ff22"
        app:layout_heightPercent="30%" />

    <View
        android:id="@+id/bottom_left"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_below="@+id/middle"
        android:background="#ff60f5f2"
        app:layout_marginTopPercent="3%"
        app:layout_marginLeftPercent="5%"
        app:layout_heightPercent="30%" />

</android.support.percent.PercentRelativeLayout>
           

檢視效果圖:

參考資料

1.android-percent-support-lib-sample

https://github.com/JulienGenoud/android-percent-support-lib-sample

2.ZJ_PercentSupportDemo

https://github.com/zhengjiong/ZJ_PercentSupportDemo

3.Android進階系列之Percent Support Library使用詳解

http://blog.csdn.net/sw5131899/article/details/53995796

4.Android Support庫百分比布局 com.android.support:percent:22.2.0 附帶Eclipse教程

http://blog.csdn.net/zsc357448181/article/details/46698261