简易 的QQ APP登录以及注册页面的实现

最新推荐文章于 2021-04-15 21:21:47 发布
最新推荐文章于 2021-04-15 21:21:47 发布
阅读量4.5k 收藏 28
点赞数 3
分类专栏： Android 文章标签： android app 布局 xml relativelayout
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zl570932980/article/details/51455404
版权

1：首页面的效果图

这里写图片描述

XML代码的实现：
这里主要使用了相对布局和线性布局来实现

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    tools:context=".MainActivity" >
    <ImageView 
        android:id="@+id/imageview"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:layout_marginTop="20dp"
        android:src="@drawable/a1"
        android:layout_centerHorizontal="true"/>
    <LinearLayout 
        android:id="@+id/linearlayout1"
        android:layout_marginTop="20dp"
        android:layout_marginRight="10dp"
        android:layout_marginLeft="10dp"
        android:layout_below="@+id/imageview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="用户名"
            android:textSize="19sp" />

        <EditText 
            android:id="@+id/edittext1"
            android:layout_width="0dip"
            android:layout_weight="3"
            android:layout_height="wrap_content"
            android:hint="QQ/手机号/邮箱"
            android:inputType="text"/>
    </LinearLayout>
    <LinearLayout 
        android:id="@+id/linearlayout2"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
         android:layout_below="@+id/linearlayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView 
            android:layout_width="0dip"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text=" 密  码  "
            android:textSize="19sp"/>
         <EditText 
            android:id="@+id/edittext2"
            android:layout_width="0dip"
            android:layout_weight="3"
            android:layout_height="wrap_content"
            android:hint="请输入密码..."
            android:inputType="textPassword"/>
    </LinearLayout>
    <LinearLayout 
        android:id="@+id/linearlayout3"
        android:layout_below="@+id/linearlayout2"
        android:layout_marginTop="30dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:gravity="center"
        android:orientation="horizontal">
       <Button 
           android:id="@+id/button1"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_marginRight="20dp"
           android:text=" 登  录  "

           android:textSize="20sp"/>
        <Button 
           android:id="@+id/button2"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text=" 注  册   "

           android:textSize="20sp"/>
    </LinearLayout>
    <TextView
        android:id="@+id/textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/linearlayout3"
        android:onClick="click"
        android:text="忘记密码"
        android:gravity="left"
        android:layout_marginTop="20dp"/>
</RelativeLayout>

MainActivity.class代码：

package com.kuangjia;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //button2:注册按钮
        findViewById(R.id.button2).setOnClickListener(new OnClickListener() {
            //匿名内部类
            @Override
            public void onClick(View v) {
            //这里是用Intent方法实现的,也可以用setContentView()方法，缺点是在按下返回键时会直接退出程序
                Intent intent=new Intent();
                intent.setClass(MainActivity.this, MainActivity2.class);
                startActivity(intent);

            }
        });
        //button1:登录按钮
        findViewById(R.id.button1).setOnClickListener(new OnClickListener() {
            //匿名内部类
            @Override
            public void onClick(View v) {
                Intent intent=new Intent();
                intent.setClass(MainActivity.this, MainActivity3.class);
                startActivity(intent);
            }
        });
    }

//  @Override
//  public boolean onCreateOptionsMenu(Menu menu) {
//      // Inflate the menu; this adds items to the action bar if it is present.
//      getMenuInflater().inflate(R.menu.main, menu);
//      return true;
//  }

}

2：接下来再新建一个注册页面的activity_main2:

注册页面效果图：

这里写图片描述
XML代码的实现：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <LinearLayout 
        android:id="@+id/linearlayout4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="40dp"
        android:layout_marginTop="20dp"
        android:layout_marginRight="40dp"
        android:orientation="horizontal">
        <TextView 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="账户"
            />
        <EditText 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:inputType="text"
            android:singleLine="true"
            />
    </LinearLayout>
    <LinearLayout 
        android:id="@+id/linearlayout5"
        android:layout_below="@+id/linearlayout4"
        android:layout_marginLeft="40dp"
        android:layout_marginRight="40dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
              android:gravity="center"
            android:text="密码:"/>
        <EditText 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:inputType="textPassword"
             android:singleLine="true"
            />
    </LinearLayout>
     <LinearLayout 
        android:id="@+id/linearlayout6"
        android:layout_below="@+id/linearlayout5"
        android:layout_marginLeft="40dp"
        android:layout_marginRight="40dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
              android:gravity="center"
            android:text="确认密码:"/>
        <EditText 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:inputType="textPassword"
             android:singleLine="true"
            />
    </LinearLayout>

    <LinearLayout 
        android:id="@+id/linearlayout7"
        android:layout_below="@+id/linearlayout6"
        android:layout_marginLeft="40dp"
        android:layout_marginRight="40dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
              android:gravity="center"
            android:text="邮箱:"/>
        <EditText 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:inputType="textEmailAddress"
             android:singleLine="true"
            />
    </LinearLayout>
     <LinearLayout 
        android:id="@+id/linearlayout8"
        android:layout_below="@+id/linearlayout7"
        android:layout_marginLeft="40dp"
        android:layout_marginRight="40dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
              android:gravity="center"
            android:text="电话:"/>
        <EditText 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:inputType="phone"
            android:phoneNumber="true"
             android:singleLine="true"
            />
    </LinearLayout>
    <LinearLayout 
        android:id="@+id/linearlayout9"
        android:layout_below="@+id/linearlayout8"
        android:layout_marginLeft="40dp"
        android:layout_marginRight="40dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
              android:gravity="center"
            android:text="地址:"/>
        <EditText 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:inputType="textPostalAddress"
             android:singleLine="true"
           android:ellipsize="end"
            />
    </LinearLayout>
     <LinearLayout 
        android:id="@+id/linearlayout10"
        android:layout_below="@+id/linearlayout9"
        android:layout_marginLeft="40dp"
        android:layout_marginRight="40dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
              android:gravity="center"
            android:text="籍贯:"/>
        <EditText 
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:inputType="text"
             android:singleLine="true"
            />
    </LinearLayout>
     <LinearLayout 
        android:id="@+id/linearlayout11"
        android:layout_below="@+id/linearlayout10"
        android:layout_marginLeft="30dp"
        android:layout_marginRight="30dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_centerHorizontal="true"
        android:gravity="center">
       <Button 
           android:id="@+id/tijiao"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="提交"
           android:layout_marginRight="20dp"
           android:textSize="18sp"/>
       <Button 
           android:id="@+id/quxiao"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="取消"
           android:textSize="18sp"/>
    </LinearLayout>

</RelativeLayout>

MainActivity2.class代码：

package com.kuangjia;

import android.app.Activity;
import android.os.Bundle;

public class MainActivity2 extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
    }
}

3：登录按钮后的界面：
效果图:
这里写图片描述
XML代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="功能正在实现中---请等候上线"
        android:layout_margin="20dp"
        android:textSize="18sp"/>

</LinearLayout>

MainActivity3.class代码：

package com.kuangjia;

import android.app.Activity;
import android.os.Bundle;

public class MainActivity3 extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main3);
    }
}

4：最后配置AndroidManifest.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.kuangjia"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="11"
        android:targetSdkVersion="14" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.kuangjia.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity 
            android:name="com.kuangjia.MainActivity2"/>
        <activity 
            android:name="com.kuangjia.MainActivity3"/>
    </application>

</manifest>
--LIANG--
关注
专栏目录
Android编写一个登录界面，利用数据库实现记住密码，注册账号，强制下线，以及类似QQ的下拉列表登录功能
java__liyong的博客
11-26 5478
        首先呢，看到这么长的标题，是不是感觉这些功能有点难以实现呢，哈哈，其实并没有想象中的那么复杂，下面就跟着笔者来一起学习一下这些功能是怎么实现的吧！         1.建立一个所有活动的父类，继承自AppcompatAvtivity类，用来实现全局广播，与强制下线功能相关联：          package com.example.pc_ly.dl; import an...
简单实现qq登陆界面部分功能
05-14
简单实现qq的登陆界面，使用qss以及qt等知识
QQ App登录注册界面设计
07-20
QQ App登录注册界面设计,设计一个类似于QQ App的登陆及注册系统界面 欢迎界面 登录界面，以及一个动态切换效果 注册界面 注册确认界面
简易qq聊天app设计与实现
09-24
Android应用开发+socket通信
qq注册登录页面
06-03
这个注册页面的代码很强大，十分详细，结构清晰，条理明确，适合学生参考，非原创，见谅。
Android项目：简易版QQ的实现
a362523的博客
10-23 2320
简易版QQ实现涉及的三个功能模块引导界面 主界面 实时通讯
Android Studio实现简单的QQ应用，安卓小白必看
08-11
本次QQ应用项目主要考验学生对于ListView和intent的使用，对多个页面之间进行跳转。 详细博客介绍：https://blog.csdn.net/qq_42257666/article/details/106734391，绝对是移动应用开发课不错的作业。
Android Studio实现天气预报App，满分课设，入门必学
08-12
本次项目主要实现了天气预报功能。通过调用天气预报接口来获得天气数据，用LIstView和GridView来搭建每个界面，将查询的天气信息存储在SQLiteDatabase中。应用主要包括了五大界面，每一个界面上都会有很多组件： - ...
oauth2.0第三方 qq、sina、baidu、renren、osc、豆瓣 等，登陆的简易封装！
最新发布
11-05
在Web应用开发中，OAuth2.0常被用来实现社交网络平台（如QQ、新浪、百度、人人网、OSC开源中国、豆瓣等）的第三方登录功能。这种登录方式被称为“单点登录”或“统一认证”，因为它允许用户通过一个账号登录多个关联...
Android Studio实现一个新闻APP，功能巨多，大作业必备项目
08-29
本次项目实现了一个聚合新闻APP，通过调用第三方API获得新闻数据并显示。具有十几个页面，底部导航栏，数据库，滑动页面等。主要功能就和我们平时使用的今日头条类似，具有头条、社会、国内、国际、娱乐、健康等十几...
Android Studio仿微信登录、注册界面——线性布局.rar
03-18
添加了微信原有的进入背景，在布局上面略有差异，源码参考
QQ登录界面程序源代码
06-29
import java.awt.*; import java.awt.event.*; import java.applet.*; import javax.swing.ImageIcon; import javax.swing.*; import java.lang.*; import java.sql.*; class Imagecanvas extends Canvas { Toolkit tool; Image Im; Imagecanvas() { setSize(360, 50); tool = getToolkit(); Im = tool.getImage("dj.jpg"); } public void paint(Graphics g) { g.drawImage(Im, 0, 0, 360, 50, this); } } class QqBorder1 extends JFrame implements ActionListener { Choice cho; QqBorder1() { super("QQ2010"); setSize(360, 260); setLocation(250, 120); setResizable(false); Container c = getContentPane(); FlowLayout layout = new FlowLayout(FlowLayout.CENTER); JPanel p1 = new JPanel(); JPanel p2 = new JPanel(); JPanel p3 = new JPanel(); cho = new Choice(); cho.add("在线"); cho.add("隐身"); cho.add("离线"); cho.add("忙碌"); cho.add("请勿打扰"); Imagecanvas canvas1 = new Imagecanvas(); p1.setSize(360, 50); p1.add(canvas1); TextField username = new TextField(25); TextField password = new TextField(25); password.setEchoChar('*'); JButton btrystu = new JButton("登陆"); JButton sezhi = new JButton("设置"); JCheckBox check1 = new JCheckBox("记住密码"); JCheckBox check2 = new JCheckBox("自动登陆"); // p1.setSize(360, 200); JPanel p21 = new JPanel(); JPanel p22 = new JPanel(); p21.add(new JLabel("账号：")); p21.add(username); p21.add(new JLabel("<html><font color=blue>注册新账号</font></html>")); // p21.add(new JLabel(" ")); p21.add(new JLabel("密码：")); p21.add(password); p21.add(new JLabel("<html><font color=blue> 找 回 密 码 </font></html>")); p22.add(new JLabel("状态:")); p22.add(new JLabel(" ")); p22.add(cho); p22.add(check1); p22.add(check2); p22.add(new JLabel(" ")); p2.add(p21); p2.add(p22); p2.setBounds(100, 300, 200, 300); p2.setLayout(new GridLayout(2, 1, 10, 10)); p3.add(sezhi); p3.add(new JLabel(" ")); p3.add(btrystu); add(BorderLayout.NORTH, p1); add(BorderLayout.CENTER, p2); add(BorderLayout.SOUTH, p3); this.setVisible(true); } public void actionPerformed(ActionEvent e) { } } public class QqBorder { }
Android Studio实现QQ的注册、登录和好友列表页面的跳转，基础入门项目
02-05
本次项目主要包含了注册、登录和好友列表三个界面以及之间相互跳转。其中好友列表界面设计的很详细，有好友头像和消息内容，登录界面设计的非常好看。 打开应用，进入登录界面，用户可以点击注册按钮进入注册界面，输入完账号和密码后，点击注册，自动跳转回登录界面，这时候账号和密码也会被传递过来，点击登录按钮进入好友列表界面，账号也被会被传递过去。 详细介绍的博客链接如下：https://blog.csdn.net/qq_42257666/article/details/116851613
Android仿写QQ用户注册，登录界面实现.rar
07-10
Android仿写QQ用户注册，登录界面实现，不过这个QQ登录界面好像有些老了，是前几年的，但是也挺漂亮的，开发其它Android应用时或许可以做个参考。这个登录界面上有登录框、面包宵菜单、复选框等基本的界面控件，另外布局方面也是值得学习的，本界面UI的制作范例分享给Android初级开发者。
登录与注册
uoprewqsnh的博客
12-25 2398
一、基本控件 1、标签控件（TextView） 常用属性：text、textSize、textColor…… 2、编辑框控件（EditText） 常用属性：text、textSize、textColor、hint…… 3、按钮控件（Button） 常用属性：text、background、layout_width、layout_height…… 二、知识点 线性布局（LinearLayout） 标签（TextView） 编辑框（EditText） 按钮（Button） 安卓事件处理机制（Eve
android之网格布局和线性布局实现注册页面
12-06 374
android之网格布局和线性布局实现注册页面 （注意：1、再用weight的时候，各个组件要设置宽度为0dp，高度也要设置，2、即使没有设置weight，再用linear布局时，比如view和button都要设置宽度高度。3、如果出现运行错误，可以先检查哪个组件没设置高度） ：valu...
Android布局管理器-使用LinearLayout实现简单的登录窗口布局
BADAO_LIUMANG_QIZHI的博客
01-04 1046
场景 Android布局管理器-从实例入手学习相对布局管理器的使用： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/103838924 线性布局LinearLayout,分为水平和垂直线性布局。 实现效果如下 注： 博客：https://blog.csdn.net/badao_liumang_qizhi 关...
Day247.SpringSocia源码分析、QQ互联注册及应用创建&实现QQ登录功能&登录功能细节处理&用户关系绑定 -springsecurity-jwt-oauth2
阿昌爱Java
04-15 686
1.SpringSocia源码分析 一、Spring Social结构化角度解析源码 Spring Social是一个帮助我们连接社交媒体平台，方便在我们自己的应用上开发第三方登录认证等功能的Spring 类库。其中比较核心的类和接口，如下图所示，我们来一一解析。 首先我们简单回顾一下OAuth2，OAuth2主要包含两部分内容：认证和鉴权。 认证过程就是通过用户授权，获取授权码，最终换取AccessToken的过程。这个过程是标准的OAuth2认证流程，所有平台都遵循，可以认为是一致的。 鉴权过程就是携
用已学布局和控件画一个登陆界面
tao0126的专栏
04-12 599
学了一个星期的基本控件和简单布局了，今天自己动手画一个简单的登录界面。 在画的过程中发现了自己很多用法理解错误，在完成界面过程中将已学的控件和布局几乎都用了，让自己对控件和布局有了更进一步的理解。 1.首先用个线性布局，再在里面嵌套。 2.下图用到线性布局的水平布局，然后用到一个ImageView，一个TextView XML：           androi
QQ第三方登录指南：从注册到实现详解
示例代码展示了如何使用QQ OAuth2.0授权，包括客户端ID（app_id）、回调地址（redirect_uri）和随机状态参数（state）。 - **QQ登录函数**：`openQQLogin()`，此函数会打开一个新的浏览器窗口引导用户进行QQ授权。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值