ZJPasswordStyle 简介

一款简洁可自定义样式密码框输入组件GridPasswordView 通过继承TextView自定义实现的一款密码输入组件GridPasswordView,先上效果图: 动态效果图: 这里我根据自己经验做了样式定义与适配适配: 对于一些需求要求每个密码框式正方形也做了适配 支持定义密码框长度,密码可以明文或者密码显示 根据android的inputType类型来确认 增加闪动光标,可自定义样式 只需要在xml中定义显示样式就可以:<com.ttarfall.gri 阅读详情

一款多样式,可定制化密码框 简介

用于平时开发过程中用到的密码输入框的样式问题,本案例提供了四中样式,案例中有些写法使用了继承有些使用了协议,如有需要可以自行修改或者再次封装处理,如果发现有问题,请issue,谢谢.文中最后附有源码地址,在github上.
是目前使用比较多的样式,分别如下:
如果感觉还可以请动下你宝贵的小手,mark一下.

  • 下划线高亮明文输入框样式,如下图

  • 下划线高亮密文样式,如下图:

  • 矩形框明文样式,如下图:

  • 矩形框密文样式,如下图:

输入到指定位数(目前设定的是6位,项目中有对应的回调,本例使用了Alert提示如下图:)

如需要自行修改回调逻辑以及相关样式可以参照对应的子类以及ZJPasswordViewProtocol这个协议类中,包含了回调的委托方法,以及可以自定义相关样式或者逻辑的TextfieldView应该事先的协议方法.

下述则是委托方法,包含了目前定义的几种事件类型,以及输入达到6位密码之后的通知.

/**
 对应的代理事件
 
 @param textfieldView 响应的包含Textfield 的view
 @param result 加密后的结果(有些情况下可能为空)
 @param type 事件类型
 */
- (void)textfieldView:(UIView <ZJPasswordViewProtocol> *)textfieldView
               result:(NSString *)result
            eventType:(ZJPasswordViewEventType)type;
项目源码地址

如果不能正常跳转,链接地址如下:
https://github.com/FreshManCode/ZJPasswordStyle

登录页面的密码的显示与隐藏 原理就是点击的时候把密码的输入框的类型从password切换到text,再次点击把text切换成password,懒的话可以直接声明按钮点击,美观点的话可以去阿里icon官网上选几个使用 效果 选择喜欢的icon以png的形式下载到本地放在项目中引用即可 丰富的icon资源:https://www.iconfont.cn/ 代码 <%-- Created by IntelliJ IDEA. User: wx_weiyihe Date: 2021/8/30 Time: 14: 阅读详情

相关推荐

ios-ZJPayPasswordDemo 交易密码输入框.zip

自定义密码输入框,详细地址:https://github.com/MaricleZhang/ZJPayPassword.git 喜欢就给我star鼓励一下吧。

iOS 各种支付密码框

1、ZJPasswordStyle 转载于:https://my.oschina.net/wenchengxu123/blog/3071320

chuanghuayou2163的博客 1254

抖音小游戏上架避坑指南:从软著申请到ICP备案全流程解析

本文详细解析了抖音小游戏上架前必须完成的软著申请和ICP备案全流程,提供了清晰的时间线规划与实操避坑指南。文章重点阐述了个人与企业备案的区别、材料准备要点以及平台审核常见问题,旨在帮助独立开发者和小团队高效、合规地完成游戏上架,避免在行政流程中延误项目。

weixin_29276847的博客 1580

密码框的输入样式(过隐)

密  码:                        正常的密码框都是以黑点显示,而这个样式却不样哦,不信试试!!!! 

崽崽的专栏 1289

Smart200 PLC实现Bool信号接通延时、关闭延时作用

解决Smart200 PLC时间继电器和脉冲扫描P或N不能重复使用的问题,用于Bool信号延时接通和延时关闭的作用,可调整时间基数

gk_121的博客 4321

【安徽理工大学】一文带你高分拿下计算机考研复试(85+的秘密)

一文带你高分拿下安徽理工大学计算机考研复试(85+的秘密)

猫天意的博客 1525

HTML5的password输入框的字符显示与隐藏

密码框是input标签中type为password,所以只要把type中的password该为text就可以显示密码了。 代码如下: <html> <head> <meta name="viewport" content="width=device-width" /> <title>test</title> &lt...

要疯了的博客 8506

QCC308X/518X/309X加LDAC解码

QCC308X/518X/309X加LDAC解码。

Alex_886的博客 6612

自定义密码样式(黑点换成¥、%等字符)

自定义密码样式(黑点换成¥、%等字符)

u014620028的专栏 1404

手机抽奖页面代码html,html5大转盘抽奖支持手机转盘抽奖代码

特效描述:html5 大转盘抽奖 支持手机 转盘抽奖代码。html5转盘,html5抽奖,手机转盘,手机抽奖,手机转盘抽奖,可配置奖品抽奖。代码结构1. 引入CSS2. 引入JS3. HTML代码大转盘活动var turnplate={restaraunts:[],//大转盘奖品名称colors:[],//大转盘奖品区块对应背景颜色outsideRadius:192,//大转盘外圆的半径textR...

weixin_39628551的博客 1875

Transformer模型详解

​本文主要介绍Transformer系列,从基础到理论,对注意力机制进行总结并解释《Attention is all you need》,提出解决sequence to sequence问题的transformer模型,用全attention的结构代替了lstm,抛弃了之前传统的encoder-decoder模型必须结合cnn或者rnn的固有模式,只用attention。文章的主要目的是在减少计算量和提高并行效率的同时不损害最终的实验结果。

专注大数据与人工智能技术分享,欢迎私信加群互相学习! 5315

js 设置password placeholder样式_装机必备!超级详细的BIOS设置图解

对于很多人来说,在装系统过程中难免遇到各类问题,其中最让人头疼的就是BIOS设置了。BIOS设置对于大多数人来说还是比较陌生的,毕竟BIOS设置基本上很少有中文的,给我们设置也带来很大难度。如果你不了解BIOS没关系,今天快启动来为大家详解一下品牌电脑进入BIOS的方法以及BIOS各功能解说。一、各品牌BIOS启动快捷键分享要将系统成功安装到电脑上,就需要将bios的第一启动设置为你的安...

weixin_39738667的博客 817

PCL 提取两片点云的非重叠部分【2025最新版】

PCL 提取两片点云的非重叠部分。博客长期更新,本文最近一次更新时间为:2025年9月1日。

点云侠的博客 36万+

html怎么设置密码字段,在CSS中设置密码字段样式

我在样式表中遇到了一个关于字体的小问题。这是我的CSS:body{...font: normal 62.5% "Lucida Sans Unicode",sans-serif;}#wrapper_page{...font-size: 1.2em;}input,select,textarea{...font: bold 100% "Lucida Sans Unicode",sans-serif;}这...

weixin_42319865的博客 734

FAST-LIVO2 源码精读(十八):实时性优化、漂移排查与工程落地

FAST-LIVO2 的工程价值,不在于某一个孤立的技巧,而在于它把"激光的几何精度、惯性的高频预测、视觉的纹理与色彩"用一套简洁的滤波框架紧紧拧在一起,又在实时性、鲁棒性、可扩展性之间取得了难得的平衡。先用内建计时表定位瓶颈,再按降采样、并行、滑窗、编译优化、双频输出逐项加速;遇到漂移先看现象、循诊断树定位根因、回到对应章节取解法。十八篇至此收束。

PX4-SLAM-PNC 218

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

输入密码样式

<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br /><html xmlns="http://www.w3.org/1999/xhtml"> <br /> <head> <br /> <meta http-equiv="Content-Type" content="text/html; chars

baoyuemian的专栏 786

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

input密码框圆点和提示字样式设置

修改密码框内容样式 css input[type="password"] { letter-spacing: 5px; font-size: 20px; } input[type="password"]::-webkit-input-placeholder { letter-spacing: 0; font-size: 14px; } input[type="passw...

webdongchao的博客 1万+

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

INPUT[type=text/password] 元素样式设置

<br />不要试图通过设置 "size" 属性使 INPUT[type=text/password] 元素在所有浏览器中的宽度一致,这是不可能的。在需要对这类元素做精确的控制时,应使用 CSS 的 'width' 和 'height' 特性。<br />另外不同浏览器的默认字体的区别会导致文本框内文字表现的差异,最好为 INPUT 元素显式设置字体样式覆盖其默认值,以保证文本框在所有浏览器中有相同的呈现效果。

有梦想,有追求,我可以无所不能 3811

js 设置password placeholder样式_150+ 个优质的 Node.js 包和资源

持续更新,最新内容访问 GitHub 地址:https://github.com/zerolab-fe/awesome-nodejsAIbrain.js - 基于模型训练的神经网络 JS 库,支持浏览器和 Nodetfjs - TensorFlow JS 版本Build toolspkg - 将 Node.js 项目打包成可执行文件gulp - 基于流(stream)的自动化构建工具pa...

weixin_39627697的博客 462

5招让你成为Vue.js大师

来源 |https://segmentfault.com/a/1190000014085613本文面向对象是有一定Vue.js编程经验的开发者。如果有人需要Vue.js入门系列的文章可...

web前端开发 250

EditText 设置 android:inputType="...Password"时字体样式变化

EditText 设置 android:inputType="...Password"时字体样式变化 android 源码(API 28) 中 : EditText 继承自TextView,溯源在TextView中有段代码: final boolean isPassword = password || passwordInputType || webPasswordInputTyp...

DengDongQi的博客 2337

密码框用*号替代css密码样式

/*$('#input_2').blur(function(){ //alert(1) //console.log($('#input_2').val(),$('#input_1').val()); });*/ document.onkeyup = function(e){//当键盘弹起时候获取文本 $('#input_1').val($('#input_2').val().replac

hyzhang6的博客 7870

iOS-仿京东6位密码支付输入框

用于安全支付的密码支付输入框.

findhappy117的博客 1800
上一篇: 使用Xcode增加环境变量(多种环境区分)
下一篇: pod search 搜索不到库(明明已经push成功了,本地的仓库中也有)
FreshManCode
博客等级 码龄9年 8粉丝 15原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值