1.微信密码盒子之密文

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">对于上一次的效果，其实我本人很不满意，今天回头看看觉得很不舒服，趁今天有时间就来重新做一做效果，废话不多说了，先上效果图吧</span>

<pre name="code" class="java">public class PassBox extends View {

private Paint mPaint;//画笔
private int pwdLength = 6;//密码长度默认为6个
private ArrayList<Rect> mRects;//记录每一个矩形的对象信息
private int screenW, screenH;//屏幕宽高
private int boxW;//每个矩形的宽
private boolean onceLoad = false;//之所以使用这个标识，是为了使获取屏幕宽高的动作只执行一次

public PassBox(Context context) {
super(context);
init();
}

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

public PassBox(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}

void init() {
mPaint = new Paint();
mPaint.setStyle(Paint.Style.STROKE);//画笔设置空心填充方式
mPaint.setAntiAlias(true);
mRects = new ArrayList<>(pwdLength);
}

@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
if (changed && !onceLoad) {
screenW = getWidth();
screenH = getHeight();
onceLoad = true;
boxW = screenW / pwdLength;//获取每个矩形的宽度
for (int i = 0; i < pwdLength; i++) {
mRects.add(new Rect(i * boxW, 0, (1 + i) * boxW, screenH));//记录每个矩形的信息
}
}
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
for (Rect box : mRects) {
mPaint.setStyle(Paint.Style.STROKE);
canvas.drawRect(box, mPaint);
mPaint.setStyle(Paint.Style.FILL);//画笔为填充模式
canvas.drawCircle(box.centerX(), box.centerY(), dip2px(getContext(), 8), mPaint);
}
}
/**
* 根据手机的分辨率从 dp 的单位 转成为 px(像素)
*/
public static int dip2px(Context context, float dpValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
}

源码下载地址