天才程序员教你写一个手势就能解锁的控件！是不是非常神奇！

发布时间：2020-12-17 01:19:25 所属栏目：Python 来源：网络整理

导读：h1 style="margin-top:40px;margin-bottom:26px;padding:0px;border:0px;font-size:34px;line-height:34px;font-family:Arial;vertical-align:baseline;color:rgb(89,89,89);background-color:rgb(255,255,255);" div style="margin:0px;padding:0px;border:

<h1 style="margin-top:36px;margin-bottom:22px;padding:0px 0px 0px 14px;border:0px;font-size:18px;line-height:20px;font-family:arial;vertical-align:baseline;background:url("/static/style/image/details_headline.png") no-repeat;color:rgb(71,81,87);">效果分析：<p style="margin-top:1em;margin-bottom:0px;border:0px;font-style:inherit;font-variant:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;vertical-align:baseline;">仔细分析效果图发现，锁屏控件需要绘制的有三个部分，分别是：

<p style="margin-top:1em;margin-bottom:0px;border:0px;font-style:inherit;font-variant:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;vertical-align:baseline;">1.图案点，图案点有四种状态，分别是默认、选中、正确和错误

<p style="margin-top:1em;margin-bottom:0px;border:0px;font-style:inherit;font-variant:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;vertical-align:baseline;">连线会根据1中点的状态改变发生颜色上的变化

<p style="margin-top:1em;margin-bottom:0px;border:0px;font-style:inherit;font-variant:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;vertical-align:baseline;">3.悬空线段

<p style="margin-top:1em;margin-bottom:0px;border:0px;font-style:inherit;font-variant:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;vertical-align:baseline;">View的状态通过暴露一个方法给LockScreenViewGroup来进行设置。

<p style="margin-top:1em;margin-bottom:0px;border:0px;font-style:inherit;font-variant:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;vertical-align:baseline;">这里在选中时用属性动画做了一个放大效果，在下次恢复正常的时候要将大小恢复回去

<p style="margin-top:1em;margin-bottom:0px;border:0px;font-style:inherit;font-variant:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;vertical-align:baseline;">（3）在Up状态时，根据答案的正确与否，对LockScreenView设置不同的状态，并且对悬空线段起始点进行重置

<p style="margin-top:1em;margin-bottom:0px;border:0px;font-style:inherit;font-variant:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;vertical-align:baseline;">在onTouchEvent方法最后会调用invalidate方法对视图进行重绘，这时会调用dispatchDraw方法进行子View的绘制。

<p style="margin-top:1em;margin-bottom:0px;border:0px;font-style:inherit;font-variant:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;vertical-align:baseline;">在dispatchDraw方法中进行图像点间的线段路径以及悬空线段的绘制：

<p style="margin-top:1em;margin-bottom:0px;border:0px;font-style:inherit;font-variant:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;vertical-align:baseline;">最后附上源代码，文章来源：烧饼正努力

<p style="margin-top:1em;margin-bottom:0px;border:0px;font-style:inherit;font-variant:inherit;font-weight:inherit;line-height:inherit;font-family:inherit;vertical-align:baseline;">欢迎大家关注我的博客：https://home.cnblogs.com/u/sm123456/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!