【Android】_UI设计_登录页面(记住密码)

article/2025/9/11 10:09:05

目标: Android记住密码和自动登录界面的实现(SharedPreferences),具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

登录页面设计(记住密码版)

  • (一) SharedPreferences用法
  • (二) 登录页面Demo
  • (三)具体的编码实现

(一) SharedPreferences用法

  • SharedPreferences介绍:
    SharedPreferences是Android平台上一个轻量级的存储类,主要是保存一些常用的配置参数,它是采用xml文件存放数据的,文件存放在"/data/data/shared_prefs"目录下。
  • SharedPreferences的用法:
    由于SharedPreferences是一个接口,而且在这个接口里没有提供写入数据和读取数据的能力。但它是通过其Editor接口中的一些方法来操作SharedPreference的,用法见下面代码:
  • Context.getSharedPreferences(String name,int mode)来得到一个SharedPreferences实例
    name:是指文件名称,不需要加后缀.xml,系统会自动为我们添加上。
    mode:是指定读写方式,其值有三种,分别为:

Context.MODE_PRIVATE:指定该SharedPreferences数据只能被本应用程序读、写
Context.MODE_WORLD_READABLE:指定该SharedPreferences数据能被其他应用程序读,但不能写
Context.MODE_WORLD_WRITEABLE:指定该SharedPreferences数据能被其他应用程序读写。

效果实现图:

只有 用户名为“student”且密码为“123456”才能登录!

我们平常进入登录界面都要求我们输入用户名和密码,记住密码后,进入界面就有不用手动输入,如图:
在这里插入图片描述 在这里插入图片描述

(二) 登录页面Demo

  • 新建AndroidStudio项目
    在这里插入图片描述

(三)具体的编码实现

补充权限:

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

在这里插入图片描述

  1. 布局界面采用嵌套的模式,在底色上加上半透明样式,有木有高级感,activity_remeber_Pwd.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"android:gravity="center"android:orientation="vertical"android:background="@drawable/background_login"><LinearLayoutandroid:id="@+id/login_back"android:layout_width="400dp"android:layout_height="320dp"android:layout_centerHorizontal="true"android:orientation="vertical"android:layout_marginTop="50dp"android:background="@drawable/background_login_div" ><TextViewandroid:id="@+id/textView1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_horizontal"android:text="Welcome To Student System"android:layout_marginTop="15dp"android:textSize="25dp"/><TextViewandroid:id="@+id/textView2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_horizontal"android:layout_marginTop="10dp"android:text="Please login first" /><EditTextandroid:id="@+id/account"android:layout_width="match_parent"android:layout_height="50dp"android:layout_marginLeft="50dp"android:layout_marginRight="50dp"android:layout_marginTop="15dp"android:hint="请输入您的用户名"android:background="@drawable/edit_login_div"android:ems="10" /><EditTextandroid:id="@+id/password"android:layout_width="match_parent"android:layout_height="50dp"android:layout_marginLeft="50dp"android:layout_marginRight="50dp"android:layout_marginTop="15dp"android:background="@drawable/edit_login_div"android:hint="请输入您的密码"android:ems="10" /><TableRowandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginLeft="50dp"android:layout_marginRight="50dp"android:layout_marginTop="2dp"android:orientation="horizontal"android:id="@+id/rg_login"><CheckBoxandroid:id="@+id/savePassword"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"android:text="记住密码"android:textSize="12sp"/><CheckBoxandroid:id="@+id/autologin"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_weight="1"android:text="自动登录"android:textSize="12sp"/></TableRow><Buttonandroid:id="@+id/login"android:layout_width="150dp"android:layout_height="wrap_content"android:layout_gravity="center_horizontal"android:layout_marginTop="8dp"android:background="@drawable/background_login"android:text="登陆"android:textSize="18dp"></Button></LinearLayout>
</RelativeLayout>

remeberPwdActivity

package com.example.cungu.myapplication4;import android.content.Intent;
import android.preference.PreferenceManager;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.content.SharedPreferences;
import android.text.Editable;
import android.text.InputType;
import android.text.TextWatcher;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.Toast;public class remeberPwdActivity extends AppCompatActivity {private SharedPreferences pref;private SharedPreferences.Editor editor;private EditText accountEdit;private EditText passwordEdit;private Button login;private CheckBox savePassword;private CheckBox autoLogin;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_remeber_pwd);pref = PreferenceManager.getDefaultSharedPreferences(this);accountEdit = (EditText) findViewById(R.id.account);passwordEdit = (EditText) findViewById(R.id.password);savePassword = (CheckBox) findViewById(R.id.savePassword);autoLogin = (CheckBox) findViewById(R.id.autologin);login = (Button) findViewById(R.id.login);passwordEdit.setInputType(InputType.TYPE_CLASS_TEXT| InputType.TYPE_TEXT_VARIATION_PASSWORD);//隐式密码boolean isRemember = pref.getBoolean("savePassword", false);if (isRemember) {// 将账号和密码都设置到文本框中,下一次进入不如再输密码啦String account = pref.getString("account", "");String password = pref.getString("password", "");accountEdit.setText(account);passwordEdit.setText(password);savePassword.setChecked(true);}login.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {String account = accountEdit.getText().toString();String password = passwordEdit.getText().toString();if (account.equals("student") && password.equals("123456")) {editor = pref.edit();if (savePassword.isChecked()) { // 检查复选框是否被选中editor.putBoolean("savePassword", true);editor.putString("account", account);editor.putString("password", password);} else {editor.clear();}editor.commit();Toast.makeText(remeberPwdActivity.this, "Login Success!", Toast.LENGTH_SHORT).show();//Intent intent = new Intent(remeberPwdActivity.this, MainActivity.class);//跳转//startActivity(intent);finish();} else {Toast.makeText(remeberPwdActivity.this, "account or password is invalid", Toast.LENGTH_SHORT).show();}}});}
}
  1. 布局样式:
    本次为了优化界面引入内容较多,Drawable下:
No.xml文件样式
1background_button_div.xmlbutton蓝色背景
2background_login.xml登录框渐变蓝背景
3background_login_div.xml登录框圆角半透明背景
4edit_login_div.xml编辑框圆角半透明背景
  1. button蓝色背景——background_button_div.xml:
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" ><solid android:color="#FF72CAE1" /><!--设置圆角注意:	bottomRightRadius是左下角而不是右下角  bottomLeftRadius右下角--><cornersandroid:bottomLeftRadius="10dp"android:bottomRightRadius="10dp"android:topLeftRadius="10dp"android:topRightRadius="10dp" />
</shape>
  1. 登录框渐变蓝背景——background_login.xml:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" ><gradientandroid:angle="45"android:endColor="#FF72CAE1"android:startColor="#FFACDAE5" />
</shape>
  1. 登录框圆角半透明背景——background_login_div.xml:
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" ><solid android:color="#55FFFFFF" /><!--设置圆角注意:	bottomRightRadius是左下角而不是右下角  bottomLeftRadius右下角--><cornersandroid:bottomLeftRadius="10dp"android:bottomRightRadius="10dp"android:topLeftRadius="10dp"android:topRightRadius="10dp" /></shape>
  1. 编辑框圆角半透明背景——edit_login_div.xml:
<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" ><solid android:color="#FFFFFF" /><!--设置圆角注意:	bottomRightRadius是左下角而不是右下角  bottomLeftRadius右下角--><cornersandroid:bottomLeftRadius="10dp"android:bottomRightRadius="10dp"android:topLeftRadius="10dp"android:topRightRadius="10dp" /></shape>
  1. 隐藏上边框:修改styles.xml代码为:
    在这里插入图片描述
    在这里插入图片描述
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

大功告成!


http://chatgpt.dhexx.cn/article/nW0BLFRv.shtml

相关文章

html注册网页里怎么取消记住密码,网页记住密码怎么取消【搞定手段】

很多小伙伴都遇到过网页记住密码怎么取消的困惑吧&#xff0c;一些朋友看过网上零散的网页记住密码怎么取消的处理方法&#xff0c;并没有完完全全明白网页记住密码怎么取消是如何解决的&#xff0c;今天小编准备了简单的解决办法&#xff0c;只需要按照1&#xff1a;首先&…

登录页面中记住密码操作的实现

1. 思路 访问&#xff1a;前端login.jsp---->后台&#xff1a;如果上次用户选择勾选记住密码&#xff0c;自动填充账号和密码;否则&#xff0c;不填。如何判断上次是否记住密码&#xff1f; 第一次登录成功&#xff0c;去判断是否需要记住密码&#xff1a;如果需要…

android:登录界面记住密码

&#xff08;1&#xff09;声明一个共享参数对象&#xff0c;并在onCreate函数中调用getSharedPreferences方法获取共享参数的实例。 &#xff08;2&#xff09;登录成功时&#xff0c;如果用户勾选了“记住密码”&#xff0c;就使用共享参数保存手机号码与密码。 &#xff0…

Android studio自动登录和记住密码的实现

Android studio自动登录和记住密码的实现 文章目录 Android studio自动登录和记住密码的实现前言一、效果二、设计思路三、知识点介绍1. SharedPreferenced2. checkButton就不介绍了 四、自动登录及记住密码实现总结与补充 前言 大家好&#xff0c;我是oy&#xff0c;今天介绍…

js防止浏览器记住密码

问题 遇到一个客户要求登录时&#xff0c;不能被浏览器截取记录密码&#xff0c;效果如下 根源 其实这个问题的根源就在于浏览器会捕捉你的password的输入记录&#xff0c;以最后一次为节点进行存储。所以不管我们对password做什么处理&#xff0c;只要是password进行了输入…

html页面怎么记住密码,使用html的localstorage实现登录页面的记住密码功能

html代码&#xff1a; 记住密码 忘记密码? js代码&#xff1a; //实现记住密码功能 $(document).ready(function(){ var strName localStorage.getItem(keyName); var strPass localStorage.getItem(keyPass); if(strName){ $(#account).val(strName); }if(strPass){ $(#pas…

android怎么实现记住密码功能,Android学习笔记——记住密码的功能实现(一)

Hello,大家好,我是钟阳。 今天跟大家分享一篇安卓的学习笔记,就是登录时,记住密码的功能实现。 想必大家应该都知道记住密码功能吧。比如QQ,微信,这些常用软件。即第一次登录后就不需要再重复输入账号密码进行登录操作。那么是怎么实现的呢,就是通过SharedPreferences实现…

Winform记住密码功能

记住密码&#xff1a; Dictionary<string, User> users new Dictionary<string, User>();//记住密码private void Password(){//执行目录下面创建data.bin文件,用来存放账号密码FileStream fs new FileStream("data.bin", FileMode.Create);BinaryForm…

html怎样添加记住密码选项,怎么让网页记住密码?让网页记住密码的方法

无论你使用的是否为IE浏览器&#xff0c;或者别的任何浏览器&#xff0c;因为浏览器有很多种&#xff0c;而网页自动记住登陆的用户名和密码都是一个非常常见的功能。针对不同的浏览器&#xff0c;我们需要进行类似的设置操作。那要如何设置呢&#xff1f;下面我们就一起去看一…

QT实现记住密码

原理 通过QT的setting类配置文件config.ini来存储&#xff0c;然后每次初始化的时候&#xff0c;将值读取出来 实现 1、在窗口类的构造函数中加入 //在窗口类的头文件中引用该头文件#include<QSettings>//将该部分代码放到窗口类的构造函数中QSettings setting (&quo…

vue 登录页面记住密码功能

vueiview/element 一般用来快速搭建后台管理系统&#xff0c;登录页的记住密码功能也是必不可少的。 记住密码快速登录功能(iview ui)&#xff1a; 思路&#xff1a;首次登录&#xff0c;记住密码&#xff0c;将密码存储到cookie中&#xff0c;退出登录&#xff0c;下次进来的…

linux命令行git记住密码

在Linux的命令行中使用git ,每次git pull都要输入用户名密码&#xff0c;非常麻烦。机器就自己使用&#xff0c;没有必要。本文就讲一下如何一劳永逸的记住密码。 实现方法 #进入项目的隐藏目录 cd .git #编辑配置文件 nvim config编辑文件config,在文件底部增加如下内容&…

读取“记住密码”账号记住的密码

目录 1 思路和适用条件2 软件需求2.1 SPY2.2 Python和pywin32库 3 读取密码3.1 查找密码输入文本框句柄3.2 读取文本框的内容 参考 1 思路和适用条件 本文所述的方法实际是利用部分软件记住密码时没有加入保护机制的漏洞。记住的密码在界面上显示是一排星号&#xff0c;但是这…

Java初学者如何写属于自己的博客!!!

博客的重要性 博客是一个知识汇总的过程&#xff0c;大家可以将自己的每天所学的Java知识&#xff0c;作为笔记来汇总到博客。正所谓“温故而知新&#xff0c;可以为师也”&#xff0c;博客不仅是自己汇总的一个过程。其次也是和别人技术交流的一个过程。 哪个平台写博客 首…

Javaweb项目--博客系统

目录 一.项目简介 二.具体实现 1.准备工作 1.1 创建maven项目,并创建好目录结构. 1.2 配置 pom.xml 文件,引入所需依赖. 2.设计数据库 2.1 创建用户表 2.2 创建博客表 3.封装数据库操作 3.1封装DBUtil 3.2创建实体类 3.3 创建 Dao类 4. 实现页面 4.1 初始化模板…

Java微型博客系统——评论功能的实现

评论功能的实现与Article展示页的修改 本章主要实现了博客的评论功能的实现&#xff0c;包括增删改查等功能。并且&#xff0c;由于权限不同&#xff0c;之前将文章页面分为了两个页面。其实是没有必要的&#xff0c;这次修改将两个页面合二为一。 1.数据库的建立 评论主要应…

想要搭建个人博客?我调研了 100 来个 Java 开源博客系统,发现这 5 个最好用!......

最近想倒腾一下博客&#xff0c;看了很多现成的比较成熟的开源博客系统&#xff0c;自己也简单从下面几个维度总结对比了一下&#xff1a; star 数量技术选型社区生态 当然啦&#xff01;好东西不能独享&#xff0c;下面简单分享一下我所做的笔记(文末有提供所有项目的压缩包)。…

Java实现小型博客系统

Java实现小型博客系统 本项目基于SpringBoot、Dubbo、Zookeeper、Redis、MySQL实现了一个分布式博客系统。功能包括账号的增删改查、文章的增删改查、文章评论的增删改查、热点文章的存取、文章的点赞等。 项目地址&#xff1a;https://github.com/ZhangHZ9802/MyLittleBlogSy…

[JAVA]从零开始创建个人博客——环境搭建

目录 一、购买服务器 二、远程登陆 三、安装相关环境 四&#xff0c;springboot项目创建 一、购买服务器 可以买腾讯云或者阿里云&#xff0c;本文以腾讯云举例。 买第一个就可以。 购买之后界面如下&#xff0c;因为需要用到mysql,点击防火墙进行配置&#xff1a; 配置如下…

Java实现个人博客网站

说明&#xff1a;该项目是实验楼用户“LOU3165780622”发布在实验楼上的项目教程&#xff1a;【Java实现个人博客】&#xff0c;未经允许&#xff0c;禁止转载&#xff1b; 该项目利用 SSM 框架和 Mysql 以及一些简单的前端知识搭建一个自己的个人博客网站&#xff0c;网站功能…