• Stars
    star
    177
  • Rank 215,985 (Top 5 %)
  • Language
    Java
  • Created over 7 years ago
  • Updated over 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Android验证码和密码输入框,能自定义输入框个数和样式(连体,下划线和方形框) 类似微信支付宝的密码输入框等

MNPasswordEditText

Android验证码和密码输入框,能自定义输入框个数和样式(连体,下划线和方形框) 类似微信支付宝的密码输入框等

截图:

如何添加

1:Gradle添加:

1.在Project的build.gradle中添加仓库地址

	allprojects {
		repositories {
			...
			maven { url "https://jitpack.io" }
		}
	}

2.在app目录下的build.gradle中添加依赖

	dependencies {
	     implementation 'com.github.maning0303:MNPasswordEditText:V1.0.4'
	}

2:源码Module添加:

直接关联pswedittextlibrary

	implementation project(':pswedittextlibrary')

使用方法(查看Demo详情):

1:自定义参数介绍:

<declare-styleable name="MNPasswordEditText">
        <!--密码框的颜色-->
        <attr name="psw_border_color" format="color" />
        <!--密码框选中的颜色-->
        <attr name="psw_border_selected_color" format="color" />
        <!--密码文字的颜色,圆形密码颜色-->
        <attr name="psw_text_color" format="color" />
        <!--密码框的圆角-->
        <attr name="psw_border_radius" format="dimension" />
        <!--密码框的线的大小-->
        <attr name="psw_border_width" format="dimension" />
        <!--密码框的每个间隔,只有样式2才起作用-->
        <attr name="psw_item_margin" format="dimension" />
        <!--密码框背景色-->
        <attr name="psw_background_color" format="color" />
        <!--密码框输入的模式:4.明文,3.文字,2.图片,1.圆形-->
        <attr name="psw_mode" format="enum">
            <!--圆形默认-->
            <enum name="Circle" value="1" />
            <!--图片-->
            <enum name="Bitmap" value="2" />
            <!--文本-->
            <enum name="Text" value="3" />
            <!--原始-->
            <enum name="OriginalText" value="4" />
        </attr>
        <!--密码框样式: 1.连在2.分开单独显示  3.下划线形式-->
        <attr name="psw_style" format="enum">
            <!--连在起-->
            <enum name="StyleDefault" value="1" />
            <!--单独-->
            <enum name="StyleOneself" value="2" />
            <!--下划线形式-->
            <enum name="StyleUnderLine" value="3" />
        </attr>
        <!--密码文字遮盖-->
        <attr name="psw_cover_text" format="string" />
        <!--密码图片遮盖-->
        <attr name="psw_cover_bitmap_id" format="reference" />
        <!--密码圆形遮盖颜色-->
        <attr name="psw_cover_circle_color" format="color" />
        <!--密码圆形遮盖半径-->
        <attr name="psw_cover_circle_radius" format="dimension" />
        <!--密码图片遮盖长宽-->
        <attr name="psw_cover_bitmap_width" format="dimension" />
        <!--是否显示光标-->
        <attr name="psw_show_cursor" format="boolean" />
        <!--光标颜色-->
        <attr name="psw_cursor_color" format="color" />
        <!--光标高度-->
        <attr name="psw_cursor_height" format="dimension" />
        <!--光标宽度-->
        <attr name="psw_cursor_width" format="dimension" />
        <!--光标圆角-->
        <attr name="psw_cursor_corner_radius" format="dimension" />

    </declare-styleable>

2:布局文件使用(详细查看Demo):

       <com.maning.pswedittextlibrary.MNPasswordEditText
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:layout_marginTop="10dp"
            android:focusableInTouchMode="true"
            android:inputType="number"
            android:maxLength="6"
            android:textSize="20sp"
            app:psw_border_color="#267eb4"
            app:psw_border_radius="4dp"
            app:psw_border_selected_color="#dc10a2"
            app:psw_border_width="2dp"
            app:psw_cover_text="密"
            app:psw_cursor_width="10dp"
            app:psw_item_margin="10dp"
            app:psw_mode="Text"
            app:psw_show_cursor="true"
            app:psw_style="StyleOneself"
            app:psw_text_color="#393939" /

2:代码相关:

    mPswEditText = (MNPasswordEditText) findViewById(R.id.mPswEditText);
    //监听输入的过程
    mPswEditText.setOnTextChangeListener(new MNPasswordEditText.OnTextChangeListener() {
        @Override
        public void onTextChange(String text, boolean isComplete) {
            tvShow.setText(text);
            if (isComplete) {
                Toast.makeText(MainActivity.this, "输入完成", Toast.LENGTH_SHORT).show();
            }
        }
    });

其他详情请查看Demo

版本记录:

v1.0.4:
    1.新增光标显示
    2.自定义属性名称调整

推荐:

Name Describe
GankMM (Material Design & MVP & Retrofit + OKHttp & RecyclerView ...)Gank.io Android客户端:每天一张美女图片,一个视频短片,若干Android,iOS等程序干货,周一到周五每天更新,数据全部由 干货集中营 提供,持续更新。
MNUpdateAPK Android APK 版本更新的下载和安装
MNImageBrowser 交互特效的图片浏览框架,微信向下滑动动态关闭
MClearEditText 带有删除功能的EditText
MNPasswordEditText 类似微信支付宝的密码输入框。
MNCrashMonitor Debug监听程序崩溃日志,展示崩溃日志列表,方便自己平时调试。
MNProgressHUD MNProgressHUD是对常用的自定义弹框封装,加载ProgressDialog,状态显示的StatusDialog和自定义Toast,支持背景颜色,圆角,边框和文字的自定义。
MNZXingCode 快速集成二维码扫描和生成二维码
MNMLKitScanner 基于Google ML Kit 快速集成二维码扫描
MNChangeSkin Android夜间模式,通过Theme实现
MNVideoPlayer SurfaceView + MediaPlayer 实现的视频播放器,支持横竖屏切换,手势快进快退、调节音量,亮度等。------代码简单,新手可以看一看。
SwitcherView 垂直滚动的广告栏文字展示。
MNCalendar 简单的日历控件练习,水平方向日历支持手势滑动切换,跳转月份;垂直方向日历选取区间范围。
MNSwipeToLoadDemo 利用SwipeToLoadLayout实现的各种下拉刷新效果(饿了吗,京东,百度外卖,美团外卖,天猫下拉刷新等)。

More Repositories

1

MNImageBrowser

一个图片浏览框架,支持AndroidX,支持Fresco,支持微博长图,类似微信图片浏览,手势向下滑动关闭,图片加载引擎自定义,支持长按,单击监听,切换监听,自定义任意的遮罩层,实现各种效果,支持横竖屏切换,简单方便。
Java
738
star
2

GankMM

(Material Design & MVP & Retrofit + OKHttp & RecyclerView ...)Gank.io Android客户端:每天一张美女图片,一个视频短片,若干Android,iOS等程序干货,周一到周五每天更新,数据全部由 干货集中营 提供。
Java
572
star
3

MNProgressHUD

一个常用的自定义弹框封装(适配AndroidX),加载ProgressDialog,状态显示的StatusDialog和自定义Toast,全部支持背景颜色,圆角,边框和文字的自定义,构建者模式,链式调用。
Java
401
star
4

MNUpdateAPK

Android APK Update 版本更新的下载和安装,适配7.0-11.0系统
Java
368
star
5

MNCrashMonitor

MNCrashMonitor 监听程序崩溃日志,直接页面展示崩溃日志列表,调试方便,测试人员可以随时给程序猿查看日志详情,可以动态添加日志内容,手机直接查看日志内容可以分享,复制,生成长截图。
Java
283
star
6

MNCalendar

[暂停维护] 简单的日历控件,水平方向日历支持手势滑动切换,跳转月份;垂直方向日历选取区间范围。
Java
264
star
7

MNZXingCode

快速集成zxing二维码扫描,生成二维码,可配置相册,闪光灯,相机可以调整焦距放大缩小,自定义扫描线颜色,自定义背景颜色,自定义遮罩层,自定义Activity,多个二维码扫码(zxing:core:3.3.3/3.4.0)
Java
254
star
8

MNMLKitScanner

基于Google ML Kit 快速集成二维码扫描,速度比zxing快,可配置相册,闪光灯,相机可以调整焦距放大缩小,自定义扫描线颜色,自定义背景颜色,自定义遮罩层,支持同时扫多个二维码和条形码
Java
189
star
9

MNSwipeToLoadDemo

利用SwipeToLoadLayout实现的各种下拉刷新效果(饿了吗,京东,百度外卖,美团外卖,天猫下拉刷新等)
Java
134
star
10

MNVideoPlayer

(暂停维护)SurfaceView + MediaPlayer 实现的视频播放器,支持横竖屏切换,手势快进快退、调节音量,亮度等。------代码简单,基础应用-----
Java
124
star
11

SwitcherView

滚动的广告栏文字展示控件
Java
81
star
12

MClearEditText

带有删除功能的EditText,可以自定义删除图片,自定义下划线等
Java
62
star
13

MNChangeSkin

Android夜间模式,通过Theme实现
Java
49
star
14

GankMM_iOS

(iOS版)干货集中营:每天提供一张美女图片和若干程序干货。
Objective-C
26
star
15

MNCustomCamera

一个自定义相机,只拍摄相框中的图片(身份证拍摄等场景)
Java
13
star
16

MNXUtilsDB

xUtils3 数据库模块单独抽取出来,方便使用!
Java
6
star
17

MNCustomCamera-iOS

自定义相机(拍摄指定区域)
Objective-C
4
star
18

MNBaseRecyclerViewAdapter

抽取BaseRecyclerViewAdapter,简化代码,支持添加头尾布局。
Java
4
star
19

MNGitHubStars-Android

归类自己GitHub标记的项目
4
star
20

MNHotFix

QQ空间热修复实践,动态添加dex文件,ASM插桩
Java
3
star
21

MNPickerView-iOS

iOS 滚轮选择器(时间选择和单项选择)
Objective-C
2
star
22

GankMM-WX

练手微信小程序:使用干货集中营的数据!
JavaScript
1
star
23

RobustDemo

美团robust热修复测试
Java
1
star
24

MNOkhttpUtils

okhttp 网络请求
Java
1
star