《界面布局装置和界面布局方法.pdf》由会员分享，可在线阅读，更多相关《界面布局装置和界面布局方法.pdf（20页珍藏版）》请在专利查询网上搜索。
1、(10)申请公布号 CN 103176797 A(43)申请公布日 2013.06.26CN103176797A*CN103176797A*(21)申请号 201310055536.9(22)申请日 2013.02.21G06F 9/44(2006.01)(71)申请人用友软件股份有限公司地址 100094 北京市海淀区北清路68号用友软件园(72)发明人杨小强(74)专利代理机构北京友联知识产权代理事务所(普通合伙) 11343代理人尚志峰 汪海屏(54) 发明名称界面布局装置和界面布局方法(57) 摘要本发明提供了一种界面布局装置，包括：获取单元，根据接收到的选择指令选择第一界面中的目标区。
2、域，获取目标区域中的目标控件；转化单元，将目标控件的信息转化为预设模型的信息，根据目标控件在第一界面中的布局在第二界面中显示目标控件；调整单元，根据接收到的调整指令，调整目标控件在第二界面中的布局，和/或在第二界面中新增容器控件，保存调整后的第二界面；展现单元，在加载调整后的第二界面时，展现调整后的第二界面。本发明还提出了一种界面布局方法。通过本发明的技术方案，能够将流式布局与自由布局相结合，用户可以根据需要对流式布局中的控件进行摆放，并且界面既能适用于各种分辨率，又能更符合不同的业务习惯。(51)Int.Cl.权利要求书2页 说明书7页 附图10页(19)中华人民共和国国家知识产权局(12)。
3、发明专利申请权利要求书2页 说明书7页 附图10页(10)申请公布号 CN 103176797 ACN 103176797 A1/2页21.一种界面布局装置，其特征在于，包括：获取单元，用于根据接收到的选择指令选择第一界面中的目标区域，获取所述目标区域中的目标控件；转化单元，用于将所述目标控件的信息转化为预设模型的信息，根据所述目标控件在所述第一界面中的布局在第二界面中显示所述目标控件；调整单元，用于根据接收到的调整指令，调整所述目标控件在所述第二界面中的布局，和/或在所述第二界面中新增容器控件，保存调整后的第二界面；展现单元，用于在加载所述调整后的第二界面时，展现所述调整后的第二界面。2.根。
4、据权利要求1所述的界面布局装置，其特征在于，所述预设模型用于确定所述目标控件在所述第一界面中的布局的结构，和所述目标控件在所述第二界面中的布局的结构，以及相应的可视化状态。3.根据权利要求1所述的界面布局装置，其特征在于，所述展现单元还用于根据接收到的预览指令，展现所述调整后的第二界面；所述调整单元用于根据接收到的保存指令，保存所述调整后的第二界面。4.根据权利要求1至3中任一项所述的界面布局装置，其特征在于，所述展现单元包括：解析子单元，用于在加载所述调整后的第二界面时，解析所述调整后的第二界面得到新增信息和调整信息；创建子单元，用于根据所述新增信息动态创建容器控件；确定子单元，用于根据所述。
5、调整信息确定所述目标控件的坐标信息。5.根据权利要求4所述的界面布局装置，其特征在于，所述解析子单元还用于解析所述调整后的第二界面得到层次信息；所述展现单元还包括：层次调整子单元，用于据所述层次信息调整所述目标控件和/或所述容器控件的层次关系。6.一种界面布局方法，其特征在于，包括：步骤202，根据接收到的选择指令选择第一界面中的目标区域，获取所述目标区域中的目标控件；步骤204，将所述目标控件的信息转化为预设模型的信息，根据所述目标控件在所述第一界面中的布局在第二界面中显示所述目标控件；步骤206，根据接收到的调整指令，调整所述目标控件在所述第二界面中的布局，和/或在所述第二界面中新增容器控。
6、件，保存调整后的第二界面；步骤208，在加载所述调整后的第二界面时，展现所述调整后的第二界面。7.根据权利要求6所述的界面布局方法，其特征在于，所述预设模型用于确定所述目标控件在所述第一界面中的布局的结构，和所述目标控件在所述第二界面中的布局的结构，以及相应的可视化状态。8.根据权利要求6所述的界面布局方法，其特征在于，所述步骤206还包括：根据接收到的预览指令，展现所述调整后的第二界面；根据接收到的保存指令，保存所述调整后的第二界面。权 利 要 求 书CN 103176797 A2/2页39.根据权利要求6至8中任一项所述的界面布局方法，其特征在于，所述步骤208包括：在加载所述调整后的第二。
7、界面时，解析所述调整后的第二界面得到新增信息和调整信息，根据所述新增信息动态创建容器控件，根据所述调整信息确定所述目标控件的坐标信息。10.根据权利要求9所述的界面布局方法，其特征在于，所述步骤208还包括：解析所述调整后的第二界面得到层次信息，根据所述层次信息调整所述目标控件和/或所述容器控件的层次关系。权 利 要 求 书CN 103176797 A1/7页4界面布局装置和界面布局方法技术领域0001 本发明涉及页面布局技术领域，具体而言，涉及一种界面布局装置和一种界面布局方法。背景技术0002 现有技术中，对于界面布局主要有两种方式：流式布局和自由布局（固定宽度布局）。0003 其中，流式。
8、布局，主体部分应用了百分比宽度，因此可以自适应用户的分辨率。如图1所示，是一个简单流式（流体）布局的轮廓。虽然有些设计师可能给流动布局中某些元素设置了固定宽度，但只要主体元素是百分比宽度，就可以让布局自适应适应各种分辨率。0004 流式布局的优点是，页面对用户更友好，因为它能自适应用户的设置。页面周围的空白区域在所有分辨率和浏览器下都是相同的，在视觉上更美观。如果设计良好，流动布局可以避免在小分辨率下出现水平滚动条。0005 流式布局的缺点是，设计者更难控制用户所见，并可能忽略掉一些错误，因为在特定的分辨率下看起来好的图片，视频以及其他设置了宽度的内容可能需要多种宽度以适应不同分辨率的用户。在。
9、特别大的分辨率下，内容会被拉成长长的一行，变得难以阅读。0006 对于自由布局，这种布局有一个设置了固定宽度的外包裹，里面的各个模块也是固定宽度而非百分比。重要的是容器（外包裹）元素是设置为不能移动的。无论访问者屏幕的分辨率是多少，界面都显示为和其它访问者相同的宽度。0007 如图2所示，展示的是一个自由布局的基本轮廓。里面的三列分别是520px、200px和200px宽度。960px已经成为现代web设计的标准，因为大多数站点用户被假定为使用1024768分辨率。0008 许多设计者喜欢固定宽度布局胜过流动布局，因为它更容易实现，并确保了设计者所见即用户所见。不过它和流动布局一样，具有两面性。
10、。0009 自由布局的优点是，固定宽度的布局更容易使用，在设计方面更容易定制。在所有浏览器中宽度一样，所以不会受到图片、表单、视频和其他固定宽度内容的麻烦。不需要min-width和max-width，所有浏览器都支持。即使需要兼容800600这么小的分辨率，界面的主体内容仍然有足够的宽度易于阅读。0010 自由布局的缺点是，对于使用高分辨率的用户，固定宽度布局会留下很大的空白。因此出现了“黄金比例”，“三分定律”，综合平衡和其他设计原则。屏幕分辨率过小时需要垂直滚动条。无缝纹理，连续的图案需要适应更大的分辨率。固定宽度布局一般在可用性上得分较低。0011 因此，需要一种新的界面布局技术，能够。
11、将流式布局与自由布局相结合，使用户可以根据需要对流式布局中的控件进行摆放，并且界面既能适用于各种分辨率，又能更符合不同的业务习惯。说 明 书CN 103176797 A2/7页5发明内容0012 本发明正是基于上述问题，提出了一种界面布局技术，能够将流式布局与自由布局相结合，使用户可以根据需要对流式布局中的控件进行摆放，并且界面既能适用于各种分辨率，又能更符合不同的业务习惯。0013 有鉴于此，本发明提出了一种界面布局装置，包括：获取单元，用于根据接收到的选择指令选择第一界面中的目标区域，获取所述目标区域中的目标控件；转化单元，用于将所述目标控件的信息转化为预设模型的信息，根据所述目标控件在所。
12、述第一界面中的布局在第二界面中显示所述目标控件；调整单元，用于根据接收到的调整指令，调整所述目标控件在所述第二界面中的布局，和/或在所述第二界面中新增容器控件，保存调整后的第二界面；展现单元，用于在加载所述调整后的第二界面时，展现所述调整后的第二界面。0014 在该技术方案中，第一界面可以是流式布局的界面，第二界面可以是自由布局的界面，通过将目标控件的信息转化为预设模型的信息，使得不同的界面，有了统一的模型，不同界面的控件相关信息都可以转化为预设模型信息，从而只需调整界面输入信息适配，便可使用自由布局界面中的调整功能，来调整流式布局界面中的控件，从而使得用户可以根据不同的业务需要，在流式布局的。
13、界面中调整控件的位置，而且还可以新增容器控件，把相关的控件摆放在一个容器中。0015 在上述技术方案中，优选地，所述预设模型用于确定所述目标控件在所述第一界面中的布局的结构，和所述目标控件在所述第二界面中的布局的结构，以及相应的可视化状态。0016 在上述技术方案中，优选地，所述展现单元还用于根据接收到的预览指令，展现所述调整后的第二界面；所述调整单元用于根据接收到的保存指令，保存所述调整后的第二界面。0017 在该技术方案中，当用户完成控件的调整后，可以预览调整后界面的整体效果，如果整体效果不满意，则可以继续调整控件，直至整体效果满意，再保存调整后的界面，避免了在保存界面后才能查看整体效果，。
14、提高了界面布局的效率。0018 在上述任一技术方案中，优选地，所述展现单元包括：解析子单元，用于在加载所述调整后的第二界面时，解析所述调整后的第二界面得到新增信息和调整信息；创建子单元，用于根据所述新增信息动态创建容器控件；确定子单元，用于根据所述调整信息确定所述目标控件的坐标信息。0019 在该技术方案中，可以解析用户的调整操作和新增操作，根据调整操作的信息调整控件，并根据新增操作信息创建容器控件，将相关的控件布置在一个容器控件中。0020 在上述技术方案中，优选地，所述解析子单元还用于解析所述调整后的第二界面得到层次信息；所述展现单元还包括：层次调整子单元，用于据所述层次信息调整所述目标控。
15、件和/或所述容器控件的层次关系。0021 在该技术方案中，根据层次信息调整层次关系，可以保证调整后的一个或多个控件与创建的容器控件等多个控件之间正确的层次关系。0022 本发明还提出了一种界面布局方法，包括：步骤202，根据接收到的选择指令选择第一界面中的目标区域，获取所述目标区域中的目标控件；步骤204，将所述目标控件的信息转化为预设模型的信息，根据所述目标控件在所述第一界面中的布局在第二界面中显示说 明 书CN 103176797 A3/7页6所述目标控件；步骤206，根据接收到的调整指令，调整所述目标控件在所述第二界面中的布局，和/或在所述第二界面中新增容器控件，保存调整后的第二界面；步。
16、骤208，在加载所述调整后的第二界面时，展现所述调整后的第二界面。0023 在该技术方案中，第一界面可以是流式布局的界面，第二界面可以是自由布局的界面，通过将目标控件的信息转化为预设模型的信息，使得不同的界面，有了统一的模型，不同界面的控件相关信息都可以转化为预设模型信息，从而只需调整界面输入信息适配，便可使用自由布局界面中的调整功能，来调整流式布局界面中的控件，从而使得用户可以根据不同的业务需要，在流式布局的界面中调整控件的位置，而且还可以新增容器控件，把相关的控件摆放在一个容器中。0024 在上述技术方案中，优选地，所述预设模型用于确定所述目标控件在所述第一界面中的布局的结构，和所述目标控。
17、件在所述第二界面中的布局的结构，以及相应的可视化状态。0025 在上述技术方案中，优选地，所述步骤206还包括：根据接收到的预览指令，展现所述调整后的第二界面；根据接收到的保存指令，保存所述调整后的第二界面。0026 在该技术方案中，当用户完成控件的调整后，可以预览调整后界面的整体效果，如果整体效果不满意，则可以继续调整控件，直至整体效果满意，再保存调整后的界面，避免了在保存界面后才能查看整体效果，提高了界面布局的效率。0027 在上述任一技术方案中，优选地，所述步骤208包括：在加载所述调整后的第二界面时，解析所述调整后的第二界面得到新增信息和调整信息，根据所述新增信息动态创建容器控件，根据。
18、所述调整信息确定所述目标控件的坐标信息。0028 在该技术方案中，可以解析用户的调整操作和新增操作，根据调整操作的信息调整控件，并根据新增操作信息创建容器控件，将相关的控件布置在一个容器控件中。0029 在上述技术方案中，优选地，所述步骤208还包括：解析所述调整后的第二界面得到层次信息，根据所述层次信息调整所述目标控件和/或所述容器控件的层次关系。0030 在该技术方案中，根据层次信息调整层次关系，可以保证调整后的一个或多个控件与创建的容器控件等多个控件之间正确的层次关系。0031 通过以上技术方案，可以将流式布局与自由布局相结合，使用户可以根据需要对流式布局中的控件进行摆放，并且界面既能适。
19、用于各种分辨率，又能更符合不同的业务习惯。附图说明0032 图1示出了流式布局的示意图；0033 图2示出了自由布局的示意图；0034 图3示出了根据本发明的实施例的界面布局装置的框图；0035 图4示出了根据本发明的实施例的界面布局方法的流程图；0036 图5示出了根据本发明的实施例的多元计算器的类图；0037 图6示出了根据本发明的实施例的界面布局的具体流程图；0038 图7示出了根据本发明的实施例的容器控件创建的示意图；0039 图8A至图8C示出了根据本发明的实施例的界面布局的示意图；说 明 书CN 103176797 A4/7页70040 图9A和图9B示出了根据本发明的实施例的进行。
20、界面布局前后的界面示意图。具体实施方式0041 为了能够更清楚地理解本发明的上述目的、特征和优点，下面结合附图和具体实施方式对本发明进行进一步的详细描述。需要说明的是，在不冲突的情况下，本申请的实施例及实施例中的特征可以相互组合。0042 在下面的描述中阐述了很多具体细节以便于充分理解本发明，但是，本发明还可以采用其他不同于在此描述的其他方式来实施，因此，本发明的保护范围并不受下面公开的具体实施例的限制。0043 图3示出了根据本发明的实施例的界面布局装置的框图。0044 如图3所示，根据本发明的实施例的界面布局装置100包括：获取单元102，用于根据接收到的选择指令选择第一界面中的目标区域，。
21、获取目标区域中的目标控件；转化单元104，用于将目标控件的信息转化为预设模型的信息，根据目标控件在第一界面中的布局在第二界面中显示目标控件；调整单元106，用于根据接收到的调整指令，调整目标控件在第二界面中的布局，和/或在第二界面中新增容器控件，保存调整后的第二界面；展现单元108，用于在加载调整后的第二界面时，展现调整后的第二界面。0045 第一界面可以是流式布局的界面，第二界面可以是自由布局的界面，通过将目标控件的信息转化为预设模型的信息，使得不同的界面，有了统一的模型，不同界面的控件相关信息都可以转化为预设模型信息，从而只需调整界面输入信息适配，便可使用自由布局界面中的调整功能，来调整流。
22、式布局界面中的控件，从而使得用户可以根据不同的业务需要，在流式布局的界面中调整控件的位置，而且还可以新增容器控件，把相关的控件摆放在一个容器中。0046 优选地，预设模型用于确定目标控件在第一界面中的布局的结构，和目标控件在第二界面中的布局的结构，以及相应的可视化状态。0047 优选地，展现单元108还用于根据接收到的预览指令，展现调整后的第二界面；调整单元106用于根据接收到的保存指令，保存调整后的第二界面。0048 当用户完成控件的调整后，可以预览调整后界面的整体效果，如果整体效果不满意，则可以继续调整控件，直至整体效果满意，再保存调整后的界面，避免了在保存界面后才能查看整体效果，提高了界。
23、面布局的效率。0049 优选地，展现单元108包括：解析子单元1082，用于在加载调整后的第二界面时，解析调整后的第二界面得到新增信息和调整信息；创建子单元1084，用于根据新增信息动态创建容器控件；确定子单元1086，用于根据调整信息确定目标控件的坐标信息。0050 可以解析用户的调整操作和新增操作，根据调整操作的信息调整控件，并根据新增操作信息创建容器控件，将相关的控件布置在一个容器控件中。0051 优选地，解析子单元1082还用于解析调整后的第二界面得到层次信息；展现单元108还包括：层次调整子单元1088，用于据层次信息调整目标控件和/或容器控件的层次关系。0052 根据层次信息调整层。
24、次关系，可以保证调整后的一个或多个控件与创建的容器控件等多个控件之间正确的层次关系。说 明 书CN 103176797 A5/7页80053 图4示出了根据本发明的实施例的界面布局方法的流程图。0054 如图4所示，根据本发明的实施例的界面布局方法包括：步骤202，根据接收到的选择指令选择第一界面中的目标区域，获取目标区域中的目标控件；步骤204，将目标控件的信息转化为预设模型的信息，根据目标控件在第一界面中的布局在第二界面中显示目标控件；步骤206，根据接收到的调整指令，调整目标控件在第二界面中的布局，和/或在第二界面中新增容器控件，保存调整后的第二界面；步骤208，在加载调整后的第二界面时。
25、，展现调整后的第二界面。0055 第一界面可以是流式布局的界面，第二界面可以是自由布局的界面，通过将目标控件的信息转化为预设模型的信息，使得不同的界面，有了统一的模型，不同界面的控件相关信息都可以转化为预设模型信息，从而只需调整界面输入信息适配，便可使用自由布局界面中的调整功能，来调整流式布局界面中的控件，从而使得用户可以根据不同的业务需要，在流式布局的界面中调整控件的位置，而且还可以新增容器控件，把相关的控件摆放在一个容器中。0056 优选地，预设模型用于确定目标控件在第一界面中的布局的结构，和目标控件在第二界面中的布局的结构，以及相应的可视化状态。0057 优选地，步骤206还包括：根据接。
26、收到的预览指令，展现调整后的第二界面；根据接收到的保存指令，保存调整后的第二界面。0058 当用户完成控件的调整后，可以预览调整后界面的整体效果，如果整体效果不满意，则可以继续调整控件，直至整体效果满意，再保存调整后的界面，避免了在保存界面后才能查看整体效果，提高了界面布局的效率。0059 优选地，步骤208包括：在加载调整后的第二界面时，解析调整后的第二界面得到新增信息和调整信息，根据新增信息动态创建容器控件，根据调整信息确定目标控件的坐标信息。0060 可以解析用户的调整操作和新增操作，根据调整操作的信息调整控件，并根据新增操作信息创建容器控件，将相关的控件布置在一个容器控件中。0061 。
27、优选地，步骤208还包括：解析调整后的第二界面得到层次信息，根据层次信息调整目标控件和/或容器控件的层次关系。0062 根据层次信息调整层次关系，可以保证调整后的一个或多个控件与创建的容器控件等多个控件之间正确的层次关系。0063 图5示出了根据本发明的实施例的多元计算器的类图。0064 如图5所示，根据本发明的实施例的界面布局装置100的功能实现，可以基于MVC（Multiple Variate Counter，多元计算器）架构，通过鼠标及键盘可视化的调整界面上控件的布局，再把相应的变化反映到模型上，相应的，模型上的变化也反映到布局上。0065 可以界面的控件布局当作一张图的概念来处理，其中。
28、单元作为控件的基类，包括容器控件及简单控件，都继承自单元。图模型是描述图的结构的核心模板，图结构的修改、增加、删除通过图模型的应用程序接口发生，该模型规定了一些方法去决定图的结构，同时也提供了一些方法去设置可视化状态。主要的公共应用程序接口是通过图类实现的。使其更直观的是：在模型和单元中的方法在图中也有一份，而图类中的方法被认为是主要的公共应用程序接口，但图模型是存储图数据结构的根本对象。并且容器对于其父控件来说，只说 明 书CN 103176797 A6/7页9是其中的一个单元，同时容器也通过图模型来记录其子控件的信息，因此可以很好地处理控件嵌套的模型。0066 主库UI：图的布局部份，用于。
29、界面展现及接收鼠标、键盘事件并转发给各种处理器去处理。对于控件下有子控件的模型，也是通过主库UI中含有子主库UI来真实的反映此结构。采用Java的CellRendererPane类的paintComponent方法把模型中对应的各种Swing控件绘制在此控件中，实现了模型到视图的映射。0067 单元制作器：选中的控件的展现处理主要在此类中。0068 各种处理器（图5中仅示出了图处理器、选择单元处理器、键盘处理器和转移处理器）：主库UI把相关的各种操作转发给对应的处理器处理，最终的结果展示到界面上，并且存储到图模型上。0069 图6示出了根据本发明的实施例的界面布局的具体流程图。0070 如图6。
30、所示，通过如图1所示的界面布局装置100对原始界面（相当于第一界面，可以是流式布局的界面）进行布局可以分为设计态和运行态。0071 在设计态时，原始界面控件相关信息会转化为图模型信息，不同的界面，因为有了统一的图模型，只需简单的调整界面输入信息适配，便可使用自由布局界面调整功能。用户对界面的调整可以反映到图模型中，并被用户保存到数据库中。0072 在运行态时，可以根据解析结果调整原始界面中已有的控件，对于创建容器控件，只需插入局部区域的容器控件中加入新的布局管理器来解析模型中控件的位置，并对原始界面不存在的容器控件进行创建，这不影响原始界面展现的机制，具体创建过程如图7所示，0073 图8A至。
31、图8C示出了根据本发明的实施例的界面布局的示意图。0074 如图8A所示，首先当界面布局装置100在设计态时，将原始界面（即第一界面，可以是流式布局的界面）的相关信息作为输入，根据用户需要在流式布局表单选中某一区域（比如表单的表头），通过分析界面上的控件，将其作为自由布局的待选控件。同时原来流式布局界面上的控件大小及位置，作为自由布局默认布局的依据。0075 如图8B和图8C所示，由于不同的界面具有统一的表模型，因此可以在流式布局的界面中以自由布局的方式调整界面中的控件。具体地，可以根据用户指令通过拖曳控件，摆放在任意位置。也可以从自定义控件中添加容器控件，把相关的控件摆放在一起。还可以通过对。
32、齐、等距、等大小等批量操作功能批量调整控件。还可以通过按住ctrl键+左、右、上、下键来微调控件的位置，按住Alt键+左、右、上、下键来微调控件的大小。最后还可通过修改属性框中控件的属性来调整界面，属性的修改也是立刻反映在界面上的。0076 界面按照需求进行调整好后，可以预览一下整体的界面效果，如果满意，则可保存，以便运行态生效及下次再进行调整。0077 当界面布局装置100在运行态时，首先加载自由布局保存的界面结果，在打节点界面时，由布局管理器根据节点界面模板ID去加载自由布局模型。然后进行解析，对于自由布局模型中新增的容器控件，由布局管理器动态的创建，并保证正确的控件层次，设置相关的属性。。
33、对于调整过位置及大小的控件，只需按照模型中记录的值重新赋值，主要是位置及大小信息，对于有些控件还需调整其控件层次关系。最后进行界面展现，在经过正确的解析后，界面能按设计态所见的样子展现出来。说 明 书CN 103176797 A7/7页100078 图9A和图9B示出了根据本发明的实施例的进行界面布局前后的界面示意图。0079 如图9A所示，在传统的流式界面中，表单会根据流式布局展现在界面中，但是这种展现方式并不一定符合业务习惯，当用户需要查找某个控件时，必须在界面中依次查找每个字段，来确定所需的控件，十分浪费时间。0080 如图9B所示，在通过界面布局装置100进行布局后，用户可以根据需要调。
34、整控件在界面中的布局，使其满足业务习惯，十分方便查找所需控件。0081 可见，通过界面布局装置100的进行自由布局处理后，可以把原本流式的控件按照更贴切客户使用需求的方式来摆布，整个界面的设计不再是只满足适用各种分辨率这一个维度来进行考虑了。0082 通过采用界面流式布局为主，局部自由布局，对于自由布局这部份，在界面设计时考虑好其大小满足主流的分辨率，并且采用居左或居中的设计原则，这样界面既能适用于各种分辨率，又能更符合业务习惯。0083 以上结合附图详细说明了本发明的技术方案，考虑到相关技术中，由于流式布局界面和自由布局界面各自的缺点，使表单在界面中的展现难以符合用户需要，控件的排布并不合理。通过本发明的技术方案，能够将流式布局与自由布局相结合，使用户可以根据需要对流式布局中的控件进行摆放，并且界面既能适用于各种分辨率，又能更符合不同的业务习惯。0084 在本发明中，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性。术语“多个”指两个或两个以上，除非另有明确的限定。0085 以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。说 明 书CN 103176797 A10。