Android百分比布局：PercentFrameLayout

转载请注明出处：http://blog.csdn.net/zhangphil



Android百分比布局：PercentFrameLayout

在之前一篇文章我写了Android的百分比占布局：PercentRelativeLayout。（《Android百分比布局：PercentRelativeLayout》文章链接地址：http://blog.csdn.net/zhangphil/article/details/49532493 ）
Android新增的百分比占布局有两个PercentFrameLayout和PercentRelativeLayout。本篇介绍PercentFrameLayout。
同样，PercentFrameLayout也有和PercentRelativeLayout类似的以下一些属性：
layout_marginLeftPercent 
layout_marginTopPercent 
layout_marginRightPercent 
layout_marginBottomPercent 
layout_marginStartPercent 
layout_marginEndPercent 
layout_aspectRatio

使用方法和前一篇介绍的PercentRelativeLayout类似。在类层次结构上，PercentFrameLayout继承自FrameLayout。既然使用百分比占布局，其实在一定程度上可以不用再像以往那样指定view的宽高或者match_parent、wrap_content诸如此类。比如：

[html] view plain copy

1. <android.support.percent.PercentFrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:app="http://schemas.android.com/apk/res-auto"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent" >  
5.   
6.     <TextView  
7.         app:layout_heightPercent="90%"  
8.         app:layout_widthPercent="90%"  
9.         android:background="#c62828" />  
10.   
11.     <TextView  
12.         app:layout_heightPercent="80%"  
13.         app:layout_widthPercent="80%"  
14.         android:background="#e53935" />  
15.   
16.     <TextView  
17.         app:layout_heightPercent="70%"  
18.         app:layout_widthPercent="70%"  
19.         android:background="#f44336" />  
20.   
21.     <TextView  
22.         app:layout_heightPercent="60%"  
23.         app:layout_widthPercent="60%"  
24.         android:background="#ef5350" />  
25.   
26.     <TextView  
27.         app:layout_heightPercent="50%"  
28.         app:layout_widthPercent="50%"  
29.         android:background="#e57373" />  
30.   
31. </android.support.percent.PercentFrameLayout>  

运行结果如图所示：