实现主页面的布局以及界面的切换_AndroidStudio学习笔记（5）

news/2025/1/15 23:06:58/

AndroidStudio学习笔记4

        • 一、主界面的布局，布局的嵌套
          • 1、布局管理器的类型：
          • 2、布局管理器嵌套的要求：
          • 3、实例
            • （1）根布局管理器为线性布局管理器
            • （2）线性布局管理器内部嵌套相对布局管理器
        • 二、单击按钮切换界面与返回
          • 1、新建一个界面
          • 2、主界面跳转到新的界面
          • 3、新界面返回主界面
        • 三、结果

一、主界面的布局，布局的嵌套

在设计一个页面的时候，只用一个布局往往不够，今天学到了一个好技能，布局的嵌套。

1、布局管理器的类型：

（1）约束型布局管理器（Android默认的那种）
（2）相对布局管理器（RelativeLayout）
（3）线性布局管理器（LinearLayout）
（4）帧布局管理器（FrameLayout）
（5）表格布局管理器（TableLayout）
（6）网格布局管理器（GridLayout）

2、布局管理器嵌套的要求：

（1）根布局管理器必须包含xmlns属性
（2）布局文件中最多只能有一个根布局管理器
（3）不能嵌套太深

3、实例

我设计的这个页面就是线性布局管理器内部嵌套相对布局管理器

在这里插入图片描述

（1）根布局管理器为线性布局管理器
<LinearLayout 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:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"android:gravity="center"tools:context=".MainActivity">......</LinearLayout>

<1>根布局管理器要有xmlns属性
<2>android:orientation=“horizontal”
orientation属性设置为垂直
<3>android:gravity=“center”
gravity属性设置为中央，按钮会显示在正中央处

（2）线性布局管理器内部嵌套相对布局管理器
  <RelativeLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"><ImageButtonandroid:id="@+id/button1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:paddingLeft="40dp"android:background="#0000"android:src="@mipmap/icon2"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:paddingLeft="40dp"android:text="添加空间"android:textColor="@color/zblue"android:layout_below="@+id/button1"/></RelativeLayout>

<1>match_parent和wrap_content
match_parent表示让当前控件的大小和父布局的大小一样，也就是由父布局来决定当前控件的大小

wrap_content表示让当前的控件大小能够刚好包含里面的内容，也就是由控件内容决定当前控件的大小

<2>关于 android:layout_weight=“1”
将三个RelativeLayout的weight设置为均等的1，那么三个RelativeLayout就会均分剩下的空间，实现一种均匀分散开的效果。
在这里插入图片描述
<3>android:layout_below=“@+id/button1”
把文字框放在图片按钮的下面
<4>android:background=“#0000”
图片的背景设置为透明的

二、单击按钮切换界面与返回

1、新建一个界面

新建一个界面，就是新建一个activity文件与一个layout文件。
一种比较简单的创建方法是利用AndroidStudio的向导进行创建
在这里插入图片描述
在这里插入图片描述
这样子就建好了一个activity文件、一个layout文件并且在Manifest里做好了声明。
在这里插入图片描述

2、主界面跳转到新的界面

（1）得到imagebutton的控制权
（2）建立单击事件监听
（3）一旦监听到单击事件就 startActivity(intent1); 执行跳转

  ImageButton patrol =(ImageButton) findViewById(R.id.button2);patrol.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {Intent intent1=new Intent(MainActivity.this,PatrolActivity.class);startActivity(intent1);}});
3、新界面返回主界面

（1）新建一个按键
（2）获得“返回”按键的控制权
（3）开启单击事件监听
（4）直接使用 finish(); 结束这一activity，就能回到主界面

  Button back=(Button) findViewById(R.id.button4);back.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {finish();}});

三、结果

在这里插入图片描述

🚀附上此工程的代码：
MainActivity.java

package com.example.wirepatrol_2;import androidx.appcompat.app.AppCompatActivity;import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.WindowManager;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.Toast;public class MainActivity extends AppCompatActivity {private Object PatrolActivity;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);ImageButton patrol =(ImageButton) findViewById(R.id.button2);patrol.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {Intent intent1=new Intent(MainActivity.this,PatrolActivity.class);startActivity(intent1);}});}
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"android:gravity="center"tools:context=".MainActivity"><RelativeLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"><ImageButtonandroid:id="@+id/button1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:paddingLeft="40dp"android:background="#0000"android:src="@mipmap/icon2"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:paddingLeft="40dp"android:text="添加空间"android:textColor="@color/zblue"android:layout_below="@+id/button1"/></RelativeLayout><RelativeLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"><ImageButtonandroid:id="@+id/button2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:paddingLeft="40dp"android:background="#0000"android:src="@mipmap/icon3"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:paddingLeft="40dp"android:text="开始巡视"android:textColor="@color/zblue"android:layout_below="@+id/button2"/></RelativeLayout><RelativeLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"><ImageButtonandroid:id="@+id/button3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:paddingLeft="40dp"android:background="#0000"android:src="@mipmap/icon4"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:paddingLeft="40dp"android:text="历史记录"android:textColor="@color/zblue"android:layout_below="@+id/button3"/></RelativeLayout></LinearLayout>

PatrolActivity.java

package com.example.wirepatrol_2;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;
import android.view.View;
import android.widget.Button;public class PatrolActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_patrol);Button back=(Button) findViewById(R.id.button4);back.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {finish();}});}
}

activity_patrol.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:layout_width="match_parent"android:layout_height="match_parent"tools:context=".PatrolActivity"><Buttonandroid:id="@+id/button4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="返回"android:textSize="20dp"android:textColor="@color/zblue"android:background="#0000"tools:ignore="MissingConstraints" /></androidx.constraintlayout.widget.ConstraintLayout>

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"package="com.example.wirepatrol_2"><applicationandroid:allowBackup="true"android:icon="@mipmap/ic_launcher"android:label="@string/app_name"android:roundIcon="@mipmap/ic_launcher_round"android:supportsRtl="true"android:theme="@style/Theme.WirePatrol_2"><activityandroid:name=".PatrolActivity"android:exported="false" /><activityandroid:name=".MainActivity"android:exported="true"><intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" /></intent-filter></activity></application></manifest>

color.xml

<?xml version="1.0" encoding="utf-8"?>
<resources><color name="purple_200">#FFBB86FC</color><color name="purple_500">#FF6200EE</color><color name="purple_700">#FF3700B3</color><color name="teal_200">#FF03DAC5</color><color name="teal_700">#FF018786</color><color name="black">#FF000000</color><color name="white">#FFFFFFFF</color><color name="zblue">#FF0A1596</color>
</resources>

http://www.ppmy.cn/news/310746.html

相关文章

【SemiDrive源码分析】【驱动BringUp】37 - LCM 驱动 Bringup 流程

【SemiDrive源码分析】【驱动BringUp】37 - LCM 驱动 Bringup 流程

【SemiDrive源码分析】【驱动BringUp】37 - LCM 驱动 Bringup 流程 一、RTOS侧 LCM驱动移植1.1 修改safety-x9plus-ref-serdes.mk：用于添加屏驱动文件夹1.2 修改 dil2-safety-x9plus-ref-serdes.mk： DIL2 中也会用到屏1.3 修改屏驱动文件夹名1.4 修改 c 文件名及对应的结构体…
阅读更多...
C++ 建造者模式

C++ 建造者模式

简述 建造者模式（Builder Pattern），旨在将一个复杂对象的构建与它的表示分离，使得同样的构建过程可以创建不同的表示。 | 版权声明：一去、二三里，未经博主允许不得转载。 模式结构 UML 结构图： Builder（抽象建造者）：为创建一个产品对象的各个部件指定抽象接口。C…
阅读更多...
Android开发学习【简单控件】

Android开发学习【简单控件】

Android开发学习【Day01】 Android onCreate 详解简单控件文本显示设置文本内容方式设置文本的大小设置文本的颜色 设置视图的宽高直接设置在代码中设置视图宽高 设置视图间距设置视图的对齐方式线性布局LinearLayout线性布局内部的各视图的两种排列方式线性布局的权重 相对布局…
阅读更多...
android res目录资源使用说明

android res目录资源使用说明

一、颜色 颜色资源应该位于标签下&#xff0c;路径res/values/colors.xml。 名字可以随意定义value&#xff0c;如下&#xff1a; <?xml version"1.0" encoding"utf-8"?> <resources> <color name"white">#FFFFFF</colo…
阅读更多...
信息学奥赛一本通（C++版） 第三部分 数据结构 第四章 图论算法

信息学奥赛一本通（C++版） 第三部分 数据结构 第四章 图论算法

总目录详见&#xff1a;https://blog.csdn.net/mrcrack/article/details/86501716 信息学奥赛一本通&#xff08;C版&#xff09; 第三部分 数据结构 第四章 图论算法 http://ybt.ssoier.cn:8088/ 第一节 图的遍历 //1341 【例题】一笔画问题 //在想&#xff0c;是输出欧拉…
阅读更多...
Android应用开发（6）文本视图（TextView）

Android应用开发（6）文本视图（TextView）

Android应用开发学习笔记——目录索引 本章介绍文本视图&#xff08;TextView&#xff09;的显示&#xff0c;包括&#xff1a;设置文本内容、设置文本大小、设置文本显示颜色。 一、设置TextView显示内容 Layout XML文件中设置 如&#xff1a;res/layout/activity_main.xml中通…
阅读更多...
Android开发TextView+LinearLayout实现底部导航栏

Android开发TextView+LinearLayout实现底部导航栏

一、 成果 安卓开发底部导航栏的实现是基础内容&#xff0c;今天简单介绍一下用TextViewLinearLayout实现底部导航栏&#xff0c;先放一下成果 二、 代码部分 activity_main.xml将主界面部分做好&#xff0c;部分解释一下&#xff0c;Layout_weight的属性是设置它所占据屏幕的权…
阅读更多...
AcWing算法提高课 Level-3 第三章 图论

AcWing算法提高课 Level-3 第三章 图论

单源最短路的建图方式 1129. 热浪 思路 &#xff1a;单源最短路算法中除了bellmanford一般不用以外&#xff0c;普D为 O ( n 2 ) O(n^2) O(n2)&#xff0c;优D为 O ( m ∗ l o g n ) O(m*logn) O(m∗logn)&#xff0c;spfa平均是 O ( m ) O(m) O(m)语法 &#xff1a;链式前向星…
阅读更多...
最新文章

Copyright @ 2022~2023