百分比布局的使用

今天有时间捣鼓了一下这个东西，和大家分享一下。

官方提供的包里，关于百分比布局有两个，如下：

就是PercentFrameLayout和PercentRelativeLayout，我们今天就来说说这两个百分比布局的使用吧。

1.添加依赖库

本文Demo使用Android Studio来完成，所以直接在Gradle文件中添加下面一行即可。

compile 'com.android.support:percent:23.1.0'

2.在布局文件中使用

首先，使用百分比布局我们的根布局就得是百分比布局 android.support.percent. PercentRelativeLayout，我们在布局中添加了三个View，每个View显示不同的颜色。在使用百分比布局的时候， layout_width和 layout_height属性的值不会起作用。我们通过使用 app :layout_heightPercent= "20%" 和 app :layout_widthPercent= "70%"两个属性来设置控件的大小。

上面的代码中一共有三个View，第一个View的宽为屏幕宽度的70%，高为屏幕高度的20%，第二个View位于第一个View的右边，它的宽度为屏幕宽度的30%，高为屏幕高度的20%，第三个View依次类推，那么它的效果图如下：

是不是很简单呢？在百分比布局中，除了宽高我们可以用百分数来表示之外，margin我们也可以用百分比来表示，比如下面几个属性：

app:layout_marginStartPercent
app:layout_marginEndPercent
app:layout_marginTopPercent
app:layout_marginBottomPercent

我们可以将View的margin属性设置为百分数。除了这几个属性可以设置为百分数之外，还有一个值得关注的属性，叫做 layout_aspectRatio，这个叫做屏幕的宽高比，我们看下面一个布局文件：

再看看效果图：

第一个View我们将其宽设置为100dp，高设置为200dp，第二个View我们将其宽设置为100dp，但是高设置为0dp，同时给它设置了layout_aspectRatio属性，这个属性的值为100%，表示View的宽高比为1：1，所以就看到上面的效果，如果我们将之设置为50%，表示宽高比为0.5:1,那么我们看到的效果将是这样的：

好了，最后我们再来看一个PercentFrameLayout布局的Demo：

代码如下：

效果图如下：

转载于:https://www.cnblogs.com/lenve/p/5865915.html