zoukankan      html  css  js  c++  java
  • 相对布局 relativeLayout

    常用属性:

    android:layout_toLeftOf:某元素左边

    android:layout_toRightOf:某元素右边

    android:layout_alignBottom:将该控件的底部边缘与给定ID的底部边缘对齐;

    android:layout_below:某元素下面

    android:layout_alignParentBottom:父元素下面

    <?xml version="1.0" encoding="utf-8"?>
    <!--relativeLayout相对布局-->
    <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">

    <View
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:id="@+id/view_1"
    android:background="#000000"></View>
    <View
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:id="@+id/view_2"
    android:background="#FF0033"
    android:layout_below="@id/view_1"></View>
    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/qq"
    android:orientation="horizontal"
    android:layout_below="@id/view_2"
    android:background="#0066FF"
    android:padding="15dp">

    <View
    android:layout_width="100dp"
    android:layout_height="match_parent"
    android:background="#FF0033">
    </View>

    <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000000"
    android:padding="15dp">

    <View
    android:id="@+id/view_3"
    android:layout_width="100dp"
    android:layout_height="match_parent"
    android:background="#FF9900">

    </View>
    <View
    android:id="@+id/view_4"
    android:layout_width="100dp"
    android:layout_height="match_parent"
    android:background="#FF9900"
    android:layout_toRightOf="@id/view_3"
    android:layout_marginLeft="15dp">

    </View>

    </RelativeLayout>

    </LinearLayout>
    </RelativeLayout>

    实验结果

  • 相关阅读:
    ES6之Promise封装ajax()
    ECMAScript 6 入门之 展开运算符(...)
    函数篇:Callback----回调函数
    Vue-cli组件中写一个节流函数
    使用vant中的地址编辑组件
    js中substr()、substring()、chatAt()的区别
    npm使用国内淘宝镜像的方法
    js数组
    ECMAScript版本
    匿名函数的调用
  • 原文地址:https://www.cnblogs.com/xiaoqing-ing/p/13060729.html
Copyright © 2011-2022 走看看