[发明专利]布局变换装置、布局变换程序以及布局变换方法

说明书

技术领域

本发明涉及布局(layout)变换装置、布局变换程序以及布局变换方法。

背景技术

已提供了用于通过拖放方式组合控制部件等组件(component)(软件组件)，无需直接进行编程而开发应用程序的应用程序开发环境。

专利文献1：日本特开平9-212350号公报

专利文献2：日本特开平9-237181号公报

专利文献3：日本特开平9-258975号公报

发明内容

应用程序的UI(用户接口)组件的布局的种类多种多样，对于应用程序开发工具的开发者来说，开发对布局的种类专门化了的设计功能是个很大的负担。另外，应用程序开发者需要熟练掌握该设计功能。另一方面，在开发工具中没有安装该设计功能的情况下，对于应用程序开发者而言，对利用该布局的代码进行编码的工夫成为更大的负担。

为了解决所述课题，在本发明的第1方式中，提供一种布局变换装置，对显示画面的布局进行变换，该显示画面配置了多个软件组件各自的显示区域，其特征在于，该布局变换装置具备：检测部，从多个所述显示区域中，检测处于预定的配置关系的多个对象显示区域；以及生成部，生成在1个合并显示区域内合并显示所述多个对象显示区域的显示内容的容器，并添加到显示画面的布局中。

另外，所述发明的概要并未列举出本发明的全部必要的特征。另外，这些特征群的部分结合也能构成本发明。

附图说明

图1示出本实施方式所涉及的系统100的一个例子。

图2A将与第1方式对应的布局变换系统200与编辑装置105、保存装置130、变换装置140、以及显示装置155一起示出。

图2B将与第2方式对应的布局变换系统205与编辑装置105、变换装置120、保存装置130、以及显示装置155一起示出。

图3A示出显示本实施方式所涉及的布局容器的一个例子即分离(split)容器311的显示画面310。

图3B示出显示本实施方式所涉及的布局容器的一个例子即门户(portal)容器321的显示画面320。

图3C示出显示本实施方式所涉及的栈容器的一个例子即可折叠(accordion)容器331的显示画面330。

图3D示出显示本实施方式所涉及的栈容器的一个例子即标签面板(tabpanel)341的显示画面340。

图3E示出显示本实施方式所涉及的栈容器的一个例子即分页(pager)351的显示画面350。

图4示出本实施方式所涉及的与门户容器对应的配置条件的一个例子。

图5A示出本实施方式所涉及的与不可缩放(resize)的分离容器对应的配置条件的一个例子。

图5B示出本实施方式所涉及的与可缩放的分离容器对应的配置条件的一个例子。

图6示出本实施方式所涉及的与分离容器对应的配置条件的一个例子。

图7示出本实施方式所涉及的与可在纵向或者横向上折叠的布局容器的一个例子即分段(section)容器对应的配置条件的一个例子。

图8示出本实施方式所涉及的与可以折叠到画面端而成为非显示状态的布局容器的一个例子即侧栏(sidebar)对应的配置条件的一个例子。

图9示出本实施方式所涉及的与在纵向上重叠组件的显示内容的可折叠容器对应的配置条件的一个例子。

图10示出本实施方式所涉及的与在横向上重叠组件的显示内容的可折叠容器对应的配置条件的一个例子。

图11示出本实施方式所涉及的与在上侧具有标签(tab)的标签面板对应的配置条件的一个例子。

图12示出本实施方式所涉及的与在左侧具有标签的标签面板对应的配置条件的一个例子。

图13示出本实施方式所涉及的检测部230、生成部240、以及输出部250的处理流程的一个例子。

图14A示出图13的步骤S1320中的列表构造的一个例子。

图14B示出图13的步骤S1330中的处理的一个例子。

图14C示出图13的步骤S1340中的处理的一个例子。

图14D示出在图13的步骤S1350中生成的栈容器用的节点的树构造的一个例子。

图15A示出图13的步骤S1360中的向横向进行分割的一个例子。

图15B示出图13的步骤S1370中的处理的一个例子。

图15C示出图13的步骤S1360中的向纵向进行分割的一个例子。

图15D示出图13的步骤S1370中的处理的一个例子。