Skip to content

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

Notifications You must be signed in to change notification settings

zhugefubin/MNPasswordEditText

 
 

Repository files navigation

MNPasswordEditText

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

截图:

如何添加

1:Gradle添加:

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

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

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

	dependencies {
	     compile 'com.github.maning0303:MNPasswordEditText:V1.0.2'
	}

2:源码Module添加:

直接关联pswedittextlibrary

	compile project(':pswedittextlibrary')

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

1:自定义参数介绍:

   <declare-styleable name="MNPasswordEditText">
           <!--密码框的颜色-->
           <attr name="mnPsw_border_color" format="color" />
           <!--密码框选中的颜色-->
           <attr name="mnPsw_border_selected_color" format="color" />
           <!--密码文字的颜色,圆形密码颜色-->
           <attr name="mnPsw_text_color" format="color" />
           <!--密码框的圆角-->
           <attr name="mnPsw_border_radius" format="dimension" />
           <!--密码框的线的大小-->
           <attr name="mnPsw_border_width" format="dimension" />
           <!--密码框的每个间隔,只有样式2才起作用-->
           <attr name="mnPsw_item_margin" format="dimension" />
           <!--密码框背景色-->
           <attr name="mnPsw_background_color" format="color" />
           <!--密码框输入的模式:4.明文,3.文字,2.图片,1.圆形-->
           <attr name="mnPsw_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="mnPsw_style" format="enum">
               <!--连在起-->
               <enum name="StyleDefault" value="1" />
               <!--单独-->
               <enum name="StyleOneself" value="2" />
               <!--下划线形式-->
               <enum name="StyleUnderLine" value="3" />
           </attr>
           <!--密码文字遮盖-->
           <attr name="mnPsw_cover_text" format="string" />
           <!--密码图片遮盖-->
           <attr name="mnPsw_cover_bitmap_id" format="reference" />
           <!--密码圆形遮盖颜色-->
           <attr name="mnPsw_cover_circle_color" format="color" />
           <!--密码圆形遮盖半径-->
           <attr name="mnPsw_cover_circle_radius" format="dimension" />
           <!--密码图片遮盖长宽-->
           <attr name="mnPsw_cover_bitmap_width" 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:mnPsw_background_color="#FFFFFF"
        app:mnPsw_border_color="#7e7e7e"
        app:mnPsw_border_radius="2dp"
        app:mnPsw_border_width="2dp"
        app:mnPsw_cover_bitmap_id="@mipmap/ic_launcher"
        app:mnPsw_cover_bitmap_width="30dp"
        app:mnPsw_item_margin="5dp"
        app:mnPsw_mode="Bitmap"
        app:mnPsw_style="StyleOneself"
        app:mnPsw_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

推荐:

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

About

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

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Java 100.0%