Decker#

实际上，这款软件建立在Decker之上，这是一款模拟麦金塔风格的软件引擎，可以轻松地创建麦金塔风格的软件，这就是Wigglypaint如此复古的原因。

它还有一个自创的脚本语言Lil，地位和JavaScript或VB，但文章篇幅限制就不展开了。

接下来我会教你做个Demo。

Deck（项目）的创建与保存#

在上面的导航栏，依次点击File->New Deck：

弹出对话框，点击Discard：

此时就能创建一个空白Deck，如果以后想要保存你的Deck，只需依次点击File->Save As：

输入你想保存的文件名，然后点击Save：

如果你想打开保存的文件，只需要File->Open，然后选择文件即可。

Card（页面）的管理#

创建Deck后，依次点击File->Cards，即可查看和添加所有的Card：

New可以新建一个Card，双击其中一个Card可以改名字和写脚本（Script...）：

使用Tool（工具）来构建页面#

点击Tool菜单，可以看到有好几种选项：

• Interact：类似于预览，可以以用户的身份与Windget（控件）交互。
• Widgets：Windget模式，用于管理和添加此Card上的Windget。
• Select：矩形框选背景。（不包括Windget）
• Lasso：不规则框选背景。
• Pencil：画笔工具，可以在背景上画画。
• Line：在背景上画线段。
• Flood：油漆桶工具。
• Box：画出空心矩形。
• Filled Box：画出实心矩形。
• Oval：空心圆。
• Filled Oval：实心圆。
• Polygon：不规则实心形状。

例如，我们要给Card设置背景纹理，请选择Flood，然后在Style->Stroke选择纹理，再点击空白的Card即可：

当然，你可以画一个爱心之类的装饰品：

创建和修改Windget#

Windget就是可以交互的控件，如果不是纯手绘的展示型页面，还是需要Windget的。

切换到Windget模式，在Windgets菜单，可以创建好多种Windget：

• Button：按钮或复选框。
• Field：文本或输入框。
• Silder：滑动条。
• Canvas：画布，可以让用户在画布上作画。
• Grid：表格。
• Contraption：自定义控件。

作为一个demo，当然要写一个Hello world啦，而显示文字需要FieldWindget，因此请点击New Field，然后拖动和双击新创建的Field：

在Text输入框里输入Hello world，取消勾选Border，然后就OK：

但现在还不够，因为这实际上是个输入框，用户也能更改文本，因此还是需要选择此框，然后Windgets->Locked：

这样就可以了，你成功创建了一个无边框且无法更改的Field。

接下来，需要创建一个按钮，用来实现Card跳转的功能，点击Windgets->New Button，双击新创建的Button：

在Text输入框里输入next，OK。

给Button添加Action（行为）#

现在已经成功创建了一个Button，但是现在点击Button并没有什么用，因此我们需要设置一个Action，用于跳转到别的Card。

注意，在设置Action之前，先File->Cards，创建一个新的Card，中间再创建一个backButton，就像这样：

然后双击按钮，点击Action...，会看到以下选项：

选择First，OK，然后回到上一个页面，同样是之前创建的按钮，在Action...里设置Next。

于是一个简单的Demo就完成了，其中的技术包括绘制背景、设置不可变文本、按钮跳转。