巧用android 控件—CheckBox + 状态选择器

面向对象——初学者。大神们请笑而不语


  • android状态选择器节省的不仅仅是代码块,还有一些不必看但必须有的逻辑代码。搭配不同的控件更是如虎添翼!

  • 本文使用 checkBox + 状态选择器 完成状态保持的图片切换。代码简单,不为授学,只是给各位看客扩展一些思维。

  • 图中的 清除 案件是一个Button, 眼睛是 CheckBox 废除了样式
    通过使用CheckBox 的状态保持特性。 达到的简洁代码的效果。

效果图:

这里写图片描述

控件属性————————————————————-

    <Button  //清除
        android:id="@+id/bt_username_clear"
        android:layout_width="23dp"
        android:layout_height="23dp"
        android:layout_gravity="right|center_vertical"
        android:layout_marginRight="10dp"
        android:background="@drawable/button_clear_bg"
        />
    <CheckBox  //密码可见
        android:id="@+id/cb_pwd_eye"
        android:layout_width="23dp"
        android:layout_height="23dp"
        android:layout_gravity="right|center_vertical"
        android:layout_marginRight="10dp"
        android:button="@null"                        //废除默认样式
        android:background="@drawable/button_eye_bg"  //设置状态选择器
        android:checked="false"/> 

Button 状态选择器

    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 按键点击 -->
    <item android:state_pressed="true" android:drawable="@drawable/button_clear_pre"></item>
    <!-- 按键无点击 -->
    <item android:state_pressed="false" android:drawable="@drawable/button_clear_nor"></item>
    </selector>

CheckBox 状态选择器

    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <!-- 选中 -->
        <item android:state_checked="true" android:drawable="@drawable/button_eye_pre"></item>
        <!-- 未选中 -->
        <item android:state_checked="false" android:drawable="@drawable/button_eye_nor"></item>
    </selector>

CheckBox逻辑源码:代码中只需要根据CheckBox 选中状态。完成自己的逻辑处理即可。

    CheckBox bt_pwd_eye = (CheckBox) findViewById(R.id.cb_pwd_eye);
    bt_pwd_eye.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            if(isChecked){
                et_password.setInputType(EditorInfo.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD);
                Toast.makeText(LoginActivity.this, "密码不可见", Toast.LENGTH_SHORT).show();
            }else {
                et_password.setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD);
                Toast.makeText(LoginActivity.this, "密码可见", Toast.LENGTH_SHORT).show();
            }
        }
    });

最后:谢谢观看

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值