Android studio开发一：三个页面简单实现QQ登录界面的延时跳转

Android studio开发

QQ登录界面延时跳转

第一次写博客，平时也会在CSDN里面搜索信息，在本学期新开的课程里学习Android studio编程实验课，简单记录一下实验内容。

一、实验目的

1. 掌握Android开发环境的搭建；
2. 了解Android SDK的安装、配置、使用；
3. 熟悉开发工具Android Studio的使用；
4. 了解创建项目并熟悉文件目录结构；
5. 编写一个简单的登录跳转界面，实现延迟跳转，按钮跳转。

二、实验环境

Windows 11、AndroidStudio

三、实验内容和实验步骤

1. Android开发环境搭建需要安装的软件及作用。

①首先去Android studio官网下载安装包，下载最新版本（支持Android 12的版本）；
②安装过程中勾选必要选项（防止缺少组件或者插件支持），安装好之后打开；
③新建一个空项目（Empty Activity）后，点击右上方“No Devices”选择“Device Manager”创建新的虚拟机（Create virtual device），并挑选一个自己喜欢的虚拟机下载安装，或者利用数据线连接自己的手机并打开开发者模式调试功能，软件即可搜索到真机；

④如果连接真机的话需要下载Google USB Driver支持USB调试功能，并在手机里开启相应权限（开发者模式中允许调试安装程序）；

安装好之后重启软件进行加载即可；
⑤最后点击“Make Project”
构建一下项目，检查是否有忘记安装的环境等等，一切准备就绪之后，无错误跳出可基本确认配置完成。

2. 使用约束布局完成QQ欢迎界面和登录界面的设计，并完成俩界面之间的跳转，要求提交源码工程，以及运行结果截图。

三、实验内容和实验步骤

1. 第一个界面

Java：

MainActivity.java：设置延时界面，时间为3秒。

Xml：

activity_main.xml：第一个页面的布局，设置图片“qq.jpg”。（图片最好是png格式或者jpg等通用的图片格式，否则会出现不兼容的情况）

运行截图：

2. 第二个界面

Java：

SecondActivity.java：设置按钮点击，启动第三个界面，利用Intent方法。

Xml：

activity_second.xml：第二个页面的布局，可以点击右上方“Design”进入图形化界面设置，不需要自己手写代码。

这个页面里需要编写按钮代码或者直接在图形化界面拉取“Button”，然后添加监听器，设置点击“click”实现点击跳转。

运行截图：

3. 第三个界面

Java：

Xml：

运行截图：

最后，我在下面附上运行代码，以供大家参考：

// 文件名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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:background="@drawable/qq">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/qq" />
</androidx.constraintlayout.widget.ConstraintLayout>

// 文件名SecondActivity.java，第二个页面
package com.example.myapplication;

import androidx.appcompat.app.AppCompatActivity;

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

public class SecondActivity extends AppCompatActivity {

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

    public void click(View view){
        //启动第三个界面
        Intent intent=new Intent(this,ThirdActivity.class);
        startActivity(intent);
    }
}

// 文件名activity_second.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=".SecondActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/QQ登录界面"
        android:textSize="48sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/登录"
        android:onClick="click"
        android:textSize="24sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.497"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.713" />
</androidx.constraintlayout.widget.ConstraintLayout>

// 文件名ThirdActivity.java，第三个页面
package com.example.myapplication;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

        public class ThirdActivity extends AppCompatActivity {

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

// 文件名activity_third.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=".ThirdActivity">

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/第三个界面"
        android:textSize="34sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

如果这篇文章对您或是您的朋友有帮助的话，还请各位志同道合的好友多多支持，一起共同进步！！！

有问题的同学或朋友可以在下面留言，看到的话会及时回复的哦~~~