安卓学习：相对布局

最新推荐文章于 2024-09-05 19:29:30 发布
原创 最新推荐文章于 2024-09-05 19:29:30 发布 · 3.3k 阅读 · 22 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#安卓

相对布局也就是设置两个控件的相对位置，先以常规方法设置第一个控件的位置，然后第二个控件就可以就第一个控件设置相对位置，而第三个控件更是有了两个参照物，可以任选其一。以此类推向外拓展

文章目录

相关属性：
相对于父容器居中或对齐
layout_centerInParent 在父容器居中
layout_centerHorizontal 在父容器水平居中
layout_centerVertical 在父容器垂直居中
layout_alignParentLeft 与父容器左对齐
layout_alignParentRight 与父容器右对齐
layout_alignParentTop 与父容器顶对齐
layout_alignParentBottom 与父容器底对齐
相对于其它控件的位置
layout_toLeftOf 在……左边
layout_toRightOf 在……右边
layout_above 在……上面
layout_below 在……下面
相对于其它控件对齐
layout_alignLeft 与……左对齐
layout_alignRight 与……右对齐
layout_alignTop 与……顶对齐
layout_alignBottom 与……底对齐
layout_alignBaseLine 与……基线对齐

相对布局：输入姓名

效果
在这里插入图片描述
实现：

<?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"
    tools:context=".MainActivity">


    <TextView
        android:id="@+id/text_Name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="姓名:"
        android:textSize="25sp" />

    <EditText
        android:id="@+id/edi_Name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@id/text_Name"
        android:layout_toRightOf="@id/text_Name"
        android:ems="10"
        android:hint="请输入姓名" />

    <Button
        android:id="@+id/btn_qd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/edi_Name"
        android:layout_alignParentRight="true"
        android:text="确定"
        android:textSize="25sp" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="取消"
        android:textSize="25sp"
        android:layout_alignBaseline="@id/btn_qd"
        android:layout_toLeftOf="@id/btn_qd"/>
</RelativeLayout>

相对布局:注册页面

效果：
在这里插入图片描述
实现：
activity_main.xml

<?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="@drawable/background"
    android:padding="20dp"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/title"
        android:textSize="35sp"
        android:textColor="@android:color/holo_blue_dark"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="15dp"/>

    <TextView
        android:id="@+id/tvName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/username"
        android:textSize="20sp"
        android:layout_marginTop="100dp" />

    <TextView
        android:id="@+id/tvPwd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/password"
        android:textSize="20sp"
        android:layout_below="@+id/tvName"
        android:layout_marginTop="10dp"/>

    <TextView
        android:id="@+id/tvPhone"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/phone"
        android:textSize="20sp"
        android:layout_below="@+id/tvPwd"
        android:layout_marginTop="10dp"/>

    <TextView
        android:id="@+id/tvEmail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/email"
        android:textSize="20sp"
        android:layout_below="@+id/tvPhone"
        android:layout_marginTop="10dp"/>

    <TextView
        android:id="@+id/tvSex"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/sex"
        android:textSize="20sp"
        android:layout_below="@+id/tvEmail"
        android:layout_marginTop="10dp"/>

    <TextView
        android:id="@+id/tvHobby"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hobby"
        android:textSize="20sp"
        android:layout_below="@+id/tvSex"
        android:layout_marginTop="10dp"/>

    <EditText
        android:id="@+id/edtName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="12"
        android:hint="@string/edtName"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@+id/tvName"
        android:layout_alignBaseline="@id/tvName"/>

    <EditText
        android:id="@+id/edtPwd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="12"
        android:hint="@string/edtPwd"
        android:inputType="numberPassword"
        android:layout_below="@+id/edtName"
        android:layout_alignLeft="@+id/edtName"
        android:layout_alignBaseline="@id/tvPwd"/>

    <EditText
        android:id="@+id/edtPhone"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="12"
        android:hint="@string/edtPhone"
        android:layout_below="@+id/edtPwd"
        android:layout_alignLeft="@+id/edtPwd"
        android:layout_alignBaseline="@id/tvPhone"/>

    <EditText
        android:id="@+id/edtEmail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="12"
        android:hint="@string/edtEmail"
        android:layout_below="@+id/edtPhone"
        android:layout_alignLeft="@+id/edtPhone"
        android:layout_alignBaseline="@id/tvEmail"/>

    <RadioGroup
        android:id="@+id/radioGroup"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/edtEmail"
        android:layout_alignLeft="@+id/edtEmail"
        android:layout_alignBottom ="@+id/tvSex"
        android:orientation="horizontal">
        <RadioButton
            android:id="@+id/btnMan"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="男"
            android:checked="true"/>
        <RadioButton
            android:id="@+id/btnWoman"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="女"/>
    </RadioGroup>

    <LinearLayout
        android:id="@+id/Checkbox"
        android:layout_below="@+id/radioGroup"
        android:layout_alignLeft="@+id/radioGroup"
        android:layout_alignTop="@id/tvHobby"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <CheckBox
            android:id="@+id/travel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="旅行"/>
        <CheckBox
            android:id="@+id/music"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="音乐"/>
        <CheckBox
            android:id="@+id/food"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="美食"/>
    </LinearLayout>

    <Button
        android:id="@+id/btnSubmit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tvHobby"
        android:layout_marginTop="10dp"
        android:onClick="doSubmit"
        android:text="提交"/>

    <Button
        android:id="@+id/btnReset"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/btnSubmit"
        android:layout_alignRight="@+id/edtEmail"
        android:onClick="doReset"
        android:text="重置"/>
</RelativeLayout>

ActivityMain.java

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    private EditText edtName;
    private EditText edtPwd;
    private EditText edtPhone;
    private EditText edtEmail;
    private RadioGroup radioGroup;
    private RadioButton btnMan;
    private String sex = "男";
    private CheckBox travel, music, food;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //获取控件实例
        edtName = findViewById(R.id.edtName);
        edtPwd = findViewById(R.id.edtPwd);
        edtPhone = findViewById(R.id.edtPhone);
        edtEmail = findViewById(R.id.edtEmail);
        radioGroup = findViewById(R.id.radioGroup);
        travel = findViewById(R.id.travel);
        music = findViewById(R.id.music);
        food = findViewById(R.id.food);
        btnMan = findViewById(R.id.btnMan);

        //单选按钮
        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                switch (checkedId) {
                    case R.id.btnMan:
                        sex = "男";
                        break;
                    case R.id.btnWoman:
                        sex = "女";
                        break;
                }
            }
        });
    }


    public void doSubmit(View view) {
        String text = "";
        //获取复选框的值
        if (travel.isChecked()) {
            text += travel.getText().toString()+"\u00A0";
        }
        if (music.isChecked()) {
            text += music.getText().toString()+"\u00A0";
        }
        if (food.isChecked()) {
            text += food.getText().toString();
        }
        if (text == "") {
            text = "无爱好";
        }

        //保存用户输入数据
        String strName = edtName.getText().toString().trim();
        String strPwd = edtPwd.getText().toString().trim();
        String strPhone = edtPhone.getText().toString().trim();
        String strEmail = edtEmail.getText().toString().trim();

        //利用吐司提示用户注册情况
        Toast.makeText(MainActivity.this, "注册成功", Toast.LENGTH_SHORT).show();//LENGTH_SHORT表示登录时间长度
        //创建显示意图
        Intent intent = new Intent(MainActivity.this, MainActivity2.class);
        //创建数据包封装数据(封装)
        Bundle date = new Bundle();
        date.putString("name", strName);
        date.putString("pwd", strPwd);
        date.putString("phone", strPhone);
        date.putString("email", strEmail);
        date.putString("sex", sex);
        date.putString("like", text);

        //通过意图携带数据包
        intent.putExtras(date);
        //按照意图启动目标组件
        startActivity(intent);
    }


    public void doReset(View view) {
        //清空输入框
        edtName.setText("");
        edtPwd.setText("");
        edtPhone.setText("");
        edtEmail.setText("");

        //单选按钮重置
        btnMan.setChecked(true);
        //清空复选框
        travel.setChecked(false);
        music.setChecked(false);
        food.setChecked(false);
    }
}

创建显示界面ActivityMain2.java
在这里插入图片描述
在这里插入图片描述
activity_main2.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    tools:context=".MainActivity2">

    <TextView
        android:id="@+id/tvMessage"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text=""
        android:textColor="@color/colorPrimaryDark"
        android:textSize="25sp"/>
</LinearLayout>

ActivityMain2.java

import android.content.Intent;
import android.os.Bundle;
import android.widget.TextView;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity2 extends AppCompatActivity {
    protected TextView tvMessage;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        //通过资源标识符获取控件实例
        tvMessage = findViewById(R.id.tvMessage);
        //获取意图
        Intent intent = getIntent();
        //判断意图是否为空
        if (intent != null) {
            //获取意图携带数据包（封装）
            Bundle date = intent.getExtras();
            String strName = date.getString("name");
            String strPwd = date.getString("pwd");
            String strPhone = date.getString("phone");
            String strEmail = date.getString("email");
            String sex = date.getString("sex");
            String text = date.getString("like");
            //拼接用户信息
            String message = "注册成功！\n用户名：" + strName + "\n密码：" + strPwd + "\n电话："
                    + strPhone + "\n邮箱：" + strEmail+"\n性别："+sex+"\n爱好："+text;
            //设置标签属性，显示用户信息
            tvMessage.setText(message);
        }
    }
}

string.xml

<resources>
    <string name="app_name">相对布局</string>
    <string name="title">请输入注册信息</string>
    <string name="username">用户名:</string>
    <string name="password">密码:</string>
    <string name="phone">电话:</string>
    <string name="email">邮箱:</string>
    <string name="sex">性别:</string>
    <string name="hobby">爱好:</string>
    <string name="edtName">请输入用户名</string>
    <string name="edtPwd">请输入密码</string>
    <string name="edtPhone">请输入电话号码</string>
    <string name="edtEmail">请输入电子邮箱</string>
</resources>
安卓学习笔记10：常用布局 - 相对布局
howard2005的专栏
09-23 1254
文章目录零、学习目标一、相对布局1、布局特点2、继承关系图3、常用属性（1）相对于父容器居中（2）相对于其它控件的位置（3）相对于其它控件对齐（4）相对于父容器对齐（5）标识符问题二、教学案例 —— 相对布局演示（一）运行效果（二）实现步骤1、创建安卓应用【RelativeLayoutDemo】2、主布局资源文件activity_main.xml3、启动应用，查看效果 零、学习目标 能说出相对布局常用的属性 能利用相对布局实现比较复杂的界面设计 一、相对布局 1、布局特点 在相对布局中，一个控件的位置取
安卓开发Android studio学习笔记06：常用布局 - 相对布局
那人独钓寒江雪
10-17 356
【代码】安卓开发Android studio学习笔记06：常用布局 - 相对布局。
Android Relative Layout 安卓相对布局详解
Pushy的博客
08-17 439
思维导图可在幕布找到 1. 基础 如果在相对布局里，控件没有指明相对位置，则默认都是在相对布局的左上角： &lt;TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#FF00FF" and...
相对布局
qq_48838980的博客
01-12 3529
文章目录相对布局RelativeLayout输入姓名常见相对布局基本属性：根据父容器定位根据兄弟组件定位4、填充（padding）创建安卓应用编写主布局资源文件运行效果按钮布局创建安卓应用主布局资源文件运行效果 相对布局RelativeLayout 输入姓名 常见相对布局基本属性： gravity ：设置该布局容器内各子组件的对齐方式 ignoreGravity：设置哪个组件不受gravity属性的影响 根据父容器定位 layout_alignParentLeft 左对齐 layout_ali
安卓基础学习 Day 04|相对布局
m0_64018773的博客
06-15 1938
相对布局及其应用
Android相对布局
mmdev
04-23 1272
Activity布局初步 － 相对布局 1、 相对布局的基本概念 一个控件的位置它决定于它和其他控件的关系，好处：比较灵活；缺点：掌握比较复杂。 2、 相对布局常用属性介绍 这里将这些属性分成4个组，便于理解和记忆。 a）、以下4个属性设置控件与之间的关系和位置 但是上面4个属性并没有设置各个控件之间是否对齐。 示例1：将控件A放置在控件B的上面，则使用andro...
ANDROID相对布局详细说明
热门推荐
ydh7611的专栏
06-05 1万+
RelativeLayout（相对布局） 时间:2012-02-08 19:32来源:SJF0115 作者:android安卓 点击: 263 次 android:layout_above 将该控件的底部至于给定ID的控件之上 android:layout_below 将该控件的顶部至于给定ID的控件之下 android:layout_toLeftOf 将该控件的右边缘和给定ID的控件的左边缘对齐
Android学习笔记14：相对布局管理器RelativeLayout
04-15
本篇我们将深入探讨相对布局管理器（RelativeLayout），这是一种非常灵活的布局方式，允许UI元素相对于彼此或父布局进行定位。在Android学习笔记14中，我们将详细解析RelativeLayou的使用方法和关键特性。 ...
Android编程：绝对布局与相对布局实例解析
在Android编程中，两种常见的布局方式是绝对布局(AbsoluteLayout)和相对布局(RelativeLayout)。它们各自有其特点和适用场景。 一、绝对布局(AbsoluteLayout) 绝对布局，顾名思义，是基于屏幕坐标系统的一种布局...
android 的相对布局的使用小记
05-27
NULL 博文链接：https://leequer.iteye.com/blog/604985
Android中的相对布局
08-02 1398
相对布局，在这个容器内的子元素们可以通过彼此之间的位置来相互定位，或者与其父控件容器进行相互定位。 　　注意：不能在RelativeLayou容器本身的大小和他的子元素之间产生循环依赖，例如，你不能给你的RelativeLayou容器的高设置成为WRAP_CONTENT属性而给
安卓布局之相对布局
weixin_44703894的博客
12-26 960
相对布局RelativeLayout id属性比较重要,唯一标识该控件值 @+id/ —>创建id 常用的属性 //相对位置 android:layout_toRightOf="@+id/btn1" //在btn1右边 android:layout_below="@+id/btn1"// 在btn1下面 android:layout_above="@id/btn1"// 在btn1上面 android:layout_toLeftOf="@+id/btn1" //在btn1左边 //对齐位置 andr
Android中的相对布局详解
Amos_zh的博客
03-08 1175
Android中的相对布局详解 1.相对布局 和LinearLayout一样，RelativeLayout也是常用的一种安卓布局。通常使用LinearLayout+RelativeLayout完成页面的布局。相对布局即参照兄弟组件或者父容器来决定组件的位置。 2.基本属性 gravity：设置容器内组件的对齐方式 ignoreGravity：设置了该属性为true的属性的组件，将...
Android开发布局基础之相对布局
最新发布
weixin_56036523的博客
09-05 1639
在xml文件中，如果想使用相对布局，需要使用RelativeLayout属性，在该属性下的组件会按照相对布局的方式进行排列。
安卓基础学习 Day03 |常用布局-相对布局
luck_ch09的博客
01-10 5966
目录写在前面的话一、相对布局（一）概述（二）注意事项（三）常用属性（四）测试二、补充内容 写在前面的话 1、内容参考自B站以及网络 2、内容如果有不对的，希望可以指出或补充。 3、巩固内容 一、相对布局 （一）概述 相对布局（RelativeLayout）：也是常用布局之一，可以设置某一个控件相对于包裹它的（父容器）或者是和它一起被包裹的另一个控件（兄弟组件）的位置。 适用于较复杂的布局，主要针对的是线性布局嵌入多层的问题。一般采用 RelativeLayout + LinearLayout的layou
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值