仿美团短信验证码输入框 + 自定义软键盘

最新推荐文章于 2022-01-13 16:49:11 发布
最新推荐文章于 2022-01-13 16:49:11 发布
阅读量2.4k 收藏 2
点赞数 1
分类专栏： 自定义组件 文章标签： 自定义软键盘 验证码输入框
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wol965/article/details/81229357
版权

KeyboardDemo

自定义短信验证码输入框  + 自定义数字字母软键盘

前段时间做了一个需求，类似验证码输入框，但输入的优惠码有数字和大小写字母，所以就需要用到自定义软键盘，不然总是切换数字与字母太麻烦，用户体验不佳。

刚开始想着到网上找一些demo得了，可iOS倒是有很多，安卓却没找到，索性自己撸一个。

下面是做出的效果图：

image 　　　 image

image

键盘的宽高比例、边距、字符及图片等需要改的就在res/xml里面进行修改，背景及选择器按下颜色等在布局里和drawable进行修改

项目地址：https://github.com/weioule/KeyboardDemo

 

weioule
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SplitEditTextView:Android类似支付宝密码输入框，美团外卖验证码输入框，验证码粘贴等；有效果图，有演示；支持下划线，边框，连体框样式；可设置光标，光标颜色，下划线输入时高亮，边框大小，颜色，圆角等等；设置密码显示的样式
03-19
SplitEditTextView Android类似支付宝密码输入框，美团外卖验证码输入框；支持下划线样式，分区输入框样式，带分割线输入框样式；支持长按粘贴；可设置光标宽高，光标颜色，边框大小，边框颜色，圆角，下划线颜色等等属性（具体可查看下面的属性说明），也可设置输入内容显示模式；不能满足需求也可自行将图书馆里面的原始码下载下来进行修改。原始码的的注释或比较详细，另外写了一篇关于该库是如何实现的文章，有兴趣的可以阅读（） 效果图 如何使用（可查看demo） 第一步：依赖 首先将SplitEditTextView添加到您的项目中，在build.gradle文件中添加依赖，如下： dependencies { .. . implementation ' com.open.keeplearn:SplitEditTextView:1.2.3 ' } 第二步：xml中使用 默
android自定义键盘
乌龟赛跑
11-29 856
其实对于简单的键盘，比如数字键盘这种，使用自定义view即可，这里为了学习android的键盘知识，继承android系统键盘。 先看效果图： 一、在res/xml目录下新建一个键盘布局文件 <?xml version="1.0" encoding="utf-8"?> <Keyboard xmlns:android="http://schemas.android.com/apk...
com.example.web.DemoServlet不是Servlet
qq_43259860的博客
01-13 546
相关代码： package com.example.web; import javax.servlet.*; import java.io.IOException; public class DemoServlet implements Servlet { @Override public void init(ServletConfig servletConfig) throws ServletException { } @Override public Ser
android仿淘宝，自动获取短信验证码 demo
03-13
android仿淘宝，自动获取短信验证码 demo
Android-仿美团和糯米商家验证版的一个数字校验键盘
08-13
仿美团和糯米商家验证版的一个数字校验键盘
验证码输入框，自定义键盘
11-05
重会UIView，自定义键盘，输入验证码，摈弃传统的UITextFiled，简单一个UIview搞定
滑块+输入框+密码框+自定义键盘.rar
11-18
数量滑块对应的改变输入框的值，在输入框输入值退赢得滑块位置改变，点击提交出现自定义键盘事件(6位数的方格密码框)
vue实现短信验证码输入框
10-15
主要为大家详细介绍了vue实现短信验证码输入框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
SmsEditTextDemo:这是一个自定义短信验证码输入框
05-13
这是一个自定义短信验证码输入框 在开发中着用户系统的逐渐完善，短信验证码的需求基本上是必不可少的。 在常见的项目中，登录注册以及修改用户信息等流程都会涉及到短信验证。 与公共的功能类似，我们都会封装或者...
Android验证码输入框(超炫酷)
02-24
Android验证码输入框，炫酷的动画
Android自定义验证码输入框
04-09
这是一个自定义的验证码输入框并且运用到了软件盘的显示和隐藏。
html+css+js制作美团官网
12-05
该美团官网用html+css+js实现，对于前端新手来说，也可以去找类似的官网练练手，对自己帮助还是很大的，其中的很多细节错误都可以在锻炼中修改。希望该项目对大家有帮助，下载了的朋友顺便给个好评呗~~
Android项目源码简单仿美团UI项目源码
05-23
本项目是一个基于安卓的仿美团安卓客户端UI项目的源码，实现仿照的页面有无密码快捷登陆、个人中心页面、发现页面、app首页、团购页面、商家列表页面等，但是毕竟遗憾的是很多页面效果没有实现
cc_美团项目user模块之用手机验证码直接登录实现
weixin_34259159的博客
07-11 365
import android.content.Intent;import android.os.Bundle;import android.os.Handler;import android.support.v7.app.ActionBar;import android.support.v7.app.ActionBarActivity;import android.text....
自定义 音频频谱控件、音视频播放进度条控件、伸缩Seekbar开关控件
WOL965的博客
02-20 1523
CustomViewDemo 这是一个自定义 音频频谱控件、音视频播放进度条控件、伸缩Seekbar开关控件的demo 年前的聊天室功能今天上线了，忙碌了好一阵子 期间自定义了一些控件，因为需求上要求的效果在网上没有找到，就自己画了，现在写个demo记录一下 老规矩，看看做出来的效果图： ...
Android新手指引蒙层提示
WOL965的博客
01-04 1458
先看效果图： 关于蒙层提示，我见过很多APP的做法是简单粗暴直接用一个完整的图层盖着展示的，根本看不到底层，这样做虽然简单，但我认为这并不是蒙层提示的效果 还有就是用带透明背景的提示图层的， 支付宝的一些提示就是这么干的，这样可以透到底层，但指向的位置和展示的控件或多或少都跟底部所展示的控件有所出入，当提示层消失展示出底层的页面时，总会有一个过渡感，简单点说就是所指向的控件不是当...
Android自定义时间滚动选择器PickerView Dialog
WOL965的博客
06-01 1142
Android自定义时间滚动选择器PickerView Dialog 正好现在项目到了测试阶段，想想也有一段时间没写博客了。 两个星期前，接到新增信用卡模块的需求。在写到绑定信用卡的时候，有一个还款提醒功能 先上图：                    就是这样的一个滚动选择器，网上开源控件那么多，就不重复造轮子了，于是乎“Google一下，你就知道了”。 ok，用不了几分钟，找...
html 点击输入框 弹出软键盘
最新发布
06-14
当用户点击HTML页面上的输入框时，浏览器会自动弹出软键盘，供用户输入文本内容。这是浏览器的默认行为，不需要额外的代码来实现。 以下是一个简单的HTML代码示例： ```html <input type="text" name="myInput" id="myInput" /> ``` 当用户点击输入框时，浏览器会自动弹出软键盘。你可以使用CSS来对输入框进行样式调整，例如： ```css input[type="text"] { font-size: 16px; padding: 10px; } ``` 这里我们设置了输入框的字体大小为16像素，同时给输入框添加了10像素的内边距。这些样式可以根据你的需求进行调整。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值