美文网首页Android studio
基础布局之一百分比布局

基础布局之一百分比布局

作者: deanwin | 来源:发表于2020-04-06 16:34 被阅读0次

<?xml version="1.0" encoding="utf-8"?>

<androidx.percentlayout.widget.PercentRelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    xmlns:app="http://schemas.android.com/apk/res-auto">

        android:layout_width="0dp"

        android:layout_height="0dp"

        app:layout_heightPercent="30%"

        app:layout_widthPercent="70%"

        android:orientation="vertical"

        android:id="@+id/one"

        android:background="#fffaaa"

        >

            android:layout_width="match_parent"

            android:text="test1"

            android:background="#fffaaa"

            android:gravity="center"

            android:layout_height="50dp" />

            android:layout_width="match_parent"

            android:text="test2"

            android:background="#dedede"

            android:gravity="center"

            android:layout_height="50dp" />

            android:layout_width="match_parent"

            android:text="test3"

            android:background="#fffaaa"

            android:gravity="center"

            android:layout_height="50dp" />

        android:layout_width="0dp"

        android:layout_toRightOf="@id/one"

        android:layout_height="0dp"

        app:layout_heightPercent="30%"

        app:layout_widthPercent="30%"

        android:gravity="center"

        android:background="#fffaad"

        android:text="test4"

        />

        android:layout_width="0dp"

        android:layout_below="@id/one"

        android:layout_height="0dp"

        app:layout_heightPercent="70%"

        app:layout_widthPercent="100%"

        android:gravity="center"

        android:text="test5"

        android:background="#dedede"

        />

</androidx.percentlayout.widget.PercentRelativeLayout>

相关文章

  • 前端布局种类

    1、流式布局(百分比布局) 2、flex布局(百分比布局) 3、rem布局(百分比布局)

  • 响应式布局

    弹性布局 浮动+百分比布局 Flex布局 悬浮+百分比布局 浮动+百分比布局好处 网页内容宽度自适应 多设备都适用...

  • 网页布局

    一、行布局 1.基础的行布局 2、行布局自适应 修改width为百分比: 3、行布局自适应限制最大宽 4、行布局垂...

  • 移动端布局

    1.百分比布局 百分比布局, 也叫流式布局效果: 宽度自适应,高度固定。 2.Flex布局 Flex布局/弹性布局...

  • 流式布局

    流式布局(百分比布局) 流式布局就是百分比布局,也称为非固定像素布局 通过将盒子的宽度设置成百分比,从而根据屏幕的...

  • 基础布局之一百分比布局

  • 布局小结

    布局方式 静态布局 浮动布局 定位布局 自适应布局 流式布局(百分比布局) 响应式布局 弹性布局 悬挂布局 圣杯布...

  • 响应式页面开发

    布局方式 固定布局 流式布局:流式布局是以百分比作为单位的,我们要牢记如下公式:百分比宽度 = 目标元素宽度 / ...

  • 布局

    今天学习了安卓的四种布局方式 线性布局 相对布局 帧布局 百分比布局

  • CSS真的很麻烦,把CSS语法学会了,提升你的编码能力还是绰绰有

    css3画热咖啡 css自适应布局方案 一、百分比布局宽度百分比,高度px布局 二、rem布局①自定义rem尺寸 ...

网友评论

    本文标题:基础布局之一百分比布局

    本文链接:https://www.haomeiwen.com/subject/ppebphtx.html