Construct3中的UI改进

作者：Ashley|20日，2017年3月   翻译：Stone Fan

我们已经介绍过了许多新的用户界面（UI）功能，例如新的编辑器和新的图像和动画编辑器 。 然而，Construct 3中还有一些细小的改进，旨在使编辑器使用起来更容易、更有趣。 将许多这些细小的改进集合在一起可以从整体上改善体验。 其中一些改进还为未来进一步扩展留下了可能性。 所以下面讲一讲我们在UI上所做的改进。

布局视图改进

布局视图现在朝鼠标方向放大，而不是朝中心放大。 它现在可以缩小到1％ ，这对于非常大的布局很有用。 使用鼠标滚轮进行滚动或朝边缘进行拖动，现在比在Construct2中更平滑。

旋转对象的操作已更改。 Construct2采用一个小的旋转手柄，可以轻松使用。 在Construct3中，您可以通过在八个调整大小的点之外拖动鼠标来旋转对象。

容器改进

我们想让容器成为创建复合对象更有效的方式。 这意味你可以将许多小对象组合起来，以制作一个更大的对象，但仍然作为一个单一的对象进行使用。 下面是实现该功能的一些步骤。

在容器中选择实例时，容器中的其他实例将以黄色高亮显示。

容器现在也有一个新的选择模式 。

正常模式就像在Construct2中一样：您可以继续单独选择实例，就像它们仍然是单独的对象一样。 （高亮表示已应用，但不会改变它的运行。）

所有模式表示容器中的所有实例会被一起选择。 这使得容器在布局视图中更像是单个对象，使得它能够快速拖动所有相关的对象。 下图展示当选择容器中的任一对象时，容器中的两个实例都被选中时所发生的情况。

封装和All很像，但它也会封装选择。 这意味着对象会像是同一个对象那样被操作：它们作为一个整体进行移动，旋转和缩放。

布局视图中加入这些容器，使用复合对象会更容易。 我们有更多的想法可以在这个方向更进一步，所以在这一方面的额外功能应该在未来退出。

属性栏改进

我们对“属性栏”进行了一些改进，使它更容易和用户进行交互。 首先，你可以平滑地向上或向下拖动值来改变它们。 这适用于任何类型的数字属性！

这也适用于实时预览 ，允许实时反馈。

您还可以在上面的剪辑中看到对象大小可以编辑为百分比 。 这对于获取瓦片背景对象中图块的准确数量非常有用。

我们还对您可以使用的各种属性进行了一些改进。 现在有一个更易使用的一键下拉列表和复选框属性和新的调节控件 。 这些改进和精灵的动画属性进行了结合，现在动画属性中包含了动画的下拉列表和动画帧调节器 。

您可以键入类似1708/2的计算式将数字进行减半，让您免于使用计算器。

可能出现的长文本属性（如项目描述）现在具有一个在对话框中编辑的按钮 。 这对于Text对象的初始文本编辑特别有用。 （您也可以双击文本对象来呼出初始文本编辑对话框。）

最后，属性现在会在不可用时被禁用 ，使您更清楚地识别哪些可以进行编辑。 例如，如果使图层透明，则图层背景颜色将被禁用，这有助于识别背景颜色在透明时不可使用。 在整个编辑器中应用这一特性可让编辑器减少混乱，更容易为初学者使用。

项目栏改进

现在你可以在项目栏中多选！ 这使得您可以更快地重新排列项目。

音频文件通常有多种格式，以确保跨浏览器的兼容性。 为了在项目栏中更容易管理， 文件由单个项目表示 ，其中不同的格式变体作为子项目。 这使得列表可以更简洁，但仍然允许访问每种类型的文件。

另外还有一个新的内置音频播放器 ，以帮助您快速预览您的声音和音乐...

... 视频播放器 ...

...和SVG图像预览器 。 SVG目前还无法在游戏中使用，但我们希望在未来扩展这一功能，它是一种用来查看您可能因为其他目的进行捆绑的任意SVG内容，如文档或Web内容。

我们之前还介绍了网络字体预览 ， 数据和文本编辑器 ，这两个都可以用来查看和编辑项目栏中的内容。

作为最后一个彩蛋，您现在还可以通过在项目栏中输入内容进行搜索。 例如，如果您选中项目栏并开始键入“Player”，它将在项目栏中找到匹配的项并选择它。 这提供了一个快速和直观的方式来从大项目中找到任何类型的项目。 我们还添加了这个功能到Layers栏，以防你有很多层！

窗口化和多显示器改进

Construct2对布局视图和事件表视图选项卡具有相当有限的分屏能力。 在Construct3中，这些编辑器会和编辑器中的任何其他栏一样地灵活。 您可以在分屏视图中使用它们，就像在Construct2中一样。但是，您也可以取消停靠布局视图或事件表视图，并将其作为浮动窗口。

您甚至能以弹出窗口的形式打开编辑器，并在浏览器窗口之外使用它们 - 甚至在其它显示器上使用！这在Construct2中是不可能的。下图是布局视图在其弹出窗口中的样子。

接着您可以直接从浏览器中将其拖动到另一个显示器进行多显示器项目编辑！ 下面是我的办公室安装的双2K显示器，布局视图在右边独立显示，而事件表视图在左边。

由此可见，你可以从Web浏览器拥有比Construct2更好的多显示器支持。

总结

一些改变可能听起来像细枝末节或小打小闹。 但是我们意识到，在一天天使用Construct3的过程中，会有许多更小的改进加进来。 它们可以减少迟滞，运行更快，事半功倍 。 我们已经通过编辑器增加了许多改变和改进，来提高使用Construct 3的整体体验。这也包括我们之前介绍的事件表中的许多改进。 一些功能还可以使更多特定用户群体受益，例如改进的多显示器支持让高级用户工作起来更棒，又比如仅启用相关的属性来帮助初学者。 这些改变放在一起，加上更清晰和更直观的界面，使Construct 3整体感受更好。

我们会很快开启公开测试版，因此您可以自己尝试一切。 为期不远！