Android入门小项目--微信登录界面源码（倒计时、fragement切换、activity信息传递）

最新推荐文章于 2024-04-29 16:47:35 发布
最新推荐文章于 2024-04-29 16:47:35 发布
阅读量1.6k 收藏 16
点赞数 2
分类专栏： Java 文章标签： spring java android android studio xml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45320238/article/details/112977597
版权

微信登录的完全源码，复制粘贴即可使用
作为Android学习的入门，一次性搞定Android的布局，让你的view层畅通无阻

手机界面

插入数据线，将手机调入开发者模式的usb调试，即可进行手机调试安装运行该APP
在这里插入图片描述

手机号登录在这里插入图片描述

代码实现：
MainActivity.java文件

public class MainActivity extends AppCompatActivity {
    private Button nextButton;
    private EditText editText;
    private TextView textView;


    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        OnClick onClick=new OnClick();
        nextButton=findViewById(R.id.next);


        editText=findViewById(R.id.phone);
        nextButton.setOnClickListener(onClick);

        textView=findViewById(R.id.nextx);
        textView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent();
//                // 为Intent设置Action、Category属性
                intent.setAction(Intent.ACTION_MAIN);// "android.intent.action.MAIN"
                intent.addCategory(Intent.CATEGORY_HOME); //"android.intent.category.HOME"
                startActivity(intent);
            }
        });

    }

    private class OnClick implements View.OnClickListener {
        @Override
        public void onClick(View v) {
            if(editText.getText().length()==11){
                Intent i = new Intent();
                i.setClass(MainActivity.this , LoginActivity.class);
                i.putExtra("phone",editText.getText().toString());
                startActivity(i);
            }else {
                Toast.makeText(MainActivity.this, "提示的内容", Toast.LENGTH_LONG).show();
            }

        }
    }
}

activity_main.xml文件内容

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context="com.example.wechatlogin.MainActivity">

    <TextView
        android:id="@+id/nextx"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:paddingLeft="10dp"
        android:layout_marginBottom="20dp"
        android:text="×"
        android:textSize="29sp" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginTop="10dp"
        android:paddingLeft="10dp"
        android:text="手机号登录"
        android:textSize="29sp" />

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="50dp"
        android:paddingTop="20dp"
        android:gravity="left"
        android:orientation="horizontal">
        <TextView
            android:layout_width="100dp"
            android:layout_height="50dp"
            android:paddingLeft="10dp"
            android:text="国家/地区"
            android:textSize="18sp" />

        <TextView
            android:layout_width="200dp"
            android:layout_height="50dp"
            android:paddingLeft="10dp"
            android:text="中国大陆(+86)"
            android:textColor="#11E811"
            android:textSize="18sp" />
    </LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="58dp"
        android:layout_marginRight="8dp"
        android:layout_marginBottom="20dp">
        <TextView
            android:layout_width="100dp"
            android:layout_height="match_parent"
            android:paddingLeft="10dp"
            android:layout_marginRight="10dp"
            android:paddingTop="15dp"
            android:text="手机号"
            android:textSize="18sp" />
        <EditText
            android:id="@+id/phone"
            android:layout_width="310dp"
            android:layout_height="match_parent"
            android:paddingTop="8dp"
            android:hint="请输入目的地" />
    </LinearLayout>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="10dp"
        android:layout_marginBottom="10dp"
        android:text="用微信号/QQ号/邮箱登录"
        android:textSize="14sp" />

    <Button
        android:id="@+id/next"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#0FC814"
        android:text="下一步"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:textColor="#FFFFFF" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:layout_marginTop="400dp"
        android:paddingTop="10dp"
        android:text="找回密码  |  紧急冻结  |  微信安全中心" />

</LinearLayout>

验证码登录（包含倒计时、framement切换）

在这里插入图片描述

loginActivity.java文件

public class LoginActivity extends AppCompatActivity {
    private OnClick onClick;
    private EditText phoneEdit;
    private EditText passEdit;
    private EditText verifyEdit;
    private Button verifyButton;
    private Button loginButton;
    private TextView timeView;
    private LinearLayout passLinear;
    private LinearLayout verifyLinear;
    private RelativeLayout replaceVerify;
    private RelativeLayout replacePass;
    private String phone;
    private CountDownTimer verifyTime;
    private TextView passView;
    private TextView textView;
    private TextView textFView;


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

        onClick=new OnClick();
        phoneEdit=findViewById(R.id.loginphone);
        verifyEdit=findViewById(R.id.verifylogin);

        verifyButton=findViewById(R.id.verifybtn);
        loginButton=findViewById(R.id.loginbut);

        timeView=findViewById(R.id.timeview);

        replacePass=findViewById(R.id.replacepass);
        replaceVerify=findViewById(R.id.replaceverify);

        textView=findViewById(R.id.textview);

        passLinear=findViewById(R.id.passlinear);
        verifyLinear=findViewById(R.id.verilinear);


        phone=getIntent().getStringExtra("phone");
        phoneEdit.setText(phone);
        phoneEdit.setEnabled(false);


        textFView=findViewById(R.id.loginxx);
        textFView.setOnClickListener(new View.OnClickListener() {//X的退出
            @Override
            public void onClick(View v) {
                Intent intent = new Intent();
//                // 为Intent设置Action、Category属性
                intent.setAction(Intent.ACTION_MAIN);// "android.intent.action.MAIN"
                intent.addCategory(Intent.CATEGORY_HOME); //"android.intent.category.HOME"
                startActivity(intent);
            }
        });

        verifyButton.setOnClickListener(onClick);
        loginButton.setOnClickListener(new View.OnClickListener(){//登录按钮
            @Override
            public void onClick(View v) {
                if(verifyEdit.getText().toString().equals("1234")){
                    Toast.makeText(LoginActivity.this, "登录成功", Toast.LENGTH_LONG).show();
                    Intent intent=new Intent();
                    intent.setClass(LoginActivity.this,WeChatActivity.class);
                    startActivity(intent);
                }else {
                    new AlertDialog.Builder(LoginActivity.this).setTitle("验证码错误！").setMessage("请输入正确的验证码").setPositiveButton("确定",null).show();
                }
            }
        });
        textView.setOnClickListener(new View.OnClickListener() {//切换密码按钮
            @Override
            public void onClick(View v) {
                Toast.makeText(LoginActivity.this, "试一次吧", Toast.LENGTH_LONG).show();
                if(textView.getText().equals("用密码登录")){
                    passLinear.setVisibility(View.INVISIBLE);
                    verifyLinear.setVisibility(View.VISIBLE);
                    textView.setText("用手机号登录");
                }else {
                    passLinear.setVisibility(View.VISIBLE);
                    verifyLinear.setVisibility(View.INVISIBLE);
                    textView.setText("用密码登录");
                }
            }
        });
    }

    private class OnClick implements View.OnClickListener {//验证按钮事件
        @Override
        public void onClick(View v) {//退回界面
            verifyButton.setVisibility(View.INVISIBLE);
            timeView.setVisibility(View.VISIBLE);
//            verifyTime=new VerifyTime(verifyButton,timeView,10000,1000);
            verifyTime = new CountDownTimer(10 * 1000, 1000) {//验证码倒计时
                @Override
                public void onTick(long millisUntilFinished) {
                    timeView.setClickable(false);
                    timeView.setText(millisUntilFinished / 1000 + "s后重新获取" );
                    timeView.setBackgroundColor(Color.GRAY);
                }

                @Override
                public void onFinish() {
                    verifyButton.setVisibility(View.VISIBLE);
                    timeView.setVisibility(View.INVISIBLE);
                }
            };

            verifyTime.start();
        }
    }


}

activity_login.xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context="com.example.wechatlogin.LoginActivity">

    <TextView
        android:id="@+id/loginxx"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:paddingLeft="10dp"
        android:layout_marginBottom="20dp"
        android:text="×"
        android:textSize="29sp" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_marginTop="10dp"
        android:paddingLeft="10dp"
        android:text="手机号登录"
        android:textSize="29sp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="58dp"
        android:layout_marginRight="8dp"
        android:contentDescription="目的地"
        android:labelFor="@+id/resource"
        android:orientation="horizontal">

        <TextView
            android:layout_width="100dp"
            android:layout_height="match_parent"
            android:paddingLeft="10dp"
            android:paddingTop="10dp"
            android:text="手机号"
            android:textSize="18sp" />

        <EditText
            android:id="@+id/loginphone"
            android:layout_width="310dp"
            android:layout_height="match_parent"
            android:hint="+8613168090721"
            android:paddingTop="8dp" />
    </LinearLayout>

    <RelativeLayout
        android:id="@+id/replacepass"
        android:layout_width="match_parent"
        android:layout_height="58dp">

        <LinearLayout
            android:id="@+id/passlinear"
            android:layout_width="match_parent"
            android:layout_height="58dp"
            android:layout_marginRight="8dp"
            android:labelFor="@+id/resource"
            android:orientation="horizontal">

            <TextView
                android:layout_width="100dp"
                android:layout_height="match_parent"
                android:paddingLeft="10dp"
                android:paddingTop="10dp"
                android:text="密码"
                android:textSize="18sp" />

            <EditText
                android:id="@+id/loginpass"
                android:layout_width="310dp"
                android:layout_height="match_parent"
                android:hint="请输入密码"
                android:paddingTop="8dp" />
        </LinearLayout>


        <LinearLayout
            android:id="@+id/verilinear"
            android:layout_width="match_parent"
            android:layout_height="58dp"
            android:visibility="invisible"
            android:layout_marginRight="8dp"
            android:orientation="horizontal">

            <TextView
                android:layout_width="100dp"
                android:layout_height="match_parent"
                android:paddingLeft="10dp"
                android:paddingTop="10dp"
                android:text="验证码"
                android:textSize="18sp" />

            <EditText
                android:id="@+id/verifylogin"
                android:layout_width="150dp"
                android:layout_height="match_parent"
                android:hint="请输入验证码"
                android:paddingTop="8dp" />

            <RelativeLayout
                android:id="@+id/replaceverify"
                android:layout_width="150dp"
                android:layout_height="match_parent">

                <Button
                    android:id="@+id/verifybtn"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="10dp"
                    android:layout_marginRight="10dp"
                    android:background="#0FC814"
                    android:paddingTop="10dp"
                    android:paddingBottom="10dp"
                    android:text="获取验证码"
                    android:textColor="#FFFFFF" />

                <TextView
                    android:id="@+id/timeview"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:gravity="center" />
            </RelativeLayout>

        </LinearLayout>

    </RelativeLayout>


    <TextView
        android:id="@+id/textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="10dp"
        android:paddingTop="10dp"
        android:layout_marginBottom="10dp"
        android:text="用密码登录"
        android:textColor="#FF0FC814"
        android:textSize="14sp" />

    <Button
        android:id="@+id/loginbut"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:text="登录"
        android:background="#0FC814"
        android:textColor="#FFFFFF" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="400dp"
        android:gravity="center_horizontal"
        android:text="找回密码  |  紧急冻结  |  微信安全中心" />


</LinearLayout>

倒计时工具类

VerifyTimer.java

package com.example.wechatlogin;

import android.graphics.Color;
import android.os.CountDownTimer;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

public class VerifyTime extends CountDownTimer {
    private TextView textView;
    private Button button;

    /**
     * @param millisInFuture    The number of millis in the future from the call
     *                          to {@link #start()} until the countdown is done and {@link #onFinish()}
     *                          is called.
     * @param countDownInterval The interval along the way to receive
     *                          {@link #onTick(long)} callbacks.
     */
    public VerifyTime(Button button,TextView textView, long millisInFuture, long countDownInterval) {
        super(millisInFuture, countDownInterval);
        this.textView=textView;
        this.button=button;
    }

    @Override
    public void onTick(long millisUntilFinished) {
        textView.setClickable(false);
        textView.setText(millisUntilFinished / 1000 + "s后重新获取" );
        textView.setBackgroundColor(Color.GRAY);
    }

    @Override
    public void onFinish() {
        button.setVisibility(View.VISIBLE);
        textView.setVisibility(View.INVISIBLE);
    }
}

登录之后的跳转界面（我是随便写的一个空界面）

WeChatActivity.java

public class WeChatActivity extends AppCompatActivity {

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

activity_we_chat.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="com.example.wechatlogin.WeChatActivity">

</androidx.constraintlayout.widget.ConstraintLayout>

引用的drawable文件的图片就靠你自己随便添加喽！

这样一个微信登录界面就做好了，有问题随时留言欧！

whytlok
关注
  • 2
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
Android---Navigation实现fragement的切换
本人随手记录，内容只是个人看懂程度，对内容有任何疑问请勿打扰
05-05 3662
首先，我们得知道fragement依赖于activity fragment的切换就跟栈一样，进栈出栈。 我们先创建两个Fragment 这两个方法不要勾选：工厂方法和接口回调。如果勾选的话，会闲的内容特别乱。所以建议不要勾选。 在日常开发中，我们大多都是底部导航栏然后进行fragment的切换。 这次做的是跟栈一样的。 创建两个fragement之后，在res目录下创建navigation包...
fragement界面切换
12-22
总之，Fragment界面切换是Android应用开发中的重要技能，它涉及到生命周期管理、用户交互、数据传递等多个方面。通过熟练掌握Fragment的使用，开发者能够构建更加高效且用户友好的应用界面。在实际项目中，可以根据...
Android入门——Fragment详解之Fragment与Activity通信及数据交换（二）
最美不过，心中有梦，身旁有你！
06-19 4091
在Android入门——Fragment详解之基本概念与用法（一）中，总结了Fragment的基本操作与应用，也知道了Fragment与Activity之间联系紧密。Fragment必须被“嵌入”Activity中使用，虽然也拥有自己独立的生命周期，但在一定时期内也还是受到说依附的Activity的生命周期控制。 Fragment是相对独立的。
Android Studio制作微信界面（一）
最新发布
m0_62409036的博客
04-29 1803
Android Studio制作微信界面（一）实现目标实现微信底部导航栏功能：根据用户选择的选项切换不同的Fragment显示在FrameLayout中。每个选项对应一个Fragment，包括聊天界面、通讯录界面、发现界面和主页界面，并在界面中显示“这里是微信”，“这里是通讯录”等字样，底部按钮颜色，图片随之替换绿色。每个选项对应一个Fragment，包括聊天界面(FragChat)、通讯录界面(FragAddresslist)、发现界面(FragFind)和主页界面(FragHome)：
android fragment 优势,Android面试题之Fragment篇
weixin_29006187的博客
05-27 283
Fragment篇前言Fragment1.如何切换 fragement(不重新实例化)2.Fragment 的的优点3.Fragment 如何实现类似 Activity 栈的压栈和出栈效果4.Fragment 的 replace 和 add 方法的区别5.Fragment与Activity之间是如何传值的6.Fragment生命周期7.ViewPager对Fragment生命周期的影响关于整理问题...
微信小程序登录注册页面代码
m0_57790713的博客
02-22 1万+
上面代码中，index.wxml 文件定义了注册页面的视图，包括用户名、密码、确认密码的输入框以及提交按钮和一个跳转到登录页面的链接。index.js 文件定义了注册页面的逻辑，当用户点击提交按钮时会发送注册请求，并根据请求的返回结果进行提示和页面跳转。login.js 文件类似地定义了登录页面的逻辑
android 仿微信demo————微信主界面实现
热门推荐
stormzhuo的博客
06-14 2万+
主界面实现 （1）整体采用RelativeLayout相对布局 （2）最上面是toolbar操作栏,搜索框SearchView，Overflow（含有4个单选菜单项） （3）中间使用Fragment组件（不使用ViewPager，有兴趣可以自己添加实现下）。 （4）最下面是水平的LinearLayout线性布局：含有4个自定义的控件 这一篇主要是实现主界面，其他像顶部（toolbar,SearchView,Overflow),中间的fragment，后续文章在更新。 创建主界面activity Mai
android实现点击按钮切换不同的fragment布局
08-26
在 Android 中，Fragment 是一个可以嵌入到 Activity 中的用户界面组件，Fragment 可以独立存在，也可以嵌入到 Activity 中。Fragment 有自己的生命周期，可以在 Activity 中进行管理。 二、 点击按钮切换 Fragment...
FastWaiMai:仿写美团外卖电商项目
05-28
7. Fragment：Fragment是Android系统中的一个组件，允许在单个Activity中管理多个界面。在FastWaiMai中，Fragment可能用于构建多模块的界面结构，比如首页、分类页、购物车和订单页等，以适应不同屏幕尺寸和设备类型...
Android Studio动态加载Fragment和获取实例的方法
03-07
Android Studio 动态加载 Fragment 和获取实例的方法 Android Studio 是一个功能强大的集成开发环境（IDE），它提供了许多实用的功能和工具来帮助开发者快速构建高质量的 Android 应用程序。在 Android 开发中，...
Android-实验报告-Sqlite-数据库操作.docx
03-09
掌握Android的Activity 和Fragement用法； 熟悉XML 和JSon 文件读取 实验内容 要求使用SQLite数据库实现用户注册和登录，读取数据库信息，退出时生成XML文件或JSON文件。 四、实验过程和结果 content_main.xml: ...
android微信登陆界面
07-03
安卓微信登陆界面，可直接部署运行。学习参考必备。
android登录界面源码
04-06
简单的登录界面源码带注册，用于研究学习。想做登录界面的可以下载看看
Android微信导航界面源码.rar
07-10
基于Java代码制作的Android系统仿微信导航界面源码，只是一个导航页的效果，没有其它的功能，做安卓应用界面的时候，可参考下。
android框架搭建radiogroup+fragment
06-30
Android最基本的框架搭建，radio group+fragment，上面是fragement，下面是button按钮，实现切换
android登录页面跳转的代码,[Android] 优雅的处理登录页面跳转逻辑
weixin_39992199的博客
05-26 1814
一般有用户系统的应用都会有以下两种需求：1、在执行某个动作时需要判断当前用户是否登录，如果没有登录则跳转至登录页面，登录成功后返回原页面但不执行任何操作，如果已经登录则直接执行相应的操作。2、在执行某个动作时需要判断当前用户是否登录，如果没有登录则跳转至登录页面，登录成功后返回原页面继续执行相应的操作，如果已经登录则直接执行相应的操作。但往往一个应用中会有很多地方需要有这样的判断逻辑，所以直觉告诉...
Android接入微信登陆
weixin_43184171的博客
01-28 4018
首先添加工具包，名字为libammsdk.jar（微信有相应的包下载） 然后在src.main.java.com.****新建一个wxapi的包并存放这两个activity（名字不能更改） WXEntryActivity(登陆) public class WXEntryActivity extends Activity implements IWXAPIEventHandler { private IWXAPI wxAPI; @Override protected void onC
微信登录界面安卓代码_安卓Activity劫持与反劫持
weixin_39621860的博客
10-22 379
00前言近日，挪威一家APP安全公司Promon发现并报道了一个特性漏洞已经被多个恶意应用利用的分析报告，他们通过监测发现该漏洞使恶意软件可以伪装成任何合法的应用程序，从而使黑客可以访问私人短信和照片，窃取受害者的登录凭据，跟踪位置或记录电话对话，甚至可以通过手机摄像头和麦克风进行监视。研究人员将该漏洞命名为StrandHogg，这是北欧人的一种北欧海盗战术，袭击沿海地区掠夺并扣除押金。据统计目前...
帮我实现一个fragement切换的代码
03-20
好的，以下是一个简单的 Fragment 切换的代码示例： ``` // 定义 Fragment 切换的方法 private void switchFragment(Fragment fragment) { FragmentTransaction transaction = getSupportFragmentManager().begin...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值