Android Percent Support Lib
概述
由于 Android 机型种类众多,屏幕的碎片化也非常的严重。这对于 UI 布局的适配来说也是非常麻烦的一个事情。一种做法是:以不同分辨率建立相对应的一套 UI——重复运动而且增加 APK 的大小。另一种就是在 LinearLayout 布局中使用 layout_weight 属性来实现按比例来适配—— Google 并不提倡使用 weight 权重,因为这样会在加载布局时造成大量的计算,影响性能。
现在好了,Google 官方公布了一个类似于 CSS 的百分比来布局的库(android.support.percent)。使用百分比来做 UI 布局,学会使用这个库进行布局,真是一劳永逸啊。
效果图
以下手机分辨率分别是:480*840、768*1280、1080*1920、1440*2560。可以看到只是用一个 layout 文件就能达到很好的适配效果。
支持的布局与属性
支持如下布局(顾名思义就能知道对应的是哪些原布局):
- PercentRelativeLayout
- PercentLinearLayout(这可是Hongyang哥提供的哟)
- PercentFrameLayout
支持的如下属性:
- 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
然后在 build.gradle 下添加:
dependencies {
compile 'com.android.support:percent:22.2.0'
}
具体代码如下:
<?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/view1"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@color/accent_material_light"
app:layout_heightPercent="25%"
app:layout_widthPercent="70%" />
<View
android:id="@+id/view2"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_alignParentRight="true"
android:background="#E91E63"
app:layout_heightPercent="20%"
app:layout_widthPercent="30%" />
<View
android:id="@+id/view3"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_below="@id/view1"
android:background="#2196F3"
app:layout_heightPercent="50%"
app:layout_widthPercent="70%" />
<View
android:id="@+id/view4"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_alignParentRight="true"
android:layout_below="@id/view2"
android:background="#FF9800"
app:layout_heightPercent="80%"
app:layout_widthPercent="30%" />
<View
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_below="@id/view3"
android:background="#F44336"
app:layout_heightPercent="25%"
app:layout_widthPercent="70%" />
</android.support.percent.PercentRelativeLayout>