自定义View为view添加选中边框

有这样一个需求，需要再itemView选中或者点击之后，给它添加一个选中效果，当然，现在开发框架那么多，尤其是tv开发框架，用MainUpView就可以实现，但是我偏要用自定义的view实现呢？很简单，一个方法几句话就可以实现。

1、效果图：





2、分析代码：

需要自定义一个View，代码是ElementView.java：

/**
* ElementView 2016-10-28
*/
public class ElementView extends ImageView {

/****** 画笔工具 ******/
private Paint mPaint;

/**
* @param context
*/
public ElementView(Context context) {
super(context);
mPaint = new Paint();

// TODO Auto-generated constructor stub
}

/**
* @param context
* @param attrs
*/
public ElementView(Context context, AttributeSet attrs) {
super(context, attrs);
mPaint = new Paint();
// TODO Auto-generated constructor stub
}

/**
* @param context
* @param attrs
* @param defStyleAttr
*/
public ElementView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
mPaint = new Paint();
// TODO Auto-generated constructor stub
}

@SuppressLint({ "DrawAllocation", "NewApi" })
@Override
protected void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
super.onDraw(canvas);
// view获取焦点后执行
if (hasFocus()) {

// 设置画笔抗锯齿
mPaint.setAntiAlias(true);
// 画笔颜色，就是边框颜色，白色不透明(可以设置其他自己喜欢的边框颜色)，0xffffffff为不透明，0x00ffffff为透明
mPaint.setColor(0xffffffff);
// 设置画笔的风格，stroke为边框模式，fill为填充内部区域模式，fill_and_stroke是填充加边框，全覆盖
mPaint.setStyle(Style.STROKE);
// 设置画笔边框的宽度
mPaint.setStrokeWidth(4f);
// 设置画笔的透明色
// mPaint.setAlpha(200);

Rect rect = new Rect();
// 获取当前view显示的区域坐标
getGlobalVisibleRect(rect);
// getLocalVisibleRect(rect);
int left = 2;
int top = 2;
int right = rect.right - rect.left - 2;
int bottom = rect.bottom - rect.top - 2;
RectF rectf = new RectF(left, top, right, bottom);

// 用画笔画一个带圆角的矩形框，3.0f为圆角的弧度
canvas.drawRoundRect(rectf, 3.0f, 3.0f, mPaint);
// canvas.drawRect(left, top, right, bottom, mPaint);
Log.e("=====onDraw=====", "left: " + left + ",top: " + top
+ ",right: " + right + ",bottom: " + bottom);
} else {
}
}
}

可以看到

hasFocus()

判断了一下，是否获取到了焦点，如果获取焦点执行画框部分代码，然后动画放大效果的代码如下：

if (hasFocus) {
//view获取焦点后执行放大动画
// 放大，视图动画
Animation animation = AnimationUtils.loadAnimation(
getActivity(), R.anim.scale);
view.startAnimation(animation);
view.bringToFront();

//这里是属性动画的透明度设置
// ObjectAnimator alpha = ObjectAnimator.ofFloat(view, "alpha",
// 1.0f, 0.6f, 1.0f).setDuration(1200);
// alpha.setRepeatMode(ValueAnimator.RESTART);
// alpha.setRepeatCount(ValueAnimator.INFINITE);
// alpha.start();

} else {

// 缩小
Animation animation = AnimationUtils.loadAnimation(
getActivity(), R.anim.smallscale);
view.startAnimation(animation);
}

ok，这样就能实现如上效果图的选中的白色框和动画了。