用Scratch制作密码输入组件的方法＋源码

在同学们学了基本的代码块，开始搭建越来越复杂的程序时，会发现使用的代码块数量急剧增加，逻辑也越来越难以把控。

这时就要求我们，不仅要能实现一个功能，更要尽可能地将这一功能写成一个组件，方便自己或他人重复使用。

比如我们经常会重复使用的密码输入功能，在设置密码或者使用密码登录、验证时，都需要用到。

今天我们就以纯数字密码输入的这一常见且简单的功能为例，说一说Scratch组件的编程方法。

Scratch密码输入组件

这篇推送将分为这样三个部分：

一、按普通的方法流程，实现密码输入的基本功能。

二、修改代码，将密码输入功能组件化。

三、总结要点。

---

第一次做某件事只管去做；第二次做类似的事会产生反感，但无论如何还是做了；第三次再做类似的事，你就应该重构了。

一、基本功能

密码输入的基本功能，就是输入6个数字后，点击确定后，就可以修改重置密码，或者验证输入的密码是否与存储的密码一致，以进一步授权。

舞台的下半部是按钮区域，上方是显示区域。

在整个程序中，用到的角色如下：

我们先把功能要点缕一下。

（1）首先是每按下一个数字，这个数字会马上闪一下，并且在上方的显示区域也会从左起显示这个数字，快速闪现一下后切换成＊号。

（2）按下第二个数字、第三个数字……最终的＊号会在上方显示区域会陆续排成一排。

（3）在这个过程中，如果发现输入有误，可以限时点击“回退”按钮，删除前一个数字。

（4）密码输入完成后，点击“确定”按钮，可以重置或验证密码（由当前的“模式”而定，模式分为“设置”和“验证”两种）。

这些功能该怎么实现呢？

1.1 按下数字显示在上方

这个功能相对简单，只需要使用鼠标点击＋克隆就可以了。在显示区域显示的是，是当前数字的克隆体。

（以下内容请关注“与非学堂”公众号后查看）