1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > Android studio开发一:三个页面简单实现QQ登录界面的延时跳转

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

时间:2020-10-25 06:29:26

相关推荐

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

Android studio开发

QQ登录界面延时跳转

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

一、实验目的

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

二、实验环境

Windows 11、AndroidStudio

三、实验内容和实验步骤

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

①首先去Android studio官网下载安装包,下载最新版本(支持Android 12的版本);

②安装过程中勾选必要选项(防止缺少组件或者插件支持),安装好之后打开;

③新建一个空项目(Empty Activity)后,点击右上方“No Devices”选择“Device Manager”创建新的虚拟机(Create virtual device),并挑选一个自己喜欢的虚拟机下载安装,或者利用数据线连接自己的手机并打开开发者模式调试功能,软件即可搜索到真机;

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

安装好之后重启软件进行加载即可;

⑤最后点击“Make Project”

构建一下项目,检查是否有忘记安装的环境等等,一切准备就绪之后,无错误跳出可基本确认配置完成。

使用约束布局完成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="/apk/res/android"xmlns:app="/apk/res-auto"xmlns:tools="/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"android:background="@drawable/qq"><ImageViewandroid: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 {@Overrideprotected 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="/apk/res/android"xmlns:app="/apk/res-auto"xmlns:tools="/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".SecondActivity"><TextViewandroid: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"/><Buttonandroid: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 {@Overrideprotected 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="/apk/res/android"xmlns:app="/apk/res-auto"xmlns:tools="/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".ThirdActivity"><TextViewandroid: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>

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。