自定义view中使用selector

末蓝、 2023-03-03 08:40 2阅读 0赞

需求如下：整体是一个自定义view，该view中有一个图片，点击后切换状态，图片跟着切换。  
很自然的想到selector中的state切换，定义一个selector文件如下：

根据state\_selected来显示不同图片。  
自定义view中主要代码：

private StateListDrawable stateListDrawable; 
    	
        public CircularProgressView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
            @SuppressLint("Recycle")
            TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.CircularProgressView);
          
            // 初始化，StateListDrawable继承自Drawable，这里可以强制转换
            stateListDrawable = (StateListDrawable) typedArray.getDrawable(R.styleable.CircularProgressView_progIcon);
    
            typedArray.recycle();
        }
    	
    	@Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
            // 根据不同的状态，选择stateListDrawable中相应的Selected Drawable
            stateListDrawable.selectDrawable(isSelected() ? 0 : 1);
            // 获取当前状态下的Drawable
            BitmapDrawable drawable = (BitmapDrawable) stateListDrawable.getCurrent();
            // 绘制到目标位置上
            canvas.drawBitmap(drawable.getBitmap(), iconX, DensityUtil.dip2px(getContext(), 20), mIconPain);
        }
    	
    	@Override
        public boolean onTouchEvent(MotionEvent event) {
            if (event.getAction() == MotionEvent.ACTION_UP) {
            	// 根据点击设置相应的状态
                if (state != 1) {
                    setSelected(true);
                    state = 1;
                } else {
                    setSelected(false);
                    state = 2;
                }
                invalidate();
            }
            return true;
        }

StateListDrawable 是在 XML 中定义的可绘制对象，它根据对象的状态(State)，使用多个不同的图像来表示同一个图形。StateListDrawable就是对应于selector标签，也是表示一个Drawable集合,StateListDrawable继承自Drawable。