Android移动开发--相对布局

最新推荐文章于 2025-08-01 21:02:22 发布

转载最新推荐文章于 2025-08-01 21:02:22 发布 · 310 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/316258954/blog/725656

文章标签：

#移动开发

本文详细解析了Android中RelativeLayout布局的使用方法，包括各种属性如layout_below、layout_alignParentLeft等的运用，通过具体实例展示了如何创建登录界面。

1.第一组属性：android：layout_below,layout_above,layout_toLeftOf,layout_toRightOf\

第二组属性：android：layout_alignLeft,right,top,bottom(对齐)

2.对齐至控件的基准线

android：layout_alignBaseline

3.与父控件的四个边缘对齐，对齐父控件中央

android：layout_alignParentLeft,right,top,bottom(对齐)

android：layout_centerInParent,Horizontal,Vertical

4.android4.2新属性

android：layout_alignStart,End,ParentStart,End

5.例子：登录界面

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:padding="40dp"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/editText"
        android:hint="username"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/textView" />

    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/editText2"
        android:hint="password"
        android:layout_alignLeft="@id/editText"
        android:layout_alignRight="@id/editText"
        android:layout_below="@+id/editText" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/textView"
        android:gravity="center"
        android:textSize="20sp"
        android:text="登陆界面"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="取消"
        android:id="@+id/button"
        android:layout_below="@+id/editText2"
        android:layout_alignParentRight="true" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="确定"
        android:id="@+id/button3"
        android:layout_toLeftOf="@id/button"
        android:layout_alignBottom="@+id/button" />

</RelativeLayout>