android PercentRelativeLayout 支持百分比来设置控件的宽高

Posted 2020-06-18 gcczhongduan

android 最终官方支持按百分比来设置控件的宽高了。
我们先来看看效果：

     

看一下布局：

PercentRelativeLayout

 

<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="20%"
 
        app:layout_widthPercent="70%" />
 

    <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="20%"
 
        app:layout_widthPercent="30%" />
 


    <View
 
        android:id="@+id/bottom"
 
        android:layout_width="match_parent"
 
        android:layout_height="0dp"
 
        android:layout_below="@+id/top_left"
 
        android:background="#ff00ff22"
 
        app:layout_heightPercent="80%" />
 
</android.support.percent.PercentRelativeLayout>

 

 

PercentFrameLayout

 

<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">
 
        <!-- ... XML CODE -->
 
</android.support.percent.PercentFrameLayout>

Stylable ：

• heightPercent
• widthPercent
• marginBottomPercent
• marginEndPercent
• marginLeftPercent
• marginPercent
• marginRightPercent
• marginStartPercent
• marginTopPercent
  

支持：

• Android SDK v22
• Android Build Tools v22.0.1
• Android Percent Support Repository v22.2.0
• Android Support v4 Repository v22.2.0
  

according to the the manifest minsdk is v7 (android 2.1)

 

github地址：https://github.com/JulienGenoud/ ... -support-lib-sample

官网介绍：https://juliengenoud.github.io/a ... support-lib-sample/