Android学习笔记3---仿微信登录界面

仿微信登录界面有几个东西,分别是

1、欢迎页,2秒跳转

2、用户名只允许为手机号

3、密码不可见

4、以及忘记密码页面跳转

主要用了3个控件,分别是:TextView、EditView、Button

运用到前两节学习的按钮监听事件,以及内容监听事件。

layout怎么布局的,Manifest文件怎么写的,做了一个整合。

实现如下:

界面怎么布局的可以自己在网上搜一个,然后根据经验自己改。

启动的时候出现运行停止的状况,不知道有没有跟我一样

Android学习笔记3---仿微信登录界面_第1张图片

解决:因为欢迎页先出现,所以需要将WelcomeActivity设置成默认启动项


            
                
                
            
        

而且,没添加一个Activity的时候,一定要在AndroidManifest.xml文件里面注册一下,不然又会重蹈覆辙,我做登录跳转到Index界面的时候就又出现了这种问题,被自己卡住1h,想想自己真是笨到无药可救,所以聪明的你千万不要再犯和我一样的错误。


        

还有一个问题被子自己傻到:我在登录的下面加了一个TextView,用于显示监听手机号格式是否正确的东西。

        

逻辑处理如下:

// 监听多个输入框
        //监听电话
        et_usertel.addTextChangedListener(new TextChange(){
            @Override
            public void afterTextChanged(Editable arg0) {
                super.afterTextChanged(arg0);
                if(isMobileNO(et_usertel.getText().toString())){
                    prompt_info.setText("success");
//            System.out.println("Yes");
                }else {
                    prompt_info.setText("fail");
//            System.out.println("Yes");
                }
            }
        });

addTextChangedListener(new TextChange(){ });
第一次用这个方法,不太会的,搞了很久,哎,所以才被自己傻到。

PS:验证手机格式是百度的,感觉人家写的这个挺好的,谢谢那个作者。

  /*
     *  验证手机格式
     */
    public boolean isMobileNO(String mobiles)
    {
    /*
    移动:134、135、136、137、138、139、150、151、157(TD)、158、159、187、188
    联通:130、131、132、152、155、156、185、186
    电信:133、153、180、189、(1349卫通)
    总结起来就是第一位必定为1,第二位必定为3或5或8,其他位置的可以为0-9
    */
        String telRegex = "[1][3578]\\d{9}";//"[1]"代表第1位为数字1,"[358]"代表第二位可以为3、5、8中的一个,"\\d{9}"代表后面是可以是0~9的数字,有9位。
        if (mobiles == null || mobiles.length()==0 || mobiles.length()!=11)
            return false;
        else
            return mobiles.matches(telRegex);
    }


代码已上传,后期在完善。贴几张运行的效果图,美一下。

Android学习笔记3---仿微信登录界面_第2张图片这个是欢迎页

Android学习笔记3---仿微信登录界面_第3张图片这个是主页面

Android学习笔记3---仿微信登录界面_第4张图片手机号正确的时候,会显示success

Android学习笔记3---仿微信登录界面_第5张图片手机号位数不够或格式错误的时候会显示fail,密码是密文

Android学习笔记3---仿微信登录界面_第6张图片Android学习笔记3---仿微信登录界面_第7张图片Android学习笔记3---仿微信登录界面_第8张图片点登陆,点找回密码,点注册分别会出现上面几张效果图,当然,没有好看的页面,逻辑也没有处理,后期更新,


你可能感兴趣的:(Android)