Android Studio实现简易登录界面制作

想要制作一个简易的登录界面非常容易,总体上来说就是UI布局、给定id、新建跳转的页面、以及输入账号密码的获取与判断,那么接下来就开始制作吧!

1.首先就是Activity中的组件布局,这个就不一一列举了!自己把两个EditText和一个Button摆好就ok了,像按钮的点击效果可以自己设计一下(默认状态是什么颜色,按下去是什么颜色)。

2.再一个就是要给定控件一个id

<?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:background="@drawable/img_1"
    android:orientation="vertical">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="300dp"
            android:layout_marginTop="160dp"
            android:orientation="vertical"
            android:padding="30dp"
            android:gravity="center">
            <EditText
                android:layout_width="match_parent"
                android:layout_height="60dp"
                android:id="@+id/EDit_username"
                android:hint="账户名"
                android:maxLines="1"
                android:textColor="#000000"/>
 
            <EditText
                android:layout_width="match_parent"
                android:layout_height="60dp"
                android:id="@+id/EDit_password"
                android:layout_marginTop="15dp"
                android:hint="账户名"
                android:maxLines="1"
                android:textColor="#000000"/>
 
            <Button
                android:layout_width="200dp"
                android:layout_height="60dp"
                android:layout_marginTop="30dp"
                android:id="@+id/btn_login"
                android:text="登录"
                android:backgroundTint="@color/btn_xiaoguo"
                android:textSize="20sp"/>
        </LinearLayout>
 
</LinearLayout>
</LinearLayout>

3.然后就是要在Mainactivity.java中写代码了,需要申明控件id,绑定控件id及登录按钮的点击事件(判断是否是自己设定的密码,判断是否达到一定的长度)。  对了,还有需要定义存账号密码的类型名称。

package com.example.denlu;
 
import androidx.appcompat.app.AppCompatActivity;
 
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;
 
public class MainActivity extends AppCompatActivity {
 
    private EditText mEDit_password;      
    private EditText mEDit_username;
    private Button mbtn_login;
    private String zhanhao;  //申明存入账号的变量
    private String mima;   //申明存入密码的变量
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        mEDit_username = findViewById(R.id.EDit_username);   //绑定账号Edit Text的id
        mEDit_password = findViewById(R.id.EDit_password);  //绑定密码Edit Text的id
        mbtn_login = findViewById(R.id.btn_login);   //绑定按钮Button的id

4.好了,现在要做的就是写按钮的点击事件了;那么在这之前需要先新建一个跳转之后的界面。之前也发过新建一个Activity的方法。

5.然后写点击事件;那么点击事件要怎么写,首先肯定是要把账号与密码都提取出来存入自定义的String变量,需要用到  .getText().toString()  这两个函数;既然提取出来了那么下一步就好办了,直接用几个if else if  写几个判断即可。

package com.example.denlu;
 
import androidx.appcompat.app.AppCompatActivity;
 
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;
 
public class MainActivity extends AppCompatActivity {
 
    private EditText mEDit_password;
    private EditText mEDit_username;
    private Button mbtn_login;
    private String zhanghao; //申明存入账号的变量
    private String mima;   //申明存入密码的变量
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        mEDit_username = findViewById(R.id.EDit_username);     //绑定账号Edit Text的id
        mEDit_password = findViewById(R.id.EDit_password);     //绑定密码Edit Text的id
        mbtn_login = findViewById(R.id.btn_login);             //绑定按钮Button的id
        mbtn_login.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View view) {
         zhanghao = mEDit_username.getText().toString();   //将账号取出来存入自定义的zhanhao变量
                mima = mEDit_password.getText().toString();       //将密码取出来存入自定义的mima变量
                if (zhanghao.length()<3||zhanghao.length()>7){    //if判断输入账号的长度是不是在3-7位数之间,如果不是则弹窗提示
                    Toast.makeText(MainActivity.this, "账号长度应为3-7位数之间", Toast.LENGTH_SHORT).show();
                }else if (mima.length()<6||mima.length()>6){     //if判断输入账号的长度是不是6位数,如果不是则弹窗提示
                    Toast.makeText(MainActivity.this,"请输入6位数的密码",Toast.LENGTH_SHORT).show();
                }
                if (zhanghao.equals("abcdef")&&mima.equals("123456")){     //如果输入的账号密码是“abcdef”  “123456” 则实行页面跳转
                    Intent intent = new Intent(MainActivity.this,dengluMainActivity.class);
                    startActivity(intent);
                }else{
                    Toast.makeText(MainActivity.this,"账号或密码输入错误",Toast.LENGTH_SHORT).show();
                }
            }
        });
    }
}

嗯!就是这样了,可能有些我没注意讲到,但是大概就是这样了!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android QQ登录界面绘制代码

    先看看效果图: 首先过程中碰到的几个问题: 1.对 EditText 进行自定义背景 2.运行时自动 EditText 自动获得焦点 3.在获得焦点时即清空 hint ,而不是输入后清空 4.清空按钮的出现时机(在得到焦点并且有输入内容时) ---  这些问题都有一一解决 --- 以下是代码: 布局 fragment_main(问题2) <!-- android:focusable="true" android:focusableInTouchMode="true&qu

  • Android Studio实现登录界面功能

    本文实例为大家分享了vue + element ui实现锚点定位的具体代码,供大家参考,具体内容如下 题目 设计一个登录界面.要求: a) 包含用户名.密码.记住密码.“忘记密码”按钮和“登录”按钮.b) 单击“忘记密码”按钮弹出提示对话框,对话框内容自拟. 答案 activity_main.xml: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app=&q

  • Android实现注册登录界面的实例代码

    本文讲述了在linux命令下导出导入.sql文件的方法.分享给大家供大家参考,具体如下: AndroidManifest.xml <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="online.geekgalaxy.layoutlearn

  • Android开发实例之登录界面的实现

    本文要演示的Android开发实例是如何完成一个Android中的miniTwitter登录界面,下面将分步骤讲解怎样实现图中的界面效果,让大家都能轻松的做出美观的登录界面.        miniTwitter登录界面效果图 先贴上最终要完成的效果图:   miniTwitter登录界面的布局分析 首先由界面图分析布局,基本可以分为三个部分,下面分别讲解每个部分. 第一部分是一个带渐变色背景的LinearLayout布局,关于背景渐变色就不再贴代码了,效果如下图所示: 第二部分,红色线区域内,

  • Android登录界面的实现代码分享

    最近由于项目需要,宝宝好久没搞Android啦,又是因为项目需要,现在继续弄Android,哎,说多了都是泪呀,别的不用多说,先搞一个登录界面练练手,登录界面可以说是Android项目中最常用也是最基本的,如果这个都搞不定,那可以直接去跳21世纪楼啦. 废话不多说,先上效果图了,如果大家感觉还不错,请参考实现代码吧. 相信这种渣渣布局对很多人来说太简单啦,直接上布局: <RelativeLayout xmlns:android="http://schemas.android.com/apk

  • 功能强大的登录界面Android实现代码

    前言 一个好的应用需要一个有良好的用户体验的登录界面,现如今,许多应用的的登录界面都有着用户名,密码一键删除,用户名,密码为空提示,以及需要输入验证码的功能.看着csdn上的大牛们的文章,心里想着也写一个登录界面学习学习,许多东西都是参考别的文章,综合起来的.废话少说,接下来看看是如何实现的. ps:由于懒得抠图.所以程序的图标很难看. 程序运行时的图示: 首先是布局文件没有什么难度. <RelativeLayout xmlns:android="http://schemas.androi

  • Android设计登录界面、找回密码、注册功能

    本文实例为大家分享了Android 登录.找回密码.注册功能的实现代码,供大家参考,具体内容如下 1.数据库的设计 我在数据库中添加了两张表,一张表用来存储用户信息,诸如用户名,密码,手机号等,可任意添加.另一张表用来存储上一个登录用户的账户信息,我是为了方便才另外创建了一张表去存储,而且这张表我设计了它只能存储一条信息,每次的存储都是对上一条记录的覆盖.事实上,我尝试过在存储用户信息的那张表内添加一个标识,用来标记上一次登录的是哪一个帐号,但是这样做的话,每次改变标识都需要遍历整张表,十分的麻

  • Android实现简洁的APP登录界面

    今天需求要做一个所有app都有的登录界面,正好巩固一下我们之前学的基础布局知识. 先来看下效果图 1.布局的xml文件 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent&qu

  • Android实现登录界面的注册功能

    本文实例为大家分享了Android登录界面的注册实现代码,供大家参考,具体内容如下 注册一个登录界面在控制台将输入的信息文本选框展示出来 xml界面设计(前面已发) <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:app="h

  • Android属性动画实现炫酷的登录界面

    我们聊聊我们常写的登录界面,这个界面我相信很多人都写过,而且也没什么难度,但是如果要实现比较不一般的效果,那就要花点心思了,先看看项目的效果吧: 我一直都不知道怎么在编辑框连设置图片大小,所以这个图不怎么样适配编辑框了,大家先凑合着看看. 我先讲讲思路,当我们输入完账号跟密码之后,点击登录,那这个输入框就慢慢的消失,在消失后,紧接着就出现这个进度的界面. 思路有了,那我们就开始编码了: 新建一个项目,然后系统生成了一个MainActivity.java文件和activity_main.xml文件

随机推荐