Android移动应用开发教程③

  • 本文为第三篇,主要讲解了对Activity的理解和Android的程序设计规范。讲解了界面布局中xml文件各类代码的含义,并且展示了如何利用java代码来修改xml界面显示的内容。最后通过一个例子展示了如何实现app界面的跳转,介绍了activity界面的两种创建方式。
  • 本文是对B站教程 动脑学院 Android教程 学习过程中所做的笔记!
  • 本文大部分为从视频中选取的知识点,其中有文字和小部分图片是由我自己编写的。
  • 本文承接上一篇文章《Android移动应用开发教程②》
  • 下一篇篇链接:《Android移动应用开发教程④》

一:界面显示

1.1:对Activity的理解

Activity是一个应用程序组件,提供一个屏幕,用户可以用来交互来完成某项任务。

它就是一个界面,我们在打开app之后就是一个activity,而点击上面的按钮来交互跳转到其他界面时就是跳转到了另一个activity,它是Android应用开发中很重要的组件。

1.2:Android的程序设计规范

Android利用xml标记描绘应用界面,使用java代码书写程序逻辑。

类似于HTML和JavaScript,xml用来描述activity上有哪些控件,在哪个位置,而java代码用来和界面交互,响应用户的操作,这就是把前端和后端分离。

好处:

  • 使用xml描述APP界面,可以在Android studio上很方便的显示预览界面效果
  • 一个页面布局可以被多处代码复用,而同一段java代码也可以适配不同界面布局

1.3:界面布局

找到res文件夹中的layout文件夹,里面有activity_main的页面布局xml文件。打开后就可以看到主页面的页面布局(xml标记语言)。如果显示的是拖拽组件界面,请在右上角选择code

下面将创建一个界面来讲解各种代码的用处(请将除了第一行之外的所有代码删除,然后将下列代码复制进去)

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center">
    
    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello world! "/>

</LinearLayout>

每个页面都要有根布局,而上面代码中的根布局就是LinearLayout线性布局。

第二行就是引入了xml的命名空间,它告诉我们可以使用那些合法的属性。

三四行代表我们的根节点的宽高,而后面的match-parent为匹配父项,就是和屏幕一样大小。

第五行是设置线性布局的方向,vertical则代表内部的子控件布局为垂直方向。

第六行是设置布局中的控件居中

TextView是线性布局中的子控件,其中第一行是这个控件的id,可以与后端代码联系,而二三行是该控件的大小,wrap_content代表随着内部文字改变大小,而第四行就是TextView中的内容。为“hello world”。

二:逻辑处理

2.1:在java文件中书写逻辑

 如果我们想改变页面布局中的TextView中的文本,改如何写呢

在第12行之后输入下列代码

 TextView tv=findViewById(R.id.tv);
        tv.setText("你好,世界");

这样在我们发布运行后,先会找到执行我们这个界面,然后找到tv这个控件并更改里面的文字。

 三:app页面的跳转

3.1:完整的页面创建过程

  1. 在 layout目录下创建XML文件
  2. 创建与XML文件对应的Java 代码
  3. 在AndroidManifest.xml中注册页面配置

3.1.1:在layout目录下创建xml文件

点击创建一个新的layout xml文件并取名为activity_main2 ,并将线性布局根布局填入(和上面写的基本相同)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center">

    
</LinearLayout>

 然后再向里面插入TextView组件

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text=""/>

而在往TextView里面填写文本的时候,我们可以不在Android标签里面直接填写,可以写到这里

向其中填入

<string name="text2">Activity Main 2</string>

 这样我们就可以在xml文件中直接引用text2

3.1.2:创建与XML文件对应的Java 代码

在java文件包中创建java类,创建后如下

随后将公共类继承AppCompatActivity类,因为他处理了很多兼容性的问题。

然后重写onCreate方法

注:onCreate有两个方法,请重写第二个protected 方法。

并在清单文件中写入mainactivity2

 

 3.2:实现不同页面的跳转

 3.2.1:在界面中添加组件跳转

打开MainActivity界面文件

在LinearLayout中添加一个button组件

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="跳转"/>

3.2.2:在java代码中书写跳转代码

打开java文件中的MainActivity类

在onCreate里面添加一下代码

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

其中代码的意思我们后面会说到。这样就完成了跳转。

3.2.3:测试

点击跳转后

 3.3:另一种创建界面的简单方法

直接右击创建

 这样对应的xml文件和java类都会自动创建

清单文件中也会对应的添加。

猜你喜欢

转载自blog.csdn.net/qq_64618483/article/details/129189379