Android 应用程序开发实验（一）基本的几种布局

最新推荐文章于 2024-05-23 20:50:58 发布
最新推荐文章于 2024-05-23 20:50:58 发布
阅读量744 收藏 5
点赞数 13
分类专栏： Android 应用程序开发 文章标签： android-studio java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lin020300/article/details/136739341
版权

（1）LinearLayout布局(线性布局)

        ①布局预览：

        ②代码设计：

2.1   MainActivity.java完整代码

package edu.hrbeu.LinearLayout;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import androidx.activity.EdgeToEdge;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.graphics.Insets;
import androidx.core.view.ViewCompat;
import androidx.core.view.WindowInsetsCompat;

public class MainActivity extends AppCompatActivity {

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

        Button button = findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent1 = new Intent(MainActivity.this, MainActivity2.class);
                startActivity(intent1);

            }
        });

        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {
            Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
            v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
            return insets;
        });
    }
}

2.2   activity_main.xml完整代码

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <LinearLayout
        android:id="@+id/linearLayout"
        android:layout_width="0dp"
        android:layout_height="60dp"
        android:layout_marginStart="20dp"
        android:layout_marginTop="84dp"
        android:layout_weight="1"
        android:background="@color/white"
        android:orientation="horizontal"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <Button
            android:id="@+id/btn11"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮1,1" />

        <Button
            android:id="@+id/btn12"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮1,2" />

        <Button
            android:id="@+id/btn13"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮1,3" />

        <Button
            android:id="@+id/btn14"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮1,4" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="0dp"
        android:layout_height="60dp"
        android:layout_marginStart="20dp"
        android:layout_marginTop="176dp"
        android:layout_weight="2"
        android:background="@color/white"
        android:orientation="horizontal"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <Button
            android:id="@+id/btn21"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮2,1" />

        <Button
            android:id="@+id/btn22"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮2,2" />

        <Button
            android:id="@+id/btn23"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮2,3" />

        <Button
            android:id="@+id/btn24"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮2,4" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout3"
        android:layout_width="0dp"
        android:layout_height="60dp"
        android:layout_marginStart="20dp"
        android:layout_marginTop="368dp"
        android:layout_weight="1"
        android:background="@color/white"
        android:orientation="horizontal"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <Button
            android:id="@+id/btn41"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮4,1" />

        <Button
            android:id="@+id/btn42"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮4,2" />

        <Button
            android:id="@+id/btn43"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="长按钮4,3" />

        <Button
            android:id="@+id/btn44"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮4,4" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout4"
        android:layout_width="0dp"
        android:layout_height="60dp"
        android:layout_marginStart="20dp"
        android:layout_marginTop="272dp"
        android:layout_weight="1"
        android:background="@color/white"
        android:orientation="horizontal"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <Button
            android:id="@+id/btn31"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮3,1" />

        <Button
            android:id="@+id/btn32"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮3,2" />

        <Button
            android:id="@+id/btn33"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="长按钮3,3" />

        <Button
            android:id="@+id/btn34"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="按钮3,4" />

    </LinearLayout>

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="120dp"
        android:layout_marginTop="540dp"
        android:text="跳转到相对布局页面"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />


</androidx.constraintlayout.widget.ConstraintLayout>

（2）RelativeLayout布局(相对布局)

        ①布局预览：

        ②代码设计：

2.1   MainActivity2.java完整代码

package edu.hrbeu.LinearLayout;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import androidx.activity.EdgeToEdge;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.graphics.Insets;
import androidx.core.view.ViewCompat;
import androidx.core.view.WindowInsetsCompat;

public class MainActivity2 extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        EdgeToEdge.enable(this);
        setContentView(R.layout.activity_main2);

        Button button = findViewById(R.id.button3);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent1 = new Intent(MainActivity2.this, MainActivity3.class);
                startActivity(intent1);

            }
        });

        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {
            Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
            v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
            return insets;
        });
    }
}

2.2   activity_main2.xml完整代码

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity2">


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="30dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="parent"
        tools:layout_editor_absoluteY="0dp">

        <RelativeLayout
            android:id="@+id/relative"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_alignParentRight="true"
            android:layout_marginTop="200dp"
            android:layout_marginRight="210dp"
            android:background="#ff0000"/>

        <RelativeLayout
            android:id="@+id/relative1"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_alignParentLeft="true"
            android:layout_marginLeft="5dp"
            android:layout_marginTop="35dp"
            android:background="#673AB7"/>

        <RelativeLayout
            android:id="@+id/relative2"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_alignParentRight="true"
            android:layout_marginTop="35dp"
            android:layout_marginRight="5dp"
            android:background="#0000ff"/>

        <RelativeLayout
            android:id="@+id/relative4"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_alignParentRight="true"
            android:layout_marginTop="35dp"
            android:layout_marginRight="145dp"
            android:background="#ff1155" />

        <RelativeLayout
            android:id="@+id/relative6"
            android:layout_width="400dp"
            android:layout_height="50dp"
            android:layout_alignParentLeft="true"
            android:layout_marginLeft="5dp"
            android:layout_marginTop="320dp"
            android:background="#673AB7"/>

        <RelativeLayout
            android:id="@+id/relative3"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_alignParentRight="true"
            android:layout_marginTop="200dp"
            android:layout_marginRight="70dp"
            android:background="#00ff00"/>

        <Button
            android:id="@+id/button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_marginTop="410dp"
            android:layout_marginRight="85dp"
            android:text="跳转到TableLayout布局"></Button>

    </RelativeLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

（3）TableLayout布局（表格布局）

        ①布局预览：

        ②代码设计：

2.1   MainActivity3.java完整代码

package edu.hrbeu.LinearLayout;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import androidx.activity.EdgeToEdge;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.graphics.Insets;
import androidx.core.view.ViewCompat;
import androidx.core.view.WindowInsetsCompat;

public class MainActivity3 extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        EdgeToEdge.enable(this);
        setContentView(R.layout.activity_main3);
        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {
            Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
            v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
            return insets;
        });
    }
}

2.2   activity_main3.xml完整代码

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity3">

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TableRow
            android:id="@+id/TableRow01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <TextView android:id="@+id/labe1"
                android:layout_height="wrap_content"
                android:text="open："
                android:padding="3dip">
            </TextView>

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="270dp"
                android:text="Ctrl+O" />
        </TableRow>

        <TableRow
            android:id="@+id/TableRow02"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <TextView android:id="@+id/labe2"
                android:layout_height="wrap_content"
                android:text="close："
                android:padding="3dip">
            </TextView>

            <TextView
                android:id="@+id/textView3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="270dp"
                android:text="CtrL-S" />
        </TableRow>

        <TableRow
            android:id="@+id/TableRow03"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <TextView android:id="@+id/labe3"
                android:layout_height="wrap_content"
                android:text="Save as："
                android:padding="3dip">
            </TextView>

            <TextView
                android:id="@+id/textView4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="270dp"
                android:text="Ctrl+shift" />
        </TableRow>

        <TableRow
            android:id="@+id/TableRow04"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <TextView android:id="@+id/labe4"
                android:layout_height="wrap_content"
                android:text="用户名："
                android:padding="3dip">
            </TextView>

            <TextView
                android:id="@+id/textView5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="270dp"
                android:text="Ctrl-e" />
        </TableRow>


    </TableLayout>

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="136dp"
        android:layout_marginTop="504dp"
        android:text="TableLayout布局"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">
    </TextView>

</androidx.constraintlayout.widget.ConstraintLayout>

（4）实验说明

                MainActivity.java与MainActivity2.java中分别设置了跳转页面的代码，方便个人学习调试，不需要可选择删除跳转按钮以及相关代码。后续相关学习实验内容也会进行更新发布，感谢大家的喜欢与支持！作者学习Android 应用程序开发的过程中，如有不足之处，期待您的指正哦！

（5）寄语

                学习之路漫漫长，薪资之望快快涨。

Jeinfly
关注
  • 13
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Android导入项目出现红色感叹号
跨语言，跨平台，跨应用
11-19 1263
当import一个新的android项目时，项目名称上出现一个红色的感叹号，程序不能运行。 原因：工程中classpath中指向的包路径错误。 解决方法：在项目名称上点右键选择Properties，然后选择Java BulidPath中的libraries选项，其中出现红色x号的路径为错误路径，删除之后，通过AddExternal Jars添加正确路径，点击确定之后，在PackageExpl
Android开发——ViewPager
qq_64863535的博客
04-19 355
使用 LayoutInflater 从布局文件 R.layout.layout1、R.layout.layout2 和 R.layout.layout3 中分别加载了三个视图，并添加到了一个 ArrayList 中。在方法 instantiateItem 中，根据给定的 position，从 list 中获取对应位置的视图，并将其添加到 ViewPager 的 container 中。最后返回该视图对象。getCount 方法返回 ViewPager 中要显示的视图数量，即 list 的大小。
第1章 简单控件
最新发布
jerry9590的博客
05-23 727
本章介绍App开发常见的几类简单控件的用法，主要包括：显示文字的文本视图、容纳视图的常用布局、响应点击的按钮控件、显示图片的图像视图等。然后结合本章所学的知识，演示一个实战项目“简单计算器”的设计与实现。
Android 应用程序开发实验（二）熟悉安卓常见的UI组件
lin020300的博客
03-15 2320
基本常用组件&&ListView的使用&&XML定义菜单
沉浸式状态栏处理的相关问题
Mr_Tony的专栏
11-29 3211
现在手机上会有很多种刘海屏、水滴屏等状态。有时候不做处理的话布局会被刘海屏遮挡。这里需要用到android:fitsSystemWindows="true"属性。如果无效的话，尝试把布局设置为透明即可。 参考以下链接： Android中fitsSystemWindows属性的用法总结 https://blog.csdn.net/qq_17422503/article/details/51769672 沉浸式兼容库: https://github.com/gyf-dev/ImmersionBar .....
Android页面的布局
weixin_63261150的博客
07-14 2135
1.在design页面下--->componenttree--->ConstrainLayout右键--->Convertview...--->选择LinearLayout点击Apply。RelativeLayout布局提供了一些常用的布局设置属性用于确定组件在视图中的相对位置。从名称上可以看出，这种布局方式是以一种。layout_alignBottom对齐参考组件的下边界。layout_alignRight对齐参考组件的右边界。layout_alignLeft对齐参考组件的左边界。...
安卓的常用布局看一篇就够了
A125679880的博客
12-17 6823
安卓布局
Android开发 ConstraintLayout布局的详解
Dream It Possible
10-28 3872
这里的定位属性指的是 layout_constraintTop_toTopOf 、layout_constraintTop_toBottomOf 、 layout_constraintStart_toEndOf 等等此类属性。 为了方便后续理解，这里说明下此类定位属性的意思。此类定位属性在文本上想表达的是 当前View 在 定位View 什么位置上。 这里举几个例子，例如： layout_constraintTop_toBottomOf 这个属性的意思是 当前View的上边（Top）在 目标Vi
Android移动开发实验4.doc
03-09
1. **Eclipse集成开发环境的使用**：实验要求学生熟悉Eclipse IDE，这是Android应用开发常用的工具，用于编写、编译和调试Android应用程序。在Eclipse中创建Android项目，需要配置相应的Android SDK和开发环境。 2....
建桥移动应用开发(安卓)实验二
01-01
在“建桥移动应用开发(安卓)实验二”中，我们主要探讨的是Android应用程序的开发技术，这是一项针对初学者的实践性学习任务。实验旨在帮助学生深入理解Android平台的编程环境，掌握基本的Android应用开发流程，并...
Android百分比布局
09-27
继承自Relative的自定义布局，实现了按照百分比布局控件，控件的比例可以按照自己指定的布局，不会因为手机尺寸的原因造成空间比例失调，控件的长宽比例由自己指定，参数值只需要设置一个（手机屏幕的高度或者宽度值）就可以了，最大的亮点就是既有relativelaout的功能，又可以固定比例，代码简单，容易理解，自己下下来一看就懂
Android布局之GridLayout网格布局
01-04
网格布局标签是GridLayout。这个布局是android4.0新增的布局。这个布局只有4.0之后的版本才能使用。 不过新增了一些东东 ①跟LinearLayout(线性布局)一样,他可以设置容器中组件的对齐方式 ②容器中的组件可以跨多行也可以跨多列(相比TableLayout直接放组件,占一行相比较) 因为是android 4.0新增的,API Level 14,在这个版本以前的sdk 都需要导入项目,等下会详细介绍 常用属性: 排列对齐: ①设置组件的排列方式:   android:orientation=””     vertical(竖直,默认)或者horizontal(水平) ②设
Android开发 相对布局练习
03-19
相对布局（RelativeLayout）是Android提供的一种布局方式，它允许视图相对于其他视图进行定位，从而实现灵活多样的界面设计。本练习项目是一个简单的石头剪刀布游戏，通过使用相对布局，初学者可以深入理解其工作...
android_test_1:使用AIDE在平板电脑中编写最小Android应用程序的实验
06-14
在本实验"android_test_1:使用AIDE在平板电脑中编写最小Android应用程序"中，我们将探讨如何在平板电脑上利用AIDE这款集成开发环境（IDE）创建一个基础的Android应用。AIDE是一款专为Android设备设计的移动开发工具...
Android中的ConstraintLayout约束布局
ChenYiRan123456的博客
09-28 5621
Android中的ConstraintLayout约束布局
Androidx学习笔记（6）--常见布局--线性布局
oBuYiSeng的博客
01-19 1052
线性布局 LinearLayout 指定各个节点的排列方向 android:orientation="horizontal" 设置右对齐 android:layout_gravity="right" 当竖直布局时，只能左右对齐和水平居中，顶部底部对齐竖直居中无效当水平布局时，只能顶部底部对齐和竖直居中使用match_parent时注意不要把其他组件顶出去
android 实现仿今日头条推荐列表界面
Miaolihong1的博客
05-18 745
界面条目有3种显示形式，第一种是不显示图片，第二种是显示1张，第三种是显示3张，不显示图片和显示1张的形式可以用用相同条目界面，在list_item_one.xml布局文件中设置，显示3张在list_item_two.xml布局文件中设置。还有一些我在做的过程中遇到的一些问题，你自己做的时候是否也遇到了，请参考我 android报错 这个文章！仿今日头条推荐列表界面的背景为浅灰色，底部文字深灰色，在res/values/color.xml中设置。
Android技术知识点：如何实现自定义带有CardView组件的底部滑动栏
专注于深入研究多种编程语言，以实战为导向，逐步拓展开发技能，提升工程化编码和思维能力，展现无敌技术实力。
06-27 561
Android技术知识点：如何实现自定义带有CardView组件的底部滑动栏
import androidx.activity.Activity;
06-03
在 Androidx 中，并没有名为 "androidx.activity.Activity" 的类。如果你想要使用 Androidx 中的 Activity，应该导入 "androidx.appcompat.app.AppCompatActivity" 类，并且让你的 Activity 继承自该类。例如： ``` import androidx.appcompat.app.AppCompatActivity; public class MainActivity extends AppCompatActivity { // ... } ``` 需要注意的是，在使用 Androidx 的 Activity 之前，你需要先在项目中添加相应的依赖库。可以在项目的 build.gradle 文件中添加以下代码来添加依赖： ``` dependencies { implementation 'androidx.appcompat:appcompat:1.3.1' // 其他依赖库 } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值