您的位置:首页 > 移动开发 > Android开发

Android 百分比布局

2015-11-11 12:31 423 查看
看到一片博客关于android的百分比布局,自己动手写了一下,效果还可以。
博客地址:http://blog.csdn.net/lmj623565791/article/details/46767825

1、在APP - build.gradle中 添加如下代码  

   


2、布局示例
     

<RelativeLayout
xmlns:android=
"http://schemas.android.com/apk/res/android"

    xmlns:
tools="http://schemas.android.com/tools"

    android
:layout_width="match_parent"

    android
:layout_height="match_parent"

    tools
:context=".MainActivity">

    <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="200dip">

        <View

            android
:id="@+id/top_left"

            android
:layout_width="0dp"

            android
:layout_height="0dp"

            android
:layout_alignParentTop="true"

            android
:background="#ff0000"

            app
:layout_heightPercent="30%"

            app
:layout_widthPercent="70%"
/>

        <View

            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="#00ff00"

            app
:layout_heightPercent="30%"

            app
:layout_widthPercent="30%"
/>

        <View

            android
:id="@+id/centre"

            android
:layout_width="match_parent"

            android
:layout_height="0dp"

            android
:layout_below="@+id/top_left"

            android
:background="#0000ff"

            app
:layout_marginLeftPercent="10%"

            app
:layout_marginRightPercent="20%"

            app
:layout_marginTopPercent="10%"

            app
:layout_marginBottomPercent="10%"

            app
:layout_heightPercent="40%"
/>

        <View

            android
:layout_width="match_parent"

            android
:layout_height="0dp"

            android
:id="@+id/bottom"

            android
:layout_below="@+id/centre"

            android
:background="#00f0ff"

            android
:layout_alignParentLeft="true"

            android
:layout_alignParentStart="true"

            app
:layout_heightPercent="10%"/>

    </android.support.percent.PercentRelativeLayout>

</RelativeLayout>

3、效果图

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  android