Android开发之图案解锁（1）

一）大致的实现图

屏幕解锁.png

二）设置背景图片，填充宽度和高度，与父本容器相同，并添加背景图。

添加背景图.png

三）获取容器和背景视图设置视图的尺寸和 x y 坐标

图案解锁2.png

float scale = getResources().getDisplayMetrics().density;这段代码是根据手机的分辨率从 dp 的单位 转成为 px（像素）。为什么会用到这个？因为在后面添加荧光色的dot 和 线段的时候会用到找 X ，Y 的坐标。

四）创建横线三行二列

图案解锁3.png

1.创建一个视图 由xml的drawable资源中获得横线图片，获得图片后，图片大小同原图大小相同 （通过 new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT）设置）
设置X Y 坐标
params.leftMargin = (int)(x + 36scale) + (int)(104scale*i);（X Y 的坐标是起始点的位置）
创建竖线，斜线是同样的道理，只需要将X Y 的坐标改变一下就行了

图案解锁4.png

图案解锁5.png

图案解锁6.png

五）创建 9 个点
使用for循环创建视图的显示点，显示图片，创建控件尺寸，设置坐标，将子控件添加到容器（父本控件）中

屏幕解锁.png

最后的整体效果如图所示：

Screenshot_20190826_215313.jpg