百分比布局(PercentFrameLayout和PercentRelativeLayout)

来源:互联网 发布:暖通工程预算软件 编辑:程序博客网 时间:2024/05/21 22:24

1.使用百分比布局首先需要在build.gradle中添加依赖库

dependencies {   ……    compile 'com.android.support:percent:26.+'}2.布局文件(在这用的是PercentRelativeLayout百分比的相对布局)
<?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">    <Button        android:id="@+id/btn1"        android:text="w:20% h:10"        android:textAllCaps="false"        app:layout_widthPercent="20%"        app:layout_heightPercent="10%"/>    <Button        android:id="@+id/btn2"        android:text="w:40% h:10"        app:layout_widthPercent="40%"        app:layout_heightPercent="10%"        android:textAllCaps="false"        android:layout_below="@id/btn1"/>    <Button        android:id="@+id/btn3"        android:text="w:60% h:10"        android:textAllCaps="false"        app:layout_widthPercent="60%"        app:layout_heightPercent="10%"        android:layout_below="@id/btn2"/>    <Button        android:id="@+id/btn4"        android:text="w:80% h:10"        app:layout_widthPercent="80%"        app:layout_heightPercent="10%"        android:textAllCaps="false"        android:layout_below="@id/btn3"/>    <Button        android:id="@+id/btn5"        android:text="w:100% h:10"        app:layout_widthPercent="100%"        app:layout_heightPercent="10%"        android:textAllCaps="false"        android:layout_below="@id/btn4"/>    <Button        android:id="@+id/btn6"        android:text="w:80% h:10"        app:layout_widthPercent="80%"        app:layout_heightPercent="10%"        android:textAllCaps="false"        android:layout_below="@id/btn5"/>    <Button    android:id="@+id/btn7"    android:text="w:60% h:10"    app:layout_widthPercent="60%"    app:layout_heightPercent="10%"    android:textAllCaps="false"    android:layout_below="@id/btn6"/>    <Button        android:id="@+id/btn8"        android:text="w:40% h:10"        app:layout_widthPercent="40%"        app:layout_heightPercent="10%"        android:textAllCaps="false"        android:layout_below="@id/btn7"/>    <Button        android:id="@+id/btn9"        android:text="w:20% h:10"        app:layout_widthPercent="20%"        app:layout_heightPercent="10%"        android:textAllCaps="false"        android:layout_below="@id/btn8"/></android.support.percent.PercentRelativeLayout>