界面配置方法及相关设备与流程

1.本技术实施例涉及软件技术领域，尤其涉及界面配置方法及相关设备。


背景技术：

2.当使用一个界面时，如果希望不同的用户看到不同的页面展示效果，往往有以下几种配置方式：一、对这个页面进行扩展开发，再通过页面分配的方式决定用户所看到界面。二、对这个页面进行局部个性化设置，如表格设置以及工具栏设置，让用户决定某些控件的显示或隐藏情况。
3.当采取上述第一种方式时，因用户看到的界面由开发者决定，使得这种个性化页面的配置方式变成了一种取决于开发者的开发模式，而不是真正意义上的用户个性化配置；此外，每一套个性化页面都需要一个扩展页面，会增大系统压力。当采取第二种方式时，用户可以对自己页面的部分控件进行设置以实现想要的展示效果，但是实现个性化的场景非常有限，而且这种操作方式在每次欲修改个性化设置时，都需要找到对应的控件个性化按钮进行设置，使得用户操作起来较繁琐、费时。


技术实现要素：

4.本技术实施例提供了界面配置方法及相关设备，用以解决现有的界面配置方法不便于用户个性化地便捷调整界面布局的技术问题。
5.本技术实施例第一方面提供一种界面配置方法，包括：
6.启动悬浮配置工具，其中所述悬浮配置工具关联的鼠标悬停事件包括触发界面配置面板展示；
7.启动所述悬浮配置工具的抽取界面控件设置，以使得所述界面配置面板展示待配置界面的界面控件的属性配置信息；
8.操作鼠标悬停于所述悬浮配置工具所在的位置区域，以展示所述界面配置面板；
9.自定义所述界面配置面板中所述界面控件的属性配置，以加载得到目标界面。
10.可选地，所述启动所述悬浮配置工具的抽取界面控件设置包括：
11.启动所述悬浮配置工具的抽取全部界面控件的设置，所述全部界面控件由所述待配置界面配置有的所有容器级别控件和子控件组成，所述子控件为归属于所述容器级别控件的子级控件。
12.可选地，所述启动所述悬浮配置工具的抽取界面控件设置包括：
13.启动所述悬浮配置工具的抽取容器级别控件的设置，以使得所述界面配置面板展示所述容器级别控件的属性配置信息，其中，所述容器级别控件可包含子控件。
14.可选地，所述操作鼠标悬停于所述悬浮配置工具所在的位置区域之后，所述自定义所述界面配置面板中所述界面控件的属性配置之前，所述方法还包括：
15.启动所述界面配置面板的一项或多项抽取子控件设置，每项所述抽取子控件设置对应一个包含子控件的所述容器级别控件。
16.可选地，所述自定义所述界面配置面板中所述界面控件的属性配置包括：
17.将所述界面配置面板中所述界面控件的属性设置为目标属性，所述目标属性包括隐藏和/或禁用属性；
18.记录所述目标属性，以使得待配置界面根据所述目标属性加载成目标界面。
19.可选地，所述操作鼠标悬停于所述悬浮配置工具所在的位置区域之后，所述方法还包括：
20.移动所述界面配置面板的展示位置，其中所述悬浮配置工具的悬浮位置随所述界面配置面板的位置移动同轨迹变化。
21.可选地，所述自定义所述界面配置面板中所述界面控件的属性配置之后，所述方法还包括：
22.收起所述界面配置面板，其中，所述悬浮配置工具与所述界面配置面板之间设有切入切出的动画效果，所述悬浮配置工具设置有自动缩小隐藏功能。
23.本技术实施例第二方面提供一种界面配置设备，包括：
24.启动单元，用于启动悬浮配置工具，其中所述悬浮配置工具关联的鼠标悬停事件包括触发界面配置面板展示；
25.所述启动单元，还用于启动所述悬浮配置工具的抽取界面控件设置，以使得所述界面配置面板展示待配置界面的界面控件的属性配置信息；
26.处理单元，用于操作鼠标悬停于所述悬浮配置工具所在的位置区域，以展示所述界面配置面板；
27.所述处理单元，还用于自定义所述界面配置面板中所述界面控件的属性配置，以加载得到目标界面。
28.可选地，所述启动单元，具体用于启动所述悬浮配置工具的抽取全部界面控件的设置，所述全部界面控件由所述待配置界面配置有的所有容器级别控件和子控件组成，所述子控件为归属于所述容器级别控件的子级控件。
29.可选地，所述启动单元，具体用于启动所述悬浮配置工具的抽取容器级别控件的设置，以使得所述界面配置面板展示所述容器级别控件的属性配置信息，其中，所述容器级别控件可包含子控件。
30.可选地，所述启动单元，还用于启动所述界面配置面板的一项或多项抽取子控件设置，每项所述抽取子控件设置对应一个包含子控件的所述容器级别控件。
31.可选地，所述处理单元，具体用于将所述界面配置面板中所述界面控件的属性设置为目标属性，所述目标属性包括隐藏和/或禁用属性；
32.所述处理单元，具体用于记录所述目标属性，以使得待配置界面根据所述目标属性加载成目标界面。
33.可选地，所述处理单元，还用于移动所述界面配置面板的展示位置，其中所述悬浮配置工具的悬浮位置随所述界面配置面板的位置移动同轨迹变化。
34.可选地，所述处理单元，还用于收起所述界面配置面板，其中，所述悬浮配置工具与所述界面配置面板之间设有切入切出的动画效果，所述悬浮配置工具设置有自动缩小隐藏功能。
35.本技术实施例第三方面提供一种界面配置设备，包括：
36.中央处理器，存储器以及输入输出接口；
37.所述存储器为短暂存储存储器或持久存储存储器；
38.所述中央处理器配置为与所述存储器通信，并执行所述存储器中的指令操作以执行本技术实施例第一方面或第一方面的任一具体实现方式所描述的方法。
39.本技术实施例第四方面提供一种计算机可读存储介质，包括指令，当所述指令在计算机上运行时，使得计算机执行如本技术实施例第一方面或第一方面的任一具体实现方式所描述的方法。
40.从以上技术方案可以看出，本技术实施例具有以下优点：
41.本技术实施例的界面配置方法中，因悬浮配置工具关联的鼠标悬停事件包括触发界面配置面板展示，且悬浮配置工具可以抽取界面控件，故操作鼠标悬停于悬浮配置工具所在的位置区域，即可展示出抽取有界面控件属性配置信息的界面配置面板，以供用户在界面配置面板上进行个性化的界面设置；此处的个性化界面设置包括，自定义界面配置面板中界面控件的属性配置，以使得待配置界面的界面控件能按照界面配置面板中设置好的属性配置信息做相应的调整，从而确保最终展示出的是满足用户个性化需求的目标界面。
附图说明
42.图1为本技术实施例界面配置方法的一个流程示意图；
43.图2为本技术实施例界面配置方法的另一流程示意图；
44.图3a为本技术实施例待配置界面和界面配置面板的一组示意图；
45.图3b为本技术实施例界面配置面板的另一示意图；
46.图4为本技术实施例目标界面的一个示意图；
47.图5为本技术实施例界面配置面板的另一示意图；
48.图6为本技术实施例界面配置设备的一个结构示意图；
49.图7为本技术实施例界面配置设备的另一结构示意图。
具体实施方式
50.本技术中，界面配置面板或称为个性化设置面板。
51.请参阅图1，本技术第一方面提供一种界面配置方法的一个实施例，包括：
52.101、启动悬浮配置工具。
53.当用户对界面(例如web界面)有个性化的布局展示需求时，可先启动悬浮配置工具(文中可简称为悬浮工具或悬浮球)，以便开展后续的个性化操作。实际应用中，悬浮配置工具初始时的展示位置不限，具体可以悬浮在显示屏幕边框旁或待配置界面中；启动的悬浮配置工具可以一定透明度的悬浮球样式悬浮在待配置界面，其具体样式不限，只要能达到本技术的悬浮配置工具功能即可，例如还可以为悬浮星状体。此外，悬浮配置工具关联的鼠标悬停mouseover事件包括触发界面配置面板展示，这表示将鼠标移动到悬浮工具所在的区域，即可展示出供用户进行个性化界面设置的界面配置面板；可以理解为，悬浮工具实质上是界面配置面板(文中可称为个性化设置面板或面板)的缩略图标元素，本技术中两者的相结合有利于提高用户体验。
54.102、启动悬浮配置工具的抽取界面控件设置。
55.启动悬浮配置工具后，应当开启悬浮配置工具的抽取界面控件设置，以使得待配置界面中界面控件的属性配置能被抽取到界面配置面板内展示，从而供用户自定义设置界面控件属性，即个性化地调整界面的显示布局。需要说明的是，界面控件可理解为构成界面布局的空间目录(因待配置界面的界面控件可能有容器级和子级之分，故此处的空间目录可对应理解为包含不同层级的空间目录)，故对界面控件的抽取可对应理解为，将界面空间目录抽取到界面配置面板中。
56.103、操作鼠标悬停于悬浮配置工具所在的位置区域。
57.用户通过操作鼠标，将其悬停于悬浮配置工具所在的位置区域，即可实现对抽取有界面控件属性配置信息的界面配置面板的展示，以便用户进行个性化的属性设置。
58.104、自定义界面配置面板中界面控件的属性配置。
59.实际应用过程中，用户可以根据自我需求，自定义界面配置面板中界面控件的属性配置，以使得待配置界面的界面控件能按照界面配置面板中设置好的属性配置信息做相应的调整。可见，本技术实施例可以最大程度地支持用户自定义配置界面，防止代码层面影响个性化配置，从而确保最终展示出的是真正满足用户个性化需求的目标界面。
60.请参阅图2，本技术提供一种界面配置方法的另一实施例，包括：
61.201、启动悬浮配置工具。
62.示例性地，启动后的悬浮球将展示于图3a左侧的待配置界面。
63.202、启动悬浮配置工具的抽取界面控件设置。
64.在一个具体实施方式中，启动悬浮配置工具的抽取界面控件设置的操作具体为以下任一种操作：
65.(1)抽取全部界面控件：启动悬浮配置工具的抽取全部界面控件的设置，其中，全部界面控件由待配置界面配置有的所有容器级别控件和子控件组成，子控件为归属于容器级别控件的子级控件。这种设置将会把待配置界面所设有的所有界面控件都抽取到个性化设置面板中，并以多级目录的形式展开；此设置情况下，最初所展示的界面配置面板将如图3a右侧所示的面板，此处“最初的界面配置面板”指的是，在未自定义界面配置面板中界面控件的属性配置之前，若将鼠标悬停于设置了抽取界面控件的悬浮配置工具处，此时鼠标所触发的界面配置面板将以初始布局的样式呈现。
66.(2)抽取容器级别控件：启动悬浮配置工具的抽取容器级别控件的设置，以使得界面配置面板展示出容器级别控件的属性配置信息，此时最初所展示的界面配置面板将如图3b所示，其中，若存在包含子控件的容器级别控件，则在最初的界面配置面板中该容器级别控件的相应位置可显示出带“抽取”字样的设置，启动此处的“抽取”设置可将子控件属性抽取展示到界面配置面板，具体操作可参阅步骤205。
67.203、操作鼠标悬停于悬浮配置工具所在的位置区域。
68.在一个具体实施方式中，当鼠标悬停于设置了抽取全部界面控件的悬浮配置工具所在的位置区域时，所展开的界面配置面板将如图3a的右侧面板图。而当鼠标悬停于设置了抽取容器级别界面控件的悬浮配置工具所在的位置区域时，所展开的界面配置面板将如图3b所示。
69.204、自定义界面配置面板中界面控件的属性配置。
70.在一个具体实施方式中，可以将界面配置面板中界面控件的属性自定义地设置为
目标属性，并选择记录(可理解为保存)目标属性，以使得待配置界面可以根据目标属性加载成目标界面；目标属性包括隐藏和/或禁用属性。请参阅图3a和图4，在一个具体实施方式中，可以选择隐藏容器a中的控件b，而在记录了隐藏控件b这一个性化设置信息后，相应地，待配置界面将会根据该设置信息实时地加载成如图4所示的隐藏了控件b的目标界面(本质上是因为对相应的界面控件属性做了实时的调整)，以达到个性化地布局界面的目的。需要说明的是，若关闭了原界面，此界面再打开时还是会根据个性化设置信息改变相应的控件属性，以满足个性化的布局需求。
71.205、启动界面配置面板的抽取子控件设置。
72.若操作的是步骤202中的第(2)种抽取容器级别控件设置，则操作鼠标悬停于悬浮球处后，还需要自定义地启动界面配置面板中的一项或多项抽取子控件设置(每项抽取子控件设置对应一个包含子控件的容器级别控件)，使得容器级别控件下的子控件属性也能被自定义地抽取展示于界面配置面板，以供用户做进一步的个性化细节设置，此时的界面配置面板可如图5所示。同理地，在如图5所示的启动了部分抽取子控件设置的界面配置面板中，启动(具体可以为勾选)控件b的隐藏属性，也能展示出如图4所示的隐藏了控件b的目标界面。
73.206、移动界面配置面板的展示位置。
74.用户可以根据视觉或便捷操作需要，个性化的移动界面配置面板的展示位置，其中悬浮配置工具的悬浮位置在设置上可以随界面配置面板的位置移动同轨迹变化，即当个性化地移动界面配置面板时，界面配置面板会自动记录其移动位置并赋给圆形dom元素(即悬浮球)，使得设置面板被收起时，此圆形dom元素可代替界面配置面板显示在其最后展示的位置，以便用户快捷地可视到此圆形dom元素及再次进行个性化设置。
75.207、收起界面配置面板。
76.在完成了自定义界面配置面板中界面控件的属性配置后，可选择收起界面配置面板，以免遮挡界面显示，影响用户进行界面操作。本技术实施例中，悬浮配置工具与界面配置面板之间可以设置有切入切出的动画效果，以保证悬浮配置工具与界面配置面板这两个dom元素不会同时出现，提高界面的简洁性；同时，悬浮配置工具可以设置有自动缩小隐藏功能，以免影响界面使用时的用户体验效果。
77.步骤201至204与步骤101至104类似，具体此处不再赘述。
78.请参阅图6，本技术实施例第二方面提供一种界面配置设备，包括：
79.启动单元601，用于启动悬浮配置工具，其中悬浮配置工具关联的鼠标悬停事件包括触发界面配置面板展示；
80.启动单元601，还用于启动悬浮配置工具的抽取界面控件设置，以使得界面配置面板展示待配置界面的界面控件的属性配置信息；
81.处理单元602，用于操作鼠标悬停于悬浮配置工具所在的位置区域，以展示界面配置面板；
82.处理单元602，还用于自定义界面配置面板中界面控件的属性配置，以加载得到目标界面。
83.本技术实施例中，一种界面配置设备各单元所执行的操作与第一方面或第一方面的任一具体方法实施例所描述的操作类似，具体此处不再赘述。
84.请参阅图7，本技术实施例的界面配置设备700可以包括一个或一个以上中央处理器cpu(cpu，central processing units)701和存储器705，该存储器705中存储有一个或一个以上的应用程序或数据。
85.其中，存储器705可以是易失性存储或持久存储。存储在存储器705的程序可以包括一个或一个以上模块，每个模块可以包括对界面配置设备中的一系列指令操作。更进一步地，中央处理器701可以设置为与存储器705通信，在界面配置设备700上执行存储器705中的一系列指令操作。
86.界面配置设备700还可以包括一个或一个以上电源702，一个或一个以上有线或无线网络接口703，一个或一个以上输入输出接口704，和/或，一个或一个以上操作系统，例如windows servertm，mac os xtm，unixtm，linuxtm，freebsdtm等。
87.该中央处理器701可以执行前述第一方面或第一方面的任一具体方法实施例所执行的操作，具体不再赘述。
88.可以理解的是，在本技术的各种实施例中，各步骤的序号的大小并不意味着执行顺序的先后，各步骤的执行顺序应以其功能和内在逻辑确定，而不应对本技术实施例的实施过程构成任何限定。
89.所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的设备和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
90.在本技术所提供的几个实施例中，应该理解到，所揭露的设备和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统或装置，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
91.所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
92.另外，在本技术各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
93.所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本技术的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，业务服务器，或者网络设备等)执行本技术各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-only memory)、随机存取存储器(ram，random access memory)、磁碟或者光盘等各种可以存储程序代码的介质。