Android Studio实现QQ的注册、登录和好友列表之间的跳转

项目目录

  • 一、项目概述
  • 二、开发环境
  • 三、详细设计
    • 1、登录界面的搭建
    • 2、注册界面的搭建
    • 3、好友列表界面的搭建
    • 4、跳转功能实现
  • 四、项目效果
  • 五、项目总结
  • 六、源码下载

一、项目概述

本次项目主要包含了注册、登录和好友列表三个界面以及之间相互跳转。其中好友列表界面设计的很详细,有好友头像和消息内容。用户先点击注册按钮进入注册界面,输入完账号和密码后,点击注册,跳转到登录界面,这时候账号和密码也被传了过来,点击登录按钮进入好友列表界面,这时候用户名也被传递过来。

二、开发环境

Android Studio实现QQ的注册、登录和好友列表之间的跳转_第1张图片

三、详细设计

1、登录界面的搭建

整体布局是相对布局RelativeLayout,上来ImageView是头像框,下面一个LinearLayout,显示的账号TextView和EditText;紧接着还是一个LinearLayout,里面是密码的TextView和EditText。最下面是两个Button,一个是登录,一个是注册,与父布局同宽。
Android Studio实现QQ的注册、登录和好友列表之间的跳转_第2张图片

2、注册界面的搭建

最外层是RelativeLayout,顶部是一个“新用户注册”的TextView,下面一个LinearLayout,显示的账号TextView和输入框EditText;紧接着还是一个LinearLayout,里面是密码的TextView和输入框EditText,最下面是注册的Button,onClick=“click”。
Android Studio实现QQ的注册、登录和好友列表之间的跳转_第3张图片

3、好友列表界面的搭建

最外层是LinearLayout布局,排列方式为vertical垂直。首先最上面是一个LinearLayout,里面放了一个ImageView头像,和一个TextView文本框,用来接收用户登录时的账号,并且显示在这里。在下面是一个TextView,显示“好友列表”,紧接着是一个ListView列表,显示好友信息。
Android Studio实现QQ的注册、登录和好友列表之间的跳转_第4张图片

4、跳转功能实现

登录按钮绑定的监听器,设置意图进行跳转,点击从当前的主界面跳转到好友列表界面。

btn_log.setOnClickListener(new View.OnClickListener() {
     //匿名内部类方式实现按钮点击事件
            @Override
            public void onClick(View v) {
     //传递数据
                Intent intent=new Intent(MainActivity.this,friend_list_Activity.class);//创建Intent对象,启动Activity02
                //将数据存入Intent对象
                intent.putExtra("name",et_name.getText().toString().trim());
                startActivity(intent);
            }
        });
        btn_reg.setOnClickListener(this);

注册按钮绑定的监听器,创建意图Intent,实现点击跳转到注册界面。

public void onClick(View view){
     
        switch(view.getId()){
     
            case R.id.btn_register:
            Intent intent=new Intent(this,register_Activity.class);
            startActivityForResult(intent,1);//返回请求结果,请求码为1
        }
    }

注册界面的注册按钮,用click方法实现,创建意图Intent,并传值过去。

public void click(View view) {
     
        Toast.makeText(this, "注册成功!", Toast.LENGTH_SHORT).show();
        Intent intent = new Intent();
        intent.putExtra("name", reg_name.getText().toString().trim());
        intent.putExtra("password", reg_password.getText().toString().trim());
        setResult(1, intent);
        finish();
    }

四、项目效果

1、主界面默认显示为登录界面。
Android Studio实现QQ的注册、登录和好友列表之间的跳转_第5张图片
2、点击注册按钮进入注册界面。
Android Studio实现QQ的注册、登录和好友列表之间的跳转_第6张图片
3、输入账号密码然后注册,回到登录界面,账号密码也穿过来了
Android Studio实现QQ的注册、登录和好友列表之间的跳转_第7张图片
4、点击登录进入好友列表界面,账号也被传过来了
Android Studio实现QQ的注册、登录和好友列表之间的跳转_第8张图片

五、项目总结

本次QQ页面跳转项目主要考验学生对于ListView和intent的使用,对多个页面之间的跳转和传值要熟稔于心,这些知识点在今后的Android项目中会经常使用,因此希望大家能够熟练掌握上述知识点的使用,方便后续开发项目。

六、源码下载

需要源码学习的同学可以关注我的微信公众号,回复:QQ页面跳转,即可免费获取源码,还有很多免费的Android项目等你来学习。
Android Studio实现QQ的注册、登录和好友列表之间的跳转_第9张图片

你可能感兴趣的:(页面跳转,移动应用开发,传值,头像,点击事件)