CN111368234A - 窗口调整方法、设备及存储介质 - Google Patents

Abstract

本申请实施例提供一种窗口调整方法、设备及存储介质。在本申请的实施例中，根据窗口的位置调整操作，展示用于窗口调整的导航栏，通过对导航栏中的导航标签的选择，确定窗口要移动到界面上的一个准确的目标位置，当窗口移动后的位置确定后，再根据位置调整确认操作，将窗口调整至该目标位置，从而能够更加准确且快速地移动窗口到固定位置，明确窗口从当前位置到目标位置的移动过程，实现窗口之间的灵活调整，同时减少由于用户误操作导致将窗口移动至非目标位置的问题。

Description

窗口调整方法、设备及存储介质

技术领域

本申请涉及计算机技术领域，尤其涉及一种窗口调整方法、设备及存储介质。

背景技术

随着计算机的发展，越来越多的用户可以通过设置在计算机上的程序来实现众多功能，如，线上购物、线上娱乐、线上程序管理、线上视频制作等。然而，为了根据用户的需求来完成各种功能，需要建立用户与程序之间的信息交互可视界面，即窗口，用户操作窗口中的对象，程序会根据用户的操作指令，作出反馈并在窗口中展示反馈信息。为了更便于用户操作，程序还可以提供多个窗口供用户操作，但多个窗口的布局可能会不够合理，反而不利于用户的查找和操作。

发明内容

本申请的多个方面提供一种窗口调整方法、设备及存储介质，用以较为快速且准确地移动界面上的窗口。

本申请实施例提供一种窗口调整方法，包括：响应于针对界面中第一窗口的位置调整操作，展示用于窗口调整的导航栏，所述导航栏包括可表示所述界面中窗口布局的多个导航标签；响应于导航标签的选择操作，根据被选择的导航标签确定所述第一窗口移动到界面上的目标位置；响应于位置调整确认操作，将所述第一窗口调整至所述目标位置处。

本申请实施例还提供一种设备，包括存储器以及处理器；所述存储器，用于存储计算机程序；所述处理器，用于执行所述计算机程序，以用于：响应于针对界面中第一窗口的位置调整操作，展示用于窗口调整的导航栏，所述导航栏包括可表示所述界面中窗口布局的多个导航标签；响应于导航标签的选择操作，根据被选择的导航标签确定所述第一窗口移动到界面上的目标位置；响应于位置调整确认操作，将所述第一窗口调整至所述目标位置处。

本申请实施例还提供一种存储有计算机程序的计算机可读存储介质，计算机程序被一个或多个处理器执行时，致使所述一个或多个处理器实现上述方法中的步骤。

本申请实施例还提供一种窗口调整方法，包括：响应于针对界面中第一窗口的移动操作，将所述第一窗口移动至所述界面中的第二窗口，在所述第二窗口内展示用于窗口调整的导航栏；所述导航栏包括可表示所述界面中窗口布局的多个导航标签；在移动所述第一窗口的过程中，所述第一窗口的原始窗口在所述界面中的位置保持不变。

本申请实施例还提供一种设备，包括存储器以及处理器；所述存储器，用于存储计算机程序；所述处理器，用于执行所述计算机程序，以用于：响应于针对界面中第一窗口的移动操作，将所述第一窗口移动至所述界面中的第二窗口，在所述第二窗口内展示用于窗口调整的导航栏；所述导航栏包括可表示所述界面中窗口布局的多个导航标签；在移动所述第一窗口的过程中，所述第一窗口的原始窗口在所述界面中的位置保持不变。

本申请实施例还提供一种存储有计算机程序的计算机可读存储介质，计算机程序被一个或多个处理器执行时，致使所述一个或多个处理器实现权利要求上述方法中的步骤。

在本申请的实施例中，根据窗口的位置调整操作，展示用于窗口调整的导航栏，通过对导航栏中的导航标签的选择，确定窗口要移动到界面上的一个准确的目标位置，当窗口移动后的位置确定后，再根据位置调整确认操作，将窗口调整至该目标位置，从而能够更加准确且快速地移动窗口到固定位置，明确窗口从当前位置到目标位置的移动过程，实现窗口之间的灵活调整，同时减少由于用户误操作导致将窗口移动至非目标位置的问题。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1为本申请一示例性实施例的窗口调整方法的流程示意图；

图2为本申请另一示例性实施例的展示导航栏的流程示意图；

图3为本申请另一示例性实施例提供的初始窗口布局的界面图；

图4为本申请又一示例性实施例提供的选中窗口的标签的界面图；

图5为本申请又一示例性实施例提供的移动窗口的标签的界面图；

图6A为本申请又一示例性实施例提供的展示导航栏的界面图；

图6B为本申请又一示例性实施例提供的窗口内的目标位置排布方式图；

图6C为本申请又一示例性实施例提供的窗口的四周的目标位置排布方式图；

图7为本申请又一示例性实施例提供的选择导航标签的界面图；

图8为本申请又一示例性实施例提供的展示预览区域的界面图；

图9为本申请又一示例性实施例提供的窗口调整后的界面图；

图10为本申请又一示例性实施例提供的窗口调整装置的结构示意图；

图11为本申请又一示例性实施例提供的终端设备的结构示意图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

用户在操作界面中通过对窗口拖拽来移动窗口，从而将窗口移动到操作界面中的目标位置，然而在窗口移动的过程中，极易误触发操作界面上的其他元素，导致页面的布局变化，导致页面整体布局具有跳跃性，同时不能准确、快速地将窗口移动到目标位置。

在本申请的实施例中，在本申请的实施例中，根据窗口的位置调整操作，展示用于窗口调整的导航栏，通过对导航栏中的导航标签的选择，确定窗口要移动到界面上的一个准确的目标位置，当窗口移动后的位置确定后，再根据位置调整确认操作，将窗口调整至该目标位置，从而能够更加准确且快速地移动窗口到固定位置，明确窗口从当前位置到目标位置的移动过程，实现窗口之间的灵活调整，同时减少由于用户误操作导致将窗口移动至非目标位置的问题。

以下结合附图，详细说明本申请各实施例提供的技术方案。

图1为本申请一示例性实施例提供的一种窗口调整方法的流程示意图。本申请实施例提供的该方法100可以由终端设备执行，该方法100包括以下步骤：

101：响应于针对界面中第一窗口的位置调整操作，展示用于窗口调整的导航栏，导航栏包括可表示界面中窗口布局的多个导航标签。

102：响应于导航标签的选择操作，根据被选择的导航标签确定第一窗口移动到界面上的目标位置。

103：响应于位置调整确认操作，将第一窗口调整至目标位置处。

需要说明的是，终端设备可以是任何具有一定计算能力的设备，例如，可以是笔记本电脑、台式电脑等。终端设备的基本结构包括：至少一个处理器。处理器的数量取决于终端设备的配置和类型。终端设备也可以包括存储器，该存储器可以为易失性的，例如RAM，也可以为非易失性的，例如只读存储器(Read-Only Memory，ROM)、闪存等，或者也可以同时包括两种类型。存储器内通常存储有操作系统(Operating System，OS)、一个或多个应用程序，也可以存储有程序数据等。除了处理单元和存储器之外，终端设备还包括一些基本配置，例如网卡芯片、IO总线、音视频组件、显示组件、外围设备等，其中，外围设备可以包括例如键盘、鼠标、输入笔等。其它外围设备在本领域中是众所周知的，在此不做赘述。

以下对上述步骤进行详细地阐述：

101：响应于针对界面中第一窗口的位置调整操作，展示用于窗口调整的导航栏。

其中，导航栏是指可以在任一窗口中进行展示的界面元素，该界面元素用于触发确定待调整窗口需要移动到的目标位置的动作，可选地，该界面元素还用于触发在操作界面中展示待调整窗口需要移动到的目标位置对应的预览区域。除了导航栏外，还可以是导航面板，导航操作栏以及导航窗口等等其他界面元素。

可选地，导航栏包括可表示界面中窗口布局的多个导航标签，其中，导航标签是导航栏中的子元素，用于触发确定待调整窗口需要移动到的目标位置，并可选地，还可以用于触发在操作界面中展示待调整窗口需要移动到的目标位置对应的预览区域，每个导航标签对应一个目标位置以及一个预览区域。

第一窗口是指用户想要移动或调整的目标窗口，也可以称为待调整窗口，该待调整窗口包括窗口内容以及标签本体，由于窗口的标签中既包含标签本体以及窗口内容，所以待调整窗口也可以视为是待调整窗口的标签。

可选地，如图2所示，响应于针对界面中第一窗口的位置调整操作，展示用于窗口调整的导航栏，包括：

201：响应于标签的选中操作，确定所第一窗口的标签。

202：响应于对第一窗口的标签本体的移动操作，将标签本体移动至界面中的第二窗口，在第二窗口内展示导航栏。

其中，窗口的标签是指用于标记当前窗口的图像元素，例如，Tab(tabulator key)标签，窗口的标签可以包含标签本体以及窗口内容，即标签与窗口内容对应，在响应于该标签的触发操作，可以展示该窗口的内容；响应于该标签本体的移动操作，可以将该标签本体作为其对应的窗口进行移动。

需要说明的是，拖动或移动窗口的标签时，可以对窗口的标签进行整体拖动或移动，也可以仅对窗口的标签本体移动或拖动，从而完成移动过程。

然而，为了保持在移动过程中，界面中的窗口布局的稳定性，减少布局的跳跃性，无论是对标签进行整体还是标签本体进行拖动或移动，都需要在移动的过程中创建对应的元素来替代原始标签整体或原始标签本体进行移动，从而明确当前移动的对象，而原始标签整体或原始标签本体则不会变化，使得用户具有良好的使用体验，为了在移动过程中更加简单清晰地明确移动对象，可以仅对窗口的标签本体进行移动或拖动时，此时，在移动过程中创建标签本体对应的标签元素来替代原始标签进行移动。

可选地，201：响应于标签的选中操作，确定所第一窗口的标签，包括：终端设备响应于选中操作，触发与选中操作对应的选中事件，根据该选中事件确定当前选中位置，根据该选中位置确定选中对象。

可选地，202：响应于对第一窗口的标签本体的移动操作，将标签本体移动至界面中的第二窗口，在第二窗口内展示导航栏，包括：终端设备响应于移动操作，触发与移动操作对应的移动事件，在第一窗口中创建该标签本体的替代标签本体元素，根据该移动事件确定移动轨迹，将替代标签本体元素根据移动轨迹进行移动，并至第二窗口，根据该移动轨迹的末端轨迹确定目标位置对应的目标窗口的标签本体，根据该目标窗口的标签本体确定其对应的导航栏，并在该目标窗口中展示该导航栏。

例如，根据前文所述，用户通过鼠标在XX应用程序的操作界面中进行窗口调整操作，图3示出了该操作界面300的原始界面窗口布局，在该操作界面300中布局有多个窗口，每个窗口都具有自己的标签，如，窗口1的标签301。用户通过对鼠标的操作选中窗口1的标签301，图4示出了鼠标选中标签301的操作界面400，终端设备响应于该选中操作，触发鼠标选中事件，从该鼠标选中事件中确定当前鼠标在操作界面中的坐标位置，将该坐标位置与操作界面中的每个元素以及窗口的坐标进行匹配，确定出该鼠标选中的对象，如，窗口1的标签301。用户在通过鼠标选中窗口1的标签后，移动该标签本体，终端设备响应该移动操作，触发该移动操作对应的鼠标移动事件，在第一窗口父元素下，创建用于替代窗口1的标签本体的替代标签本体元素，同时，根据该鼠标移动事件追踪或确定该鼠标移动坐标，并根据移动坐标形成移动轨迹，根据该移动轨迹，移动该替代标签本体元素至目标窗口，图5示出了标签移动的界面500，其中，替代标签本体元素501随着鼠标进行移动至窗口4处，根据当前移动轨迹最终的坐标确定该坐标所属的元素或窗口为标签为窗口4的窗口，则确定该窗口4的标签对应的导航面板，将导航面板对应的元素设置到该窗口4父元素中的预置位置处，以在该窗口4中的展示该导航面板。其中，该预置位置可以随意设置。

需要说明的是，操作界面可以设置有对应的XOY坐标，操作界面中的每个元素、窗口都有自己的坐标。

在一些实例中，该方法100还包括：响应于标签的选中操作，将第一窗口的标签本体高亮。

其中，标签本体点亮是指通过颜色对标签本体进行标识，如，将窗口1的标签本体通过红色填充并显示填充了红色的标签本体，从而将该标签本体与操作界面中的其他窗口的标签本体进行区分，从而明确当前选中标签本体并移动对应的窗口。

可选地，在第二窗口展示导航栏，包括：响应于对第二窗口的展示触发操作，在第二窗口展示导航栏。

其中，第二窗口是指待调整窗口的标签本体要移动到的目标窗口。

可选地，响应于对第二窗口的展示触发操作，在第二窗口展示导航栏，包括：响应于展示触发操作，确定第二窗口的标签；确定与第二窗口的标签对应的导航栏，并在第二窗口内展示导航栏。

可选地，响应于展示触发操作，确定第二窗口的标签；确定与第二窗口的标签对应的导航栏，并在第二窗口内展示导航栏可以为：终端设备响应于该展示触发操作，触发展示触发操作对应的展示触发事件，根据该展示触发事件，确定展示触发位置对应的目标窗口的标签，根据该目标窗口的标签确定其对应的导航栏，并在该目标窗口中展示该导航栏。

可选地，该展示触发操作可以包括悬停操作等。该展示触发事件可以包括悬停事件。

例如，根据前文所述，用户将窗口1的标签本体移动到窗口4后，如图5所示，用户将鼠标悬停在窗口4中，当悬停时间超过预置时间，如0.5s，终端设备响应该悬停操作，则触发悬停操作对应的悬停事件，根据悬停事件确定鼠标当前悬停位置，确定该悬停位置所属的界面上的元素或窗口，如属于窗口4内，则确定该窗口4对应的导航面板，将导航面板对应的元素设置到该窗口4父元素中的预置位置处，以在该窗口4中的展示该导航面板。其中，该预置位置可以随意设置。图6A示出了根据悬停操作展示导航面板的界面600A，其中，导航面板601展示在窗口中。

需要说明的是，用户可以从选中操作开始到展示出导航栏过程内，不放开鼠标，一直持续鼠标在移动的标签上。

可选地，该导航标签的排布方式可以与设置在其对应窗口内的目标位置排布方式对应，例如，与窗口的本体、顶部、下部、左侧以及右侧的目标位置的排布方式对应，一个导航标签对应一个目标位置，导航标签也按照本体、上、下、左、右的排布方式排布，如图6A所示，导航面板601中具有5个导航标签602，导航面板601中间的导航标签602对应窗口4本体的目标位置、导航面板601上部的导航标签602对应窗口4上部的目标位置、导航面板601下部的导航标签602对应窗口4下部的目标位置、导航面板601左侧的导航标签602对应窗口4左侧的目标位置、导航面板601右侧的导航标签602对应窗口4右侧的目标位置，其中图6B示出了窗口内的目标位置排布方式，其中一条虚线与窗口边界形成窗口的顶部、下部、左侧以及右侧的目标位置，窗口本体形成窗口本体的目标位置。

需要说明的是，还可以根据界面的窗口布局方式确定导航标签的排布方式：除了与设置在其对应窗口内的目标位置排布方式对应外，还可以与设置在其对应窗口的四周的目标位置排布方式对应，其中，对应窗口的四周的目标位置是根据对应窗口的四周窗口排布设置的，例如，图6C示出了窗口的四周的目标位置排布方式，窗口4上方设置有窗口2、左侧设置有窗口1和窗口11、右侧设置有窗口3、下部设置有窗口5，如虚线所示，可以在窗口2和窗口4的左侧设置一个目标位置，在窗口4和窗口1的底部设置一个目标位置，在窗口2和窗口4的右侧设置一个目标位置，还可以在操作界面的顶部设置一个目标位置等。应理解，该目标位置是一条虚线与窗口边界或界面边界形成的位置。根据该目标位置，在图6A中的导航面板601的基础上继续设置导航标签602，如，将图6C中的操作界面顶部的目标位置对应的新导航标签设置在导航面板601上部的导航标签602上，将图6C中的窗口2和窗口4的左侧设置的目标位置对应的新导航标签设置在导航面板601左侧的导航标签602的左侧，将图6C中的窗口2和窗口4的右侧设置的目标位置对应的新导航标签设置在导航面板601右侧的导航标签602的右侧等。

102：响应于导航标签的选择操作，根据被选择的导航标签确定第一窗口移动到界面上的目标位置。

可选地，102：响应于导航标签的选择操作，根据被选择的导航标签确定第一窗口移动到界面上的目标位置的方式可以为：终端设备响应于选择操作，触发该选择操作对应的选择事件，根据选择事件确定选择位置，确定该选择位置所属的元素或窗口为导航面板中的右侧的导航标签，根据该导航标签确定对应的目标位置，将待调整窗口移动到目标位置上。

例如，根据前文所述，图7示出了导航标签的选择操作的界面700，其中，用户通过鼠标将窗口1的标签本体移动到导航面板的右侧标签上，完成选择操作，终端设备响应于该选择操作，触发该选择操作对应的选择事件，根据该选择事件确定当前鼠标的坐标位置，根据该坐标位置确定所属的导航标签，根据所属的导航标签确定目标位置为窗口4的右侧，将原始窗口1的标签添加到窗口4的父元素下。

需要说明的是，在窗口4父元素中添加窗口1的标签时，需要添加的是操作界面中的原始窗口1的标签元素，由于该标签可以包括窗口内容以及标签本体，即可以在该目标位置添加了标签本体以及窗口内容。

此外，鼠标的坐标位置可以是一个点坐标，该点坐标只需要移动到导航标签的坐标范围内即可表示选择该导航标签，而不去参考窗口的标签的坐标是否落入到了导航标签的坐标范围内。

在一些实例中，该方法100还包括：响应于导航标签的选择操作，在界面上展示与被选择的导航标签对应的预览区域，预览区域与目标位置对应。

其中，每个导航标签对应一个预览区域。

可选地，响应于导航标签的选择操作，在界面上展示与被选择的导航标签对应的预览区域，包括：终端设备响应于选择操作，触发选择操作对应的选择操作事件，根据该选择操作事件确定选择位置，确定该选择位置所属的元素或窗口，根据该导航标签确定对应的预览区域，在对应窗口父元素下的预置位置处添加该预览区域的空白元素，用于展示该窗口中的预览区域，该预置位置可调。

例如，根据前文所述，用户通过鼠标将窗口1的标签本体移动到导航面板上的右侧导航标签上，且鼠标的位置也在该右侧导航标签上，终端设备响应于该鼠标选择操作，触发与选择操作对应的鼠标选择事件，根据该鼠标选择事件确定该鼠标的当前位置坐标，确定该鼠标的当前位置坐标在操作界面中所属的元素或窗口为导航面板中的右侧的导航标签，确定该右侧的导航标签对应的预览区域的尺寸，在窗口4的父元素下的预置位置处创建与预览区域尺寸相同的空白元素，以展示预览区域。图8示出了展示预览区域的操作界面800，其中，在操作界面800中的窗口4的右侧展示了与该导航面板右侧的导航标签对应的空白预览区域。

需要说明的是，当用户将窗口的标签本体移动到本窗口内，例如，将窗口1的标签本体移动到窗口1内时，也可以在窗口1中展示与窗口1的标签对应的导航面板，通过对该导航面板的导航标签的选择，将窗口1移动到选择的导航标签对应的目标位置上。

预览区域是面向用户进行展示的空白区域，而目标位置是面向终端设备确定的空白区域，预览区域和目标位置是对应的，且预览区域或目标位置的尺寸是预先预置好的，可以通过对程序的修改来修改这些尺寸。

103：响应于位置调整确认操作，将第一窗口调整至目标位置处。

可选地，响应于位置调整确认操作，将第一窗口调整至目标位置处，包括：获取第一窗口的标签，将第一窗口的标签设置到目标位置上。

可选地，位置调整确认操作可以包括选择操作的释放操作。

可选地，获取第一窗口的标签，将第一窗口的标签设置到目标位置上，包括：获取操作界面中的第一窗口的标签元素，将该标签元素替换到对应窗口的父元素中的空白元素中。

例如，根据前文所述，用户通过鼠标执行选择操作的释放操作，终端设备响应于该释放操作，触发该释放操作对应的鼠标释放事件，根据该鼠标释放事件确定鼠标释放位置，确定该鼠标释放位置所属的窗口或元素为导航面板的右侧导航标签，则从操作界面中的原始位置处将窗口1的标签元素提取出来，此时，原始位置不在具有该标签元素，删除窗口4中的空白元素，将该标签元素添加到该空白元素的位置上，从而在预览区域中展示该窗口1的标签本体以及窗口1的内容。图9示出了调整后窗口1的操作界面900，其中，调整后的窗口1的标签本体以及窗口内容展示在了预览位置上，而该操作界面900中窗口1的原始位置只留下了窗口11，删除了窗口1对应的元素。

应理解，在操作界面展示中，每个窗口对应的位置为了展示窗口标签本体以及窗口内容，都需要在位置处设置对应的元素，才可以展示该窗口，一旦该对应的元素不存在了，那么就不再展示该元素对应的内容。

在一些实例中，在界面上展示与被选择的标签对应的预览区域之前，界面中的原始窗口布局保持不变。

例如，根据前文所述，图5-图8示出了窗口的标签本体在操作界面中移动的过程中，操作界面中的原始窗口布局保持不变，直到用户执行了释放操作为止。在不触发导航面板情况下，依旧保持窗口布局稳定，使得用户具有良好的操作体验。

在一些实例中，在界面上展示与被选择的导航标签对应的预览区域后，响应于位置调整确认操作之前，该方法100还包括：响应于第一窗口的放弃调整操作，将界面恢复至原始窗口布局。

可选地，该放弃调整操作可以为释放操作。

可选地，响应于第一窗口的放弃调整操作，将界面恢复至原始窗口布局，包括：终端设备响应于放弃调整操作，触发该放弃调整操作对应的放弃调整事件，根据该放弃调整事件确定放弃调整的位置，确定该放弃调整的位置所属的窗口或元素为非导航面板上的任一导航标签，则操作界面恢复到原始窗口布局的界面，如图3所示。

需要说明的是，若该放弃调整的位置所属的窗口或元素为导航面板上的非右侧导航标签，而是其他导航标签，也可以使操作界面恢复到原始窗口布局的界面。

例如，根据前文所述，用户通过鼠标执行选择操作的鼠标释放操作，终端设备响应于该鼠标释放操作，触发该鼠标释放操作对应的鼠标释放事件，根据该鼠标释放事件确定释放位置，确定该释放位置所属的窗口或元素为非导航面板上的任一导航标签，则操作界面恢复到原始窗口布局的界面，如图3所示。当用户不想进行窗口移动操作了，可以在窗口调整操作前进行撤销，维持原始窗口布局，方便用户按照原始界面布局继续操作。

本申请一示例性实施例提供的一种窗口调整方法。本申请实施例提供的该方法可以由终端设备执行，该方法包括以下步骤：

31：响应于针对界面中第一窗口的移动操作，将第一窗口移动至界面中的第二窗口，在第二窗口内展示用于窗口调整的导航栏；导航栏包括可表示界面中窗口布局的多个导航标签。

32：在移动第一窗口的过程中，第一窗口的原始窗口在界面中的位置保持不变。

在一些实例中，该方法还包括：响应于导航栏的选择操作，根据被选择的导航标签确定第一窗口移动到界面上的目标位置；响应于位置调整确认操作，将第一窗口调整至目标位置处；在响应于位置调整确认操作前，第一窗口的原始窗口在界面中的位置保持不变。

由于前文中已经详细阐述过该实施例的具体实现方式，此处就不再赘述。

下面结合几个示例性应用场景对本申请技术方案进行详细说明：

场景1：用户在电脑的操作界面上打开XX衣服设计程序的操作界面，该程序的操作界面中默认布局了5个窗口，用户为了观看和操作方便，将操作界面中的左侧的衣服素材窗口移动到操作界面的中间位置，用户通过鼠标选中衣服素材窗口的标签本体，电脑响应该选中操作对该标签本体进行黄色填充实现高亮效果，用户通过鼠标拖动该标签本体，电脑响应该拖动操作，将标签本体随着鼠标的移动而移动，当用户将鼠标悬停在操作界面中间的衣服样板窗口内，当悬停操作超过0.5s，电脑响应于该悬停操作，在衣服样板窗口中展示与该衣服样板窗口对应的导航面板，用户将鼠标带着窗口的标签移动至导航面板右侧的导航标签上，电脑响应该导航标签的选择操作，在操作界面上展示该右侧的导航标签对应的预览区域，当用户对该预览区域满意时，在该右侧的导航标签上松开鼠标，电脑响应该鼠标的释放操作，将衣服素材窗口展示到预览区域中。

图10为本申请又一示例性实施例提供的窗口调整装置的结构框架示意图。该装置1000可以应用于终端设备中，该装置1000包括第一展示模块1001、确定模块1002和调整模块1003，以下针对各个模块的功能进行详细的阐述：

第一展示模块1001，用于响应于针对界面中第一窗口的位置调整操作，展示用于窗口调整的导航栏，导航栏包括可表示界面中窗口布局的多个导航标签。

确定模块1002，用于响应于导航标签的选择操作，根据被选择的导航标签确定所第一窗口移动到界面上的目标位置。

调整模块1003，用于响应于位置调整确认操作，将第一窗口调整至目标位置处。

可选地，展示模块1001，包括：确定单元，用于响应于标签的选中操作，确定第一窗口的标签；移动单元，用于响应于对第一窗口的标签本体的移动操作，将标签本体移动至界面中的第二窗口，在第二窗口内展示导航栏。

可选地，移动单元，用于响应于对第二窗口的展示触发操作，在第二窗口展示导航栏。

在一些实例中，该装置1000还包括：第二展示模块，用于响应于导航标签的选择操作，在界面上展示与被选择的导航标签对应的预览区域，预览区域与目标位置对应。

可选地，每个导航标签对应一个预览区域。

可选地，展示触发操作包括悬停操作。

可选地，移动单元，用于响应于展示触发操作，确定第二窗口的标签；确定与第二窗口的标签对应的导航栏，并在第二窗口内展示导航栏。

可选地，界面包括至少一个窗口，每个窗口的标签对应一个导航栏。

可选地，该装置1000还包括：高亮模块，用于响应于标签的选中操作，将第一窗口的标签本体高亮。

可选地，调整模块1003，用于获取第一窗口的标签，将第一窗口的标签设置到目标位置上。

可选地，位置调整确认操作包括选择操作的释放操作。

可选地，在界面上展示与被选择的标签对应的预览区域之前，界面中的原始窗口布局保持不变。

可选地，在界面上展示与被选择的导航标签对应的预览区域后，响应于位置调整确认操作之前，该装置1000还包括：恢复模块，用于响应于第一窗口的放弃调整操作，将界面恢复至原始窗口布局。

以上描述了图10所示的调整装置1000的内部功能和结构，在一个可能的设计中，图10所示的调整装置1000的结构可实现为终端设备，如图11所示，该终端设备1100可以包括：处理器1101以及存储器1102；

存储器1102，用于存储计算机程序；

处理器1101，用于执行计算机程序，以用于：响应于针对界面中第一窗口的位置调整操作，展示用于窗口调整的导航栏，导航栏包括可表示界面中窗口布局的多个导航标签；响应于导航标签的选择操作，根据被选择的导航标签确定所第一窗口移动到界面上的目标位置；响应于位置调整确认操作，将第一窗口调整至目标位置处。

可选地，处理器1101，具体用于：响应于标签的选中操作，确定第一窗口的标签；响应于对第一窗口的标签本体的移动操作，将标签本体移动至界面中的第二窗口，在第二窗口内展示导航栏。

可选地，处理器1101，具体用于：响应于对第二窗口的展示触发操作，在第二窗口展示导航栏。

在一些实例中，处理器1101，还用于：响应于导航标签的选择操作，在界面上展示与被选择的导航标签对应的预览区域，预览区域与目标位置对应。

可选地，每个导航标签对应一个预览区域。

可选地，展示触发操作包括悬停操作。

可选地，处理器1101，具体用于：响应于展示触发操作，确定第二窗口的标签；确定与第二窗口的标签对应的导航栏，并在第二窗口内展示导航栏。

可选地，界面包括至少一个窗口，每个窗口的标签对应一个导航栏。

可选地，处理器1101，还用于：响应于标签的选中操作，将第一窗口的标签本体高亮。

可选地，处理器1101，具体用于：获取第一窗口的标签，将第一窗口的标签设置到目标位置上。

可选地，位置调整确认操作包括选择操作的释放操作。

可选地，在界面上展示与被选择的标签对应的预览区域之前，界面中的原始窗口布局保持不变。

可选地，在界面上展示与被选择的导航标签对应的预览区域后，响应于位置调整确认操作之前，处理器1101，还用于：响应于第一窗口的放弃调整操作，将界面恢复至原始窗口布局。

另外，本发明实施例提供了一种计算机存储介质，计算机程序被一个或多个处理器执行时，致使一个或多个处理器实现图1方法实施例中窗口调整方法的步骤。

本申请又一示例性实施例提供的窗口调整装置。该装置可以应用于终端设备中，该装置包括展示模块1201和保持模块1202，以下针对各个模块的功能进行详细的阐述：

展示模块1201，用于响应于针对界面中第一窗口的移动操作，将第一窗口移动至界面中的第二窗口，在第二窗口内展示用于窗口调整的导航栏；导航栏包括可表示界面中窗口布局的多个导航标签。

保持模块1202，在移动第一窗口的过程中，第一窗口的原始窗口在界面中的位置保持不变。

在一些实例中，该装置还包括：移动模块，用于响应于导航栏的选择操作，根据被选择的导航标签确定第一窗口移动到界面上的目标位置；调整模块，用于响应于位置调整确认操作，将第一窗口调整至目标位置处；在响应于位置调整确认操作前，第一窗口的原始窗口在界面中的位置保持不变。

本申请又一示例性实施例提供的终端设备。该终端设备可以包括：处理器1301以及存储器1302；

存储器1302，用于存储计算机程序；

处理器1301，用于执行计算机程序，以用于：响应于针对界面中第一窗口的移动操作，将第一窗口移动至界面中的第二窗口，在第二窗口内展示用于窗口调整的导航栏；导航栏包括可表示界面中窗口布局的多个导航标签；在移动第一窗口的过程中，第一窗口的原始窗口在界面中的位置保持不变。

在一些实例中，处理器1301，还用于：响应于导航栏的选择操作，根据被选择的导航标签确定第一窗口移动到界面上的目标位置；响应于位置调整确认操作，将第一窗口调整至目标位置处；在响应于位置调整确认操作前，第一窗口的原始窗口在界面中的位置保持不变。

另外，本发明实施例提供了一种计算机存储介质，计算机程序被一个或多个处理器执行时，致使一个或多个处理器实现方法实施例中窗口调整方法的步骤31-步骤32。

另外，在上述实施例及附图中的描述的一些流程中，包含了按照特定顺序出现的多个操作，但是应该清楚了解，这些操作可以不按照其在本文中出现的顺序来执行或并行执行，操作的序号如101、102、103等，仅仅是用于区分开各个不同的操作，序号本身不代表任何的执行顺序。另外，这些流程可以包括更多或更少的操作，并且这些操作可以按顺序执行或并行执行。需要说明的是，本文中的“第一”、“第二”等描述，是用于区分不同的消息、设备、模块等，不代表先后顺序，也不限定“第一”和“第二”是不同的类型。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助加必需的通用硬件平台的方式来实现，当然也可以通过硬件和软件结合的方式来实现。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以计算机产品的形式体现出来，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程多媒体数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程多媒体数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程多媒体数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程多媒体数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (19)

1.一种窗口调整方法，其特征在于，包括：

响应于针对界面中第一窗口的位置调整操作，展示用于窗口调整的导航栏，所述导航栏包括可表示所述界面中窗口布局的多个导航标签；

响应于导航标签的选择操作，根据被选择的导航标签确定所述第一窗口移动到界面上的目标位置；

响应于位置调整确认操作，将所述第一窗口调整至所述目标位置处。

2.根据权利要求1所述的方法，其特征在于，所述响应于针对界面中第一窗口的位置调整操作，展示用于窗口调整的导航栏，包括：

响应于标签的选中操作，确定所述第一窗口的标签；

响应于对所述第一窗口的标签本体的移动操作，将所述标签本体移动至所述界面中的第二窗口，在所述第二窗口内展示所述导航栏。

3.根据权利要求2所述的方法，其特征在于，所述在所述第二窗口展示所述导航栏，包括：

响应于对所述第二窗口的展示触发操作，在所述第二窗口展示所述导航栏。

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

响应于导航标签的选择操作，在所述界面上展示与被选择的导航标签对应的预览区域，所述预览区域与所述目标位置对应。

5.根据权利要求1或4所述的方法，其特征在于，每个所述导航标签对应一个预览区域。

6.根据权利要求3所述的方法，其特征在于，所述展示触发操作包括悬停操作。

7.根据权利要求3所述的方法，其特征在于，所述响应于对所述第二窗口的展示触发操作，在所述第二窗口展示所述导航栏，包括：

响应于所述展示触发操作，确定所述第二窗口的标签；

确定与所述第二窗口的标签对应的导航栏，并在所述第二窗口内展示所述导航栏。

8.根据权利要求1所述的方法，其特征在于，所述界面包括至少一个窗口，每个窗口的标签对应一个导航栏。

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

响应于标签的选中操作，将所述第一窗口的标签本体高亮。

10.根据权利要求1所述的方法，其特征在于，响应于位置调整确认操作，将所述第一窗口调整至所述目标位置处，包括：

获取所述第一窗口的标签，将所述第一窗口的标签设置到所述目标位置上。

11.根据权利要求1所述的方法，其特征在于，所述位置调整确认操作包括选择操作的释放操作。

12.根据权利要求4所述的方法，其特征在于，在所述界面上展示与被选择的标签对应的预览区域之前，所述界面中的原始窗口布局保持不变。

13.根据权利要求4所述的方法，其特征在于，在所述界面上展示与被选择的导航标签对应的预览区域后，响应于所述位置调整确认操作之前，所述方法还包括：

响应于所述第一窗口的放弃调整操作，将所述界面恢复至原始窗口布局。

14.一种设备，其特征在于，包括存储器以及处理器；

所述存储器，用于存储计算机程序；

所述处理器，用于执行所述计算机程序，以用于：

响应于针对界面中第一窗口的位置调整操作，展示用于窗口调整的导航栏，所述导航栏包括可表示所述界面中窗口布局的多个导航标签；

响应于导航标签的选择操作，根据被选择的导航标签确定所述第一窗口移动到界面上的目标位置；

响应于位置调整确认操作，将所述第一窗口调整至所述目标位置处。

15.一种存储有计算机程序的计算机可读存储介质，其特征在于，计算机程序被一个或多个处理器执行时，致使所述一个或多个处理器实现权利要求1-13任一项所述方法中的步骤。

16.一种窗口调整方法，其特征在于，包括：

响应于针对界面中第一窗口的移动操作，将所述第一窗口移动至所述界面中的第二窗口，在所述第二窗口内展示用于窗口调整的导航栏；所述导航栏包括可表示所述界面中窗口布局的多个导航标签；

在移动所述第一窗口的过程中，所述第一窗口的原始窗口在所述界面中的位置保持不变。

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

响应于所述导航栏的选择操作，根据被选择的导航标签确定所述第一窗口移动到界面上的目标位置；

响应于位置调整确认操作，将所述第一窗口调整至所述目标位置处；

在响应于所述位置调整确认操作前，所述第一窗口的原始窗口在所述界面中的位置保持不变。

18.一种设备，其特征在于，包括存储器以及处理器；

所述存储器，用于存储计算机程序；

所述处理器，用于执行所述计算机程序，以用于：

响应于针对界面中第一窗口的移动操作，将所述第一窗口移动至所述界面中的第二窗口，在所述第二窗口内展示用于窗口调整的导航栏；所述导航栏包括可表示所述界面中窗口布局的多个导航标签；

在移动所述第一窗口的过程中，所述第一窗口的原始窗口在所述界面中的位置保持不变。

19.一种存储有计算机程序的计算机可读存储介质，其特征在于，计算机程序被一个或多个处理器执行时，致使所述一个或多个处理器实现权利要求16或17所述方法中的步骤。

Images