CheckedImageView

最新推荐文章于 2022-07-22 22:40:56 发布

gamelose

最新推荐文章于 2022-07-22 22:40:56 发布

阅读量1.1k

点赞数

分类专栏： android 文章标签： checkedimageview 带勾选状态的imageview Checkable

本文链接：https://blog.csdn.net/sf_50/article/details/34147799

版权

android 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

使用CheckedTextView可以解决带文字的checkbox的效果。

但是对于一个图片，我也需要checked属性。为了实现一些效果。例如下面的效果，点击眼睛密码变为隐藏显示。主要是后面的图片：点击有二态背景也有二态。

实现代码如下：使用ImageView实现Checkable接口。

package com.test.kwifi.widget;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.widget.Checkable;
import android.widget.ImageView;

public class CheckedImageLayout extends ImageView implements Checkable{
	private static final String TAG = "CheckedImageLayout";
	private boolean isChecked = false;
	
	private static final int[] CHECKED_STATE_SET = {
        android.R.attr.state_checked
	};
	
	public CheckedImageLayout(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
	}

	public CheckedImageLayout(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	public CheckedImageLayout(Context context) {
		super(context);
	}

	public void setChecked(boolean check){
		isChecked = check;
		refreshDrawableState();
	}
	
	public boolean isChecked(){
		return isChecked;
	}
	
	public void toggle() {
        setChecked(!isChecked);
    }
	
	
	@Override
	public int[] onCreateDrawableState(int extraSpace) {
        final int[] drawableState = super.onCreateDrawableState(extraSpace + 1);
        if (isChecked()) {
            mergeDrawableStates(drawableState, CHECKED_STATE_SET);
        }
        return drawableState;
    }
}

使用：

         <com.test.kwifi.widget.CheckedImageLayout
            android:id="@+id/ctv_checktext"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="center_vertical"
            android:background="@drawable/eye_pwd_bg_selector"
            android:src="@drawable/share_pwdcheck_selector" />

eye_pwd_bg_selector为背景：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    
    <!-- 选择时的图片 -->
    <item android:drawable="@drawable/eye_bg2" android:state_pressed="true"/>
    <item android:drawable="@drawable/eye_bg2" android:state_selected="true"/>

    <!-- 默认时的图片 --> 
    <item android:drawable="@drawable/eye_bg1"/>

</selector>

share_pwdcheck_selector

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    
    <!-- 选择时的图片 -->
    <item android:drawable="@drawable/eye_bg2" android:state_pressed="true"/>
    <item android:drawable="@drawable/eye_bg2" android:state_selected="true"/>

    <!-- 默认时的图片 --> 
    <item android:drawable="@drawable/eye_bg1"/>

</selector>