zoukankan      html  css  js  c++  java
  • 安卓UI四种基本布局-相对布局

    相对服框架布局

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button
    android:id="@+id/b1"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="按钮1"/>
    <Button
    android:id="@+id/b2"
    android:layout_alignParentLeft="true"
    android:layout_alignParentBottom="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="按钮2"/>
    <Button
    android:id="@+id/b3"
    android:layout_alignParentTop="true"
    android:layout_alignParentRight="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="按钮3"/>
    <Button
    android:id="@+id/b4"
    android:layout_alignParentRight="true"
    android:layout_alignParentBottom="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="按钮4"/>
    <Button
    android:id="@+id/b5"
    android:layout_centerInParent="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="按钮5"/>

    </RelativeLayout>

    
    

    相对控件布局

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button
    android:id="@+id/b5"
    android:layout_centerInParent="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="按钮5"/>
    <Button
    android:id="@+id/b1"
    android:layout_above="@+id/b5"
    android:layout_toLeftOf="@+id/b5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="按钮1"/>
    <Button
    android:id="@+id/b2"
    android:layout_above="@+id/b5"
    android:layout_toRightOf="@+id/b5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="按钮2"/>
    <Button
    android:id="@+id/b3"
    android:layout_below="@+id/b5"
    android:layout_toLeftOf="@+id/b5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="按钮3"/>
    <Button
    android:id="@+id/b4"
    android:layout_below="@+id/b5"
    android:layout_toRightOf="@+id/b5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="按钮4"/>


    </RelativeLayout>

    android:layout_alignRight="@+id/b1"指b3的右侧与b1对齐

    <EditText
    android:id="@+id/b3"
    android:layout_below="@+id/b5"
    android:layout_toLeftOf="@+id/b5"
    android:layout_alignRight="@+id/b1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="按钮3"/>
  • 相关阅读:
    元素显示v-show
    条件渲染v-if
    v-bind:class
    Class绑定v-bind:class
    设定计算属性setter
    观察属性$watch
    计算属性computed
    过滤器filters
    jk_proxy实现apache+tomcat负载均衡
    (WPF)Storyboard
  • 原文地址:https://www.cnblogs.com/837634902why/p/10308446.html
Copyright © 2011-2022 走看看