Android studio密码登录验证码登录(一)界面切换

 一、界面布局

1.密码登录界面

可以看到整个界面是分为五块的,首先是一个线性布局,里面包裹着所有组件。

第一行,是RadioGroup,也就是按钮单选框,里面有两个Radiobutton,对应密码登录和验证码登录

第二行,重开一个LinearLayout,包着两个组件,首先是一个TextView(手机号码),然后是一个EdiText类型是number,提示请输入手机号码

第三行,重开一个LinearLayout,首先是一个TextView(登陆密码),再然后其实就是一个EdiText和Button,因为右边有个按钮要覆盖部分EdiText,所以把二者包裹进RelativeLayout,就实现了按钮部分覆盖输入框。

第四行,没啥东西就一个复选框CheckBox表示是否记住密码。

最后一行,就一个登录按钮。

2.验证码登陆界面

看图片,没加东西,甚至少了点东西,第四行记住密码删掉了,然后把组件里面的文字变了变。

以上就是界面设计

二、实现点击切换

利用RadioGroup里面的checkid(表示当前选中的单选按钮的 ID)来改变界面,也就是一个if语句,如果,id==密码登录,那么就显示密码登录,如果id==验证码登录那么就显示验证码登录但是,记住密码那一行变为不可见。
 

  RadioGroup rb_login = findViewById(R.id.rg_login);
       rb_login.setOnCheckedChangeListener(this);
    

    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        if(checkedId == R.id.rb_password){
                  //改变文本内容
            tv_password.setText(getString(R.string.login_password));
            et_password.setHint(getString(R.string.input_password));
            btn_forget.setText(getString(R.string.forget_password));
                  //可见
            ck_remember.setVisibility(View.VISIBLE);

        }
        else{
                  //改变文本内容

                  tv_password.setText(getString(R.string.get_verifycode));
                  et_password.setHint(getString(R.string.input_verifycode));
                  btn_forget.setText(getString(R.string.get_verifycode));

                       //变为不可见
                  ck_remember.setVisibility(View.GONE);  
        }
    }
}

  • 9
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值