Android百分比布局

最新推荐文章于 2020-07-06 18:46:23 发布

源于未知

最新推荐文章于 2020-07-06 18:46:23 发布

阅读量337

点赞数

分类专栏：自定义控件

本文链接：https://blog.csdn.net/wenweidev/article/details/54574088

版权

自定义控件专栏收录该内容

18 篇文章 0 订阅

订阅专栏

第一步：

在build.gradle文件中添加引用“compile 'com.android.support:percent:25.1.0'”

【注意Android是小写,CSDN强制转了大写】

第二步：

在布局文件中添加控件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.percent.PercentRelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TextView
            android:id="@+id/top_left"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_alignParentTop="true"
            android:background="#009688"
            android:gravity="center"
            android:text="20%高\n70%宽"
            android:textColor="#FFF"
            android:textSize="13sp"
            app:layout_heightPercent="20%"
            app:layout_widthPercent="70%" />

        <TextView
            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="#FD9145"
            android:gravity="center"
            android:text="20%高\n30%宽"
            android:textColor="#FFF"
            android:textSize="13sp"
            app:layout_heightPercent="20%"
            app:layout_widthPercent="30%" />

        <TextView
            android:id="@+id/bottom"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_below="@+id/top_left"
            android:background="#FE6C5C"
            android:gravity="center"
            android:text="80%  高\n100%宽"
            android:textColor="#FFF"
            android:textSize="13sp"
            app:layout_heightPercent="80%" />
    </android.support.percent.PercentRelativeLayout>

</RelativeLayout>

运行效果：