Android Studio欢迎界面和登陆界面的设计(小白)

        最近学校开设了Android Studio的开发课程,跟着书上的例子和小破站的视频开启了安卓小白之旅,今天主要整理了一下"欢迎界面"和"登陆界面"的相关内容。

        首先新建一个项目,按照自己的需求命名项目

Android Studio欢迎界面和登陆界面的设计(小白)_第1张图片

 欢迎界面

新建一个类,命名为Splash

Android Studio欢迎界面和登陆界面的设计(小白)_第2张图片

 欢迎界面的页面布局

在layout中新建一个activity_splash.xml文件,

需要首先在drawable文件夹下导入main_button_3图片,字体颜色可以自己按照喜好设计

activity_splash.xml布局设计如下



    

        


    

效果如图

Android Studio欢迎界面和登陆界面的设计(小白)_第3张图片

 Splash.java中代码如下:

package com.example.chwngyanan.qxapp.activity;

import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;

import com.example.chwngyanan.qxapp.MainActivity;
import com.example.chwngyanan.qxapp.R;

import java.util.Timer;
import java.util.TimerTask;

/**
 * Created by CHWNGYANAN on 2021/9/20.
 */

public class Splash extends AppCompatActivity{
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_splash);  //快捷键alt+enter

        //延时操作
        Timer timer = new Timer();
        timer.schedule(timetast, 2000);
    }
        TimerTask timetast = new TimerTask() {
            @Override
            public void run() {
           
                startActivity(new Intent(Splash.this,Login.class));//跳转登录界面
            }
        };



}

 Splash中要实现的功能是在欢迎界面停留两秒后跳转登陆界面

登陆界面

由于作者是小白,设计的登陆界面比较简单

新建Login类以及activity_login.xml

activity_login.xml布局文件如下



    
        
            
        
        
            

            

            
        
        
            
            
        

        
            

效果如图:

Android Studio欢迎界面和登陆界面的设计(小白)_第4张图片

同样需要注意在drawable中导入名为main_button_3_selected的图片(图片名称可以自己命名,和xml文件中对应即可)

接下来要实现的功能是点击登录注册跳转注册界面

新建Register类以及activity_register.xml文件

activity_register.xml布局文件如下



    

        
            tools:ignore="UselessParent">

            

            
        

        
            tools:ignore="UselessParent">

            

            

        
        

            

            
        
    
    

设计效果如图

Android Studio欢迎界面和登陆界面的设计(小白)_第5张图片

 Register.java文件代码如下:

 实现的功能是当点击"注册账号"按钮时,跳转登录界面,并且显示“注册成功,请重新登录”字样

package com.example.chwngyanan.qxapp.activity;

import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

import com.example.chwngyanan.qxapp.MainActivity;
import com.example.chwngyanan.qxapp.R;

/**
 * Created by CHWNGYANAN on 2021/9/23.
 */

public class Register extends AppCompatActivity {
    private Button register;

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

        //绑定按钮
        register = (Button)findViewById(R.id.register);
        register.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(Register.this, "注册成功,请重新登录", Toast.LENGTH_SHORT).show();
                startActivity(new Intent(Register.this,Login.class));
            }
        });
    }
}

Login.java要实现的功能是 :点击登录,跳转主界面,并显示“登录成功”字样

Login.java中代码如下

package com.example.chwngyanan.qxapp.activity;

import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

import com.example.chwngyanan.qxapp.MainActivity;
import com.example.chwngyanan.qxapp.R;

/**
 * Created by CHWNGYANAN on 2021/9/22.
 */

public class Login extends AppCompatActivity {
    private Button login;
    private Button zhuce;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
        //绑定控件
        login = (Button)findViewById(R.id.login);
        zhuce = (Button)findViewById(R.id.zhuce);

        login.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(Login.this, "登陆成功",Toast.LENGTH_SHORT).show();
                startActivity(new Intent(Login.this, MainActivity.class));
            }
        });
        //注册界面
        zhuce.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                startActivity(new Intent(Login.this,Register.class));
            }
        });

    }
}

最后实现的效果如下:

 

Android Studio欢迎界面和登陆界面的设计(小白)_第6张图片

 

Android Studio欢迎界面和登陆界面的设计(小白)_第7张图片

你可能感兴趣的:(小程序,android,studio)