[发明专利]一种原型设计工具的页面滚动交互的方法

说明书

本发明公开了一种原型设计工具的页面滚动交互的方法，包括设计界面和演示界面，包括：根据用户指令增加所述设计界面的绘制区域的高度，并在所述设计界面中创建一个滚动容器，控制位于所述滚动容器中的设计元素在所述演示界面中进行滚动。本发明的有益效果是：不仅可以使得用户在设计界面中就能观察到整个导入的所述设计元素，并且会自动设置所述滚动容器，而且通过所述滚动容器，可以选择需要在所述演示界面中滚动演示的内容，使得用户能够直观地选择需要滚动演示的内容。

技术领域

本发明涉及计算机应用领域，具体的说，是一种原型设计工具的页面滚动交互的方法。

背景技术

在软件原型的设计中，许多页面的设计高度都超过了演示设备的高度，所以页面会产生需要滚动才能显示的区域。而且在页面的一些区域，例如页面顶部系统的状态栏、标题栏、页面底部的导航栏等，一般都是需要固定不动的。

然而，在传统原型设计软件中，如果直接在设计界面中设计，整个页面都将滚动，包括底部和顶部；如果要将顶部与底部固定，那么需要将手动将页面裁剪开，然后将中间需要滚动的部分放置在一个容器中，固定的部分放置在容器之外。但是因为容器的高度一般是小于设备高度的，内部页面却高于设备高度，这样就会导致每次需要编辑滚动部分设计元素时，都需要进入到容器内部才能见到编辑的设计元素。

发明内容

本发明实施例提供一种原型设计工具的页面滚动交互的方法，主要旨在解决现有技术中对页面进行滚动处理需要将手动将页面裁剪开，然后将中间需要滚动的部分放置在一个容器中，固定的部分放置在容器之外，导致软件原型开发效率低的技术问题。

本发明解决上述技术问题的技术方案如下：

一种原型设计工具的页面滚动交互的方法，包括设计界面和演示界面，包括：

根据用户指令增加所述设计界面的绘制区域的高度，并在所述设计界面中创建一个滚动容器；

控制位于所述滚动容器中的设计元素在所述演示界面中进行滚动。

本发明的有益效果是：当用户向所述设计界面中导入超出所述设计界面的绘制区域的设计元素时，则根据用户指令增加所述设计界面的绘制区域的高度，并在所述设计界面中创建一个滚动容器。通过增加所述设计界面的高度，不仅可以使得用户在设计界面中就能观察到整个导入的所述设计元素，并且会自动设置所述滚动容器，而且通过所述滚动容器，可以选择需要在所述演示界面中滚动演示的内容，使得用户能够直观地选择需要滚动演示的内容。

在上述技术方案的基础上，本发明还可以做如下改进。

进一步地，所述滚动容器包括上边界线以及下边界线，

所述控制位于所述滚动容器中的设计元素在所述演示界面中进行滚动处理，包括：

若所述设计元素全部位于所述滚动容器内，则所述滚动容器内的设计元素在所述演示界面中直接进行滚动；

或，

若所述设计元素部分位于所述滚动容器内，则所述上边界线和/或所述下边界线对所述设计元素进行裁切，以使位于所述滚动容器内的设计元素在所述演示界面中进行滚动。

采用上述进一步方案的有益效果是：当所述设计元素跨越所述滚动容器时，所述滚动容器从边界线处将所述设计元素进行切割，使得所述设计元素位于所述滚动容器内的部分可以在所述演示界面中滚动展示，位于所述滚动容器外的部分可以在所述演示界面中固定展示，使得用户可以在所述设计界面中就可以完成页面滚动区域的设计，不需要手动将所述设计元素裁切为滚动部分和固定部分，极大地提高了设计效率。

进一步地，所述方法包括：

根据用户指令调整所述上边界线和/或所述下边界线，以调整所述滚动容器的大小。