RelativeLayout 布局_relativelayout 手动布局-优快云博客

本文链接：https://blog.youkuaiyun.com/liusslove/article/details/52050188

本文介绍了一个使用Android的RelativeLayout实现的腾讯QQ登录界面布局案例。该界面包括了多个TextView、EditText和Button组件，并通过XML定义了各组件的位置及样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?xml version="1.0" encoding="utf-8"?>
<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"
    android:background="#ddf4e9"
    tools:context="com.example.administrator.jreduch01.RelativeActivity">
  <TextView
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
       android:text="腾讯QQ"
      android:textSize="40sp"
      android:gravity="center"
      android:background="#efeeee"
      android:id="@+id/tv1"/>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="10dp"
        android:background="#d6d3d3"
        android:id="@+id/tv2"
        android:layout_below="@id/tv1"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/tv3"
            android:layout_marginTop="40dp"
            android:text="QQ登录"
            android:textSize="30sp"
            android:drawableLeft="@mipmap/ic_launcher"
            android:layout_below="@id/tv2"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="亿万用户已经登录使用"
            android:layout_marginTop="80dp"
            android:layout_marginLeft="60dp"
            android:id="@+id/tv4"
            android:layout_below="@id/tv2"
            android:layout_toRightOf="@id/tv3"


            />


    <EditText
        android:layout_width="350dp"
        android:layout_height="50dp"
        android:hint="QQ账号/邮箱/手机号"
        android:background="#ffffff"
        android:textColor="#f0f1f0"
        android:textSize="30sp"
        android:layout_marginTop="20dp"
       android:layout_marginLeft="20dp"
        android:id="@+id/et1"
        android:layout_below="@id/tv3"/>
    <EditText
        android:layout_width="350dp"
        android:layout_height="50dp"
        android:hint="QQ密码"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="20dp"
        android:background="#ffffff"
        android:textColor="#f0f1f0"
        android:textSize="30sp"
        android:id="@+id/et2"

        android:layout_below="@id/et1"/>

    <Button
        android:layout_width="300dp"
        android:layout_height="50dp"
        android:text="登录"
        android:id="@+id/button"
        android:textColor="#f7f9f8"
        android:background="@drawable/login_bg"
        android:textSize="30sp"
        android:layout_marginTop="40dp"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/et2"

       />
</RelativeLayout>