CN107423031B - 一种编辑对象定位显示方法及装置 - Google Patents

Abstract

本申请公开了一种编辑对象定位显示方法及装置。一种编辑对象定位显示方法包括：接收用户针对编辑区的操作指令；确定编辑区当前显示内容所对应的被编辑对象；根据预存的对象位置信息，确定所述被编辑对象在当前设计界面中的所处位置；根据所确定的位置，在预览区定位显示所述被编辑对象。本申请所提供的技术方案，可以避免设计人员手动定位或无法找到被编辑对象的情况发生，从而有效提升设计人员的工作效率。

Description

一种编辑对象定位显示方法及装置

技术领域

本申请涉及计算机应用技术领域，尤其涉及一种编辑对象定位显示方法及装置。

背景技术

可视化设计是应用程序设计人员常用的一种技术手段，这里的“可视”，指的是无须编写或只需编写少量的程序代码，仅通过直观的操作方式就能完成应用程序界面的设计，以此提高设计人员的工作效率。

在可视化设计工具的操作界面上，至少要包括“编辑区”和“预览区”两个可视区域，其中“编辑区”用于为设计人员提供对设计对象的编辑操作界面，用户可以在该界面直接修改设计对象的尺寸、位置、颜色等可视化属性，“预览区”则用于响应设计人员在编辑区的操作，对编辑结果进行实时展现，以方便设计人员随时查看编辑结果。

一个完整的界面通常是由多个可视化对象构成，相应地，在可视化设计的过程中，设计人员也需要分别对各个对象进行编辑。在现有的可视化设计工具中，编辑区可以响应设计人员在预览区对某个对象的选择，进而显示该对象的编辑界面。然而在实际的应用中，出于某些需求，设计人员可能会改变预览区的当前显示内容，例如对当前设计界面进行整体缩放、或移动到界面的其他位置等等。但是，这些操作行为将会导致编辑区和预览区显示的内容不对应，为了继续进行可视化编辑，设计人员需要手动将之前编辑的对象调整显示在预览区，存在使用不便、影响工作效率的问题，而如果此时设计人员忘记了之前正在编辑哪个对象，则会对工作效率造成更严重的影响。

发明内容

针对上述技术问题，本申请提供一种编辑对象定位显示方法及装置，技术方案如下：

一种编辑对象定位显示方法，应用于可视化设计工具，该方法包括：

接收用户针对编辑区的操作指令；

确定编辑区当前显示内容所对应的被编辑对象；

根据预存的对象位置信息，确定所述被编辑对象在当前设计界面中的所处位置；

根据所确定的位置，在预览区定位显示所述被编辑对象。

一种编辑对象定位显示装置，应用于可视化设计工具，该装置包括：

触发指令接收模块，用于接收用户针对编辑区的操作指令；

对象确定模块，用于确定编辑区当前显示内容所对应的被编辑对象；

定位模块，用于根据预存的对象位置信息，确定所述被编辑对象在当前设计界面中的所处位置；

显示模块，用于根据所确定的位置，在预览区定位显示所述被编辑对象。

本申请所提供的技术方案，通过预先记录每个对象在界面中的位置信息，实现在可视化设计中，将编辑区当前的被编辑对象自动定位显示在预览区内，避免设计人员手动定位或无法找到被编辑对象的情况发生，从而有效提升设计人员的工作效率。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的附图。

图1是本申请的可视化设计工具的操作界面布局示意图；

图2a和图2b是可视化设计过程中可能发生的情形示意图；

图3是本申请的编辑对象定位显示方法的流程示意图；

图4是本申请的编辑对象定位显示效果示意图；

图5是本申请的编辑对象定位显示装置的第一种结构示意图；

图6是本申请的编辑对象定位显示装置的第二种结构示意图。

具体实施方式

为了使本领域技术人员更好地理解本申请中的技术方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行详细地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员所获得的所有其他实施例，都应当属于本申请保护的范围。

图1所示为一种常见的可视化设计工具的操作界面布局示意图，左侧预览区显示的是用户当前编辑对象的可视化效果，右侧编辑区显示的当前编辑对象对应的编辑操作界面，用户可以在该界面直接修改设计对象的尺寸、位置、颜色等可视化属性。

图2所示为可视化设计过程中可能发生的几种情形示例，假设用户选中当前设计中的对象X，编辑区对应显示对象X的编辑操作界面。如图2a所示，此时用户通过预览区提供的翻页、滚动等功能，将预览区显示的区域移动到当前设计界面的其他位置，从而导致预览区当前显示的内容与编辑区当前显示的内容不一致；图2b所示，则是在用户使用了预览区提供的缩放功能后，导致原编辑对象X迷失在整个当前设计界面中。

为解决上述在可视化设计过程中出现的编辑对象失位问题，本申请提供一种编辑对象定位显示方法，以实现将编辑区当前的被编辑对象自动定位显示在预览区内，参见图3所示，该方法可以包括以下步骤：

S101，接收用户针对编辑区的操作指令；

S102，确定编辑区当前显示内容所对应的被编辑对象；

S103，根据预存的对象位置信息，确定被编辑对象在当前设计界面中的所处位置；

S104，根据所确定的位置，在预览区定位显示被编辑对象。

用户在对界面上的某个对象进行编辑时，可能需要临时查看一下界面上的其他区域，或者对界面进行全局浏览，然后立即返回对该对象的编辑操作。在上述过程中，用户当前选定的编辑对象并未发生改变，相应地，在编辑区所显示的内容也是针对同一对象的编辑操作界面。基于上述情况，本申请在用户改变预览区的显示内容后，以用户重新对编辑区的操作行为作为触发，将用户当前编辑的对象自动定位显示到预览区中，从而在不影响用户自由查看预览区的前提下，方便用户后续的编辑操作。

根据S101，可以将多种针对编辑区的操作行为设置为触发自动定位显示的条件，举例如下：

利用“将焦点移动至编辑区界面上操作指令”作为触发。例如：用户使用鼠标、触屏等方式点击编辑界面，用户使用键盘快捷键切换至编辑界面，等等。

利用“在编辑区界面上的执行的编辑操作指令”作为触发。例如：用户在编辑区界面上选中某个属性编辑控件，或者用户完成了某个具体的编辑确认操作(例如输入数值、选中某个下拉菜单项)，等等。

此外，可以理解的是，也可以为用户提供专用的“自动定位”功能操作入口，例如按钮、下拉菜单项、键盘快捷操作等等，用户执行相应操作后，则触发后续的自动定位操作。可以理解的是，该操作入口并不需要限定在编辑区界面内，例如，可以通过可视化工具全局按钮的方式实现该操作入口。

根据S102，接收到触发指令后，进一步确定编辑区当前显示内容所对应的被编辑对象，在用户任意改变预览区显示内容的过程中，只要没有重新选中其他对象的操作，那么该“被编辑对象”则一直保持不变。

根据S103，为实现本申请方案，需要预先记录当前设计界面上每个对象在界面中所处的位置，对象的位置信息可以利用对象中心坐标、对象左上角坐标等形式进行记录，本申请并不需要进行限定。进而，在自动定位过程中，通过读取预选记录的各对象位置信息，就可以确定当前“被编辑对象”当前设计界面中所处的位置。

另外，在可视化设计过程中，用户的某些编辑行为可能会导致编辑致编辑对象在当前设计界面中的所处位置发生变化，例如对编辑对象位置的调整、对编辑对象/整体界面尺寸的调整等等，这种情况下，为保证后续的正常定位，可以根据调整后的对象所处位置，对预存的对象位置信息进行更新。

在S104，根据所确定的位置，在预览区自动定位显示被编辑对象，以避免用户手动查找所带来的麻烦。

一种较为简单的方式是，直接将预览区的显示内容跳转至当前的被编辑对象，以图2a所示的情况为例，应用本申请方案后，“预览区当前显示区域”将直接回滚至当前编辑对象“对象X”处。

除了直接跳转之外，也可以利用某些视觉效果对被编辑对象进行渲染，以在预览区标识出所述编辑对象。这里的“视觉效果”可以根据实际需求灵活设置，例如“加重显示颜色”、“添加指示文字”、“添加指示框图”等等。图4示出了一种通过改变背景颜色来区分被编辑对象的效果示意：右侧的编辑区中，显示当前被编辑对象X的编辑操作界面，左侧的预览区中，通过为被编辑对象X添加选中背景颜色，使得该对象与整体界面的其他部分区分开来，以便于用户查看。

另外，为了方便用户在自由查看预览区的同时，对某个具体对象进行编辑，在本申请的一种具体实施方式中，可以通过多预览区的方式，实现多种预览内容的显示。其中，多预览区可以通过并排显示、悬浮显示等方式实现。以图2b所示的情况为例，应用本申请方案后，主预览区仍显示图2b所示的“预览区当前显示区域”，同时创建一个新的界面作为辅预览区，该辅预览区可以以悬浮方式显示在主预览区之上，并且将当前编辑对象“对象X”显示在辅预览区中。通过这种方式，可以有效地方便用户一边查看界面整体效果，一边对某个具体对象进行编辑。如果实际设计需要，也允许创建更多数量的预览区，并且允许对每个预览区所显示的内容进行灵活定义。

以上列举了几种预览区自动定位显示被编辑对象的具体实现方式，可以理解的是，这些方式仅用于示意性说明，并不构成对本申请方案的限制。此外，为了实现更好的显示效果，在定位显示过程中，也允许加入其他附加操作，包括对显示比例、显示位置等参数进行优化调整等等，例如：将对象X在预览区的显示比例调整为100％，显示位置调整至位于预览区中心，本领域技术人员可以根据实际需求进行实施，本申请并不需要对此进行限制。

相应于上述方法实施例，本申请还提供一种编辑对象定位显示装置，参见图5所示，该装置可以包括：

触发指令接收模块110，用于接收用户针对编辑区的操作指令；

对象确定模块120，用于确定编辑区当前显示内容所对应的被编辑对象；

定位模块130，用于根据预存的对象位置信息，确定被编辑对象在当前设计界面中的所处位置；

显示模块140，用于根据所确定的位置，在预览区定位显示被编辑对象。

在本申请的一种具体实施方式中，针对编辑区的操作指令可以包括：

将焦点移动至编辑区界面上操作指令、或

在编辑区界面上的执行的编辑操作指令、或

针对编辑区的定位显示操作指令。

在本申请的一种具体实施方式中，显示模块140可以具体用于：

将预览区的显示内容跳转至被编辑对象。

在本申请的一种具体实施方式中，显示模块140可以具体用于：

利用预设的视觉效果对被编辑对象进行渲染，以在预览区标识出编辑对象。

在本申请的一种具体实施方式中，显示模块140可以具体用于：

在存在两个以上预览区的情况下，在至少一个预览区内定位显示被编辑对象。

参见图6所示，在本申请的一种具体实施方式中，编辑对象定位显示装置还可以包括：

位置信息更新模块150，用于在用户编辑操作导致编辑对象在当前设计界面中的所处位置发生变化的情况下，对预存的对象位置信息进行更新。

通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，在实施本申请方案时可以把各模块的功能在同一个或多个软件和/或硬件中实现。也可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

以上所述仅是本申请的具体实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本申请原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本申请的保护范围。

Claims (12)

1.一种编辑对象定位显示方法，应用于可视化设计工具，其特征在于，该方法包括：

接收用户针对编辑区的操作指令；

确定编辑区当前显示内容所对应的被编辑对象；所述编辑区当前显示内容为针对所述被编辑对象的编辑操作界面；

根据预存的当前设计界面上每个对象在该界面中的坐标信息，确定所述被编辑对象在当前设计界面中的所处位置坐标；

根据所确定的位置坐标，在预览区定位显示所述被编辑对象。

2.根据权利要求1所述的方法，其特征在于，所述针对编辑区的操作指令，包括：

将焦点移动至编辑区界面上操作指令、或

在编辑区界面上的执行的编辑操作指令、或

针对所述编辑区的定位显示操作指令。

3.根据权利要求1所述的方法，其特征在于，所述在预览区定位显示所述被编辑对象，包括：

将预览区的显示内容跳转至所述被编辑对象。

4.根据权利要求1所述的方法，其特征在于，所述在预览区定位显示所述被编辑对象，包括：

利用预设的视觉效果对所述被编辑对象进行渲染，以在预览区标识出所述被编辑对象。

5.根据权利要求1所述的方法，其特征在于，所述在预览区定位显示所述被编辑对象，包括：

在存在两个以上预览区的情况下，在至少一个预览区内定位显示所述被编辑对象。

6.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在用户编辑操作导致编辑对象在当前设计界面中的所处位置发生变化的情况下，对所述预存的当前设计界面上每个对象在该界面中的坐标信息进行更新。

7.一种编辑对象定位显示装置，应用于可视化设计工具，其特征在于，该装置包括：

触发指令接收模块，用于接收用户针对编辑区的操作指令；

对象确定模块，用于确定编辑区当前显示内容所对应的被编辑对象；所述编辑区当前显示内容为针对所述被编辑对象的编辑操作界面；

定位模块，用于根据预存的当前设计界面上每个对象在该界面中的坐标信息，确定所述被编辑对象在当前设计界面中的所处位置坐标；

显示模块，用于根据所确定的位置坐标，在预览区定位显示所述被编辑对象。

8.根据权利要求7所述的装置，其特征在于，所述针对编辑区的操作指令，包括：

将焦点移动至编辑区界面上操作指令、或

在编辑区界面上的执行的编辑操作指令、或

针对所述编辑区的定位显示操作指令。

9.根据权利要求7所述的装置，其特征在于，所述显示模块，具体用于：

将预览区的显示内容跳转至所述被编辑对象。

10.根据权利要求7所述的装置，其特征在于，所述显示模块，具体用于：

利用预设的视觉效果对所述被编辑对象进行渲染，以在预览区标识出所述被编辑对象。

11.根据权利要求7所述的装置，其特征在于，所述显示模块，具体用于：

在存在两个以上预览区的情况下，在至少一个预览区内定位显示所述被编辑对象。

12.根据权利要求7所述的装置，其特征在于，所述装置还包括：

位置信息更新模块，用于在用户编辑操作导致编辑对象在当前设计界面中的所处位置发生变化的情况下，对所述预存的当前设计界面上每个对象在该界面中的坐标信息进行更新。

Images