推薦android布局百分比架構

標籤：tar   flat   log   imp   support   ott   emoji   pen   frame   

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

下面是使用方法:

Android Percent Support Lib Sample 

I made a sample of the new percent support library.
You can check official docs reference here and here.
This library provide percentage based layouts, horizontal and vertical at the same time.

simple result

complex result

How to use :

just add percent support library to your project

dependencies {    compile ‘com.android.support:percent:25.3.0‘}

###Supported Layouts :

####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>

 

####PercentLinearLayout

<com.juliengenoud.percentsamples.PercentLinearLayout    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:orientation="vertical">     <View        android:layout_width="0dp"        android:layout_height="0dp"        android:background="#ff44aacc"        app:layout_heightPercent="10%"        app:layout_widthPercent="60%"/>    <View        android:layout_width="0dp"        android:layout_height="0dp"        android:background="#ff4400cc"        app:layout_heightPercent="10%"        app:layout_widthPercent="70%"/></com.juliengenoud.percentsamples.PercentLinearLayout>

 

####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>

簡單明了。

推薦android布局百分比架構