《一种提高显示空间利用率的显示方法及系统.pdf》由会员分享，可在线阅读，更多相关《一种提高显示空间利用率的显示方法及系统.pdf（12页珍藏版）》请在专利查询网上搜索。
1、10申请公布号CN104102408A43申请公布日20141015CN104102408A21申请号201310121922322申请日20130409G06F3/0481201301G06F17/3020060171申请人重庆新媒农信科技有限公司地址401121重庆市北部新区高新园黄山大道5号水星科技大厦南翼写字楼1楼3号72发明人王忻74专利代理机构重庆市前沿专利事务所普通合伙50211代理人郭云54发明名称一种提高显示空间利用率的显示方法及系统57摘要本发明提出了一种提高显示空间利用率的显示方法及系统，该方法包括如下步骤接收用户在用户界面的编辑框内输入的查询内容，在用户界面上显示提示框。
2、，编辑框位于提示框内部；控制器在数据存储设备中进行查询；控制器计算编辑框分别与所述用户界面上、下边界的距离，确定提示框的上部区域和下部区域实际显示的文字行数；利用提示框的上部区域和下部区域显示查询结果。本发明在编辑框的上部和下部均设置提示框，能够提高显示空间的利用率，加速查询过程，提高服务器性能。51INTCL权利要求书2页说明书5页附图4页19中华人民共和国国家知识产权局12发明专利申请权利要求书2页说明书5页附图4页10申请公布号CN104102408ACN104102408A1/2页21一种提高显示空间利用率的方法，其特征在于，包括如下步骤S1，接收用户在用户界面的编辑框内输入的查询内容。
3、，在所述用户界面上显示提示框，所述编辑框位于所述提示框内部；S2，控制器在数据存储设备中进行查询；S3，控制器计算所述编辑框分别与所述用户界面上、下边界的距离，确定所述提示框的上部区域和下部区域实际显示的文字行数；S4，利用提示框的上部区域和下部区域显示查询结果。2如权利要求1所述的提高显示空间利用率的方法，其特征在于，确定所述提示框的上部区域和下部区域实际显示的文字行数的方法为如果提示框的上部区域能够显示的文字行数与提示框的下部区域能够显示的文字行数之和大于或等于待显示文字行数，则提示框的上部区域实际显示的文字行数为提示框的上部区域能够显示的文字行数，提示框的下部区域实际显示的文字行数为待显。
4、示文字行数减去提示框的上部区域实际显示的文字行数；如果提示框的上部区域能够显示的文字行数与提示框的下部区域能够显示的文字行数之和小于待显示文字行数，则提示框的上部区域实际显示的文字行数为剩余待显示文字行数加1后的半数取整与提示框的上部区域能够显示的文字行数两者之和，提示框的下部区域实际显示的文字行数为待显示文字行数减去提示框的上部区域实际显示的文字行数。3如权利要求2所述的提高显示空间利用率的方法，其特征在于，当提示框的上部区域实际显示的文字行数大于提示框的上部区域能够显示的文字行数，或者当提示框的下部区域实际显示的文字行数大于提示框的下部区域能够显示的文字行数时，则在提示框内显示滚动条。4如。
5、权利要求1所述的提高显示空间利用率的方法，其特征在于，在所述编辑框内输入查询内容后，所述查询内容的颜色与所述编辑框的背景颜色有区别。5一种提高显示空间利用率的系统，其特征在于，包括用户界面、控制器和数据存储设备，所述用户界面与所述控制器连接，所述控制器与所述数据存储设备连接；所述控制器在接收到通过用户界面的编辑框输入的查询请求时，在所述数据存储设备中查找与所述查询请求匹配的结果，同时计算编辑框分别与用户界面上、下边界的距离，确定提示框的上部区域和下部区域分别实际显示的文字行数，并在提示框的上部区域和下部区域显示查询结果。6如权利要求5所述的提高显示空间利用率的系统，其特征在于，所述提示框的上部。
6、区域和下部区域能够显示的文字行数为如果提示框的上部区域能够显示的文字行数与提示框的下部区域能够显示的文字行数之和大于或等于待显示文字行数，则提示框的上部区域实际显示的文字行数为提示框的上部区域能够显示的文字行数，提示框的下部区域实际显示的文字行数为待显示文字行数减去提示框的上部区域实际显示的文字行数；如果提示框的上部区域能够显示的文字行数与提示框的下部区域能够显示的文字行数之和小于待显示文字行数，则提示框的上部区域实际显示的文字行数为剩余待显示文字行数加1后的半数取整与提示框的上部区域能够显示的文字行数两者之和，提示框的下部区域实际显示的文字行数为待显示文字行数减去提示框的上部区域实际显示的文。
7、字行数。权利要求书CN104102408A2/2页37如权利要求5所述的提高显示空间利用率的系统，其特征在于，当提示框的上部区域实际显示的文字行数大于提示框的上部区域能够显示的文字行数，或者当提示框的下部区域实际显示的文字行数大于提示框的下部区域能够显示的文字行数时，提示框内显示有滚动条。8如权利要求5所述的提高显示空间利用率的系统，其特征在于，所述编辑框内查询内容的颜色与所述编辑框的背景颜色有区别。权利要求书CN104102408A1/5页4一种提高显示空间利用率的显示方法及系统技术领域0001本发明涉及多媒体信息显示技术领域，具体涉及一种提高显示空间利用率的显示方法及系统。背景技术0002。
8、随着计算机硬件性能的不断提高，带动了各种UI（USERINTERFACE，用户界面）技术的革新。特别在用户交互UI方面，各种赏心悦目的UI层出不穷，使用户在软件使用体验方面得到了大大的改善。通过利用这种友好的交互UI，不但提高了软件的品质，更提高了用户的忠诚度。因此，在未来，UI会作为软件开发的重中之重，对一个软件的好坏产生直接的影响。0003目前，用户在利用UI进行查询时，如图1所示，编辑提示框只能下拉，在匹配内容过多的情况下，或者在用户屏幕大小受限的情况下（手机，平板），编辑提示框往往不能显示全部的匹配项，需要用户滚动屏幕才能进行选择。这些只能下拉的编辑提示框虽然能够确切的表达各个选项的含。
9、义，但却不能高效率利用显示空间，影响查询速度，降低了服务器性能。发明内容0004为了克服上述现有技术中存在的缺陷，本发明的目的是提供一种提高显示空间利用率的显示方法及系统，本发明能够提高显示空间的利用率，加速查询过程，提高服务器性能。0005为了实现本发明的上述目的，根据本发明的一个方面，本发明提供了一种提高显示空间利用率的方法，包括如下步骤0006S1，接收用户在用户界面的编辑框内输入的查询内容，在所述用户界面上显示提示框，所述编辑框位于所述提示框内部；0007S2，控制器在数据存储设备中进行查询；0008S3，控制器计算所述编辑框分别与所述用户界面上、下边界的距离，确定所述提示框的上部区域。
10、和下部区域实际显示的文字行数；0009S4，利用提示框的上部区域和下部区域显示查询结果。0010本发明的提高显示空间利用率的方法在编辑框的上部和下部均设置提示框，能够提高显示空间的利用率，加速查询过程，提高服务器性能。0011为了实现本发明的上述目的，根据本发明的二个方面，本发明提供了一种提高显示空间利用率的系统，包括用户界面、控制器和数据存储设备，所述用户界面与所述控制器连接，所述控制器与所述数据存储设备连接；所述控制器在接收到通过用户界面的编辑框输入的查询请求时，在所述数据存储设备中查找与所述查询请求匹配的结果，同时计算编辑框分别与用户界面上、下边界的距离，确定提示框的上部区域和下部区域分。
11、别实际显示的文字行数，并在提示框的上部区域和下部区域显示查询结果。说明书CN104102408A2/5页50012本发明的提高显示空间利用率的系统将对页面空间进行合理利用，在编辑框的上部和下部均设置提示框进行结果显示，能够提高显示空间的利用率，加速查询过程，提高服务器性能。0013在本发明的一种优选实施例中，确定所述提示框的上部区域和下部区域实际显示的文字行数的方法为0014如果提示框的上部区域能够显示的文字行数与提示框的下部区域能够显示的文字行数之和大于或等于待显示文字行数，则提示框的上部区域实际显示的文字行数为提示框的上部区域能够显示的文字行数，提示框的下部区域实际显示的文字行数为待显示文。
12、字行数减去提示框的上部区域实际显示的文字行数；0015如果提示框的上部区域能够显示的文字行数与提示框的下部区域能够显示的文字行数之和小于待显示文字行数，则提示框的上部区域实际显示的文字行数为剩余待显示文字行数加1后的半数取整与提示框的上部区域能够显示的文字行数两者之和，提示框的下部区域实际显示的文字行数为待显示文字行数减去提示框的上部区域实际显示的文字行数。0016本发明通过计算确定所述提示框的上部区域和下部区域实际显示的文字行数，同时利用提示框的上部区域和下部进行结果显示，能够提高显示空间的利用率。0017在本发明的一种优选实施例中，当提示框的上部区域实际显示的文字行数大于提示框的上部区域能。
13、够显示的文字行数，或者当提示框的下部区域实际显示的文字行数大于提示框的下部区域能够显示的文字行数时，则在提示框内显示滚动条。能够显示任意多个查询结果。0018在本发明的另一种优选实施例中，在所述编辑框内输入查询内容后，所述查询内容的颜色与所述编辑框的背景颜色有区别。0019本发明通过利用颜色区分查询请求与查询结果，提高了用户检索速度和舒适度。0020本发明的附加方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明的实践了解到。附图说明0021本发明的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解，其中0022图1是现有技术中的提示框样式；。
14、0023图2是本发明提高显示空间利用率的方法的流程图；0024图3是本发明一种优选实施方式中的提示框样式；0025图4是本发明一种优选实施方式中的提高显示空间利用率的方法的流程图；0026图5是本发明另一种优选实施方式中的提示框样式；0027图6是本发明提高显示空间利用率的系统的方框图。具体实施方式0028下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附说明书CN104102408A3/5页6图描述的实施例是示例性的，仅用于解释本发明，而不能理解为对本发明的限制。0029在本发明的描述中，除非另。
15、有规定和限定，需要说明的是，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是机械连接或电连接，也可以是两个元件内部的连通，可以是直接相连，也可以通过中间媒介间接相连，对于本领域的普通技术人员而言，可以根据具体情况理解上述术语的具体含义。0030本发明提供了一种提高显示空间利用率的方法，如图2所示，包括如下步骤0031接收用户在用户界面的编辑框内输入的查询内容，在用户界面上弹出提示框，编辑框位于提示框内部，编辑框将提示框分为上、下两部分，即提示框的上部区域和下部区域；0032控制器在数据存储设备中进行查询；0033控制器计算编辑框分别与用户界面上、下边界的距离，确定提示框的上部区域和下。
16、部区域实际显示的文字行数；0034利用提示框的上部区域和下部区域显示查询结果。本发明的一种提示框显示样式如图3所示。0035如图4所示，在本发明的一种优选实施方式中，当用户通过编辑框输入查询信息，控制器在数据存储设备中进行查询得到待显示文字行数；同时控制器计算编辑框分别与用户界面上、下边界的距离，确定提示框的上部区域和下部区域能够显示的文字行数。控制器然后判断提示框是否能够完全显示待显示文字行数，并确定提示框的上部区域和下部区域实际显示的文字行数，具体的方法为如果提示框的上部区域能够显示的文字行数与提示框的下部区域能够显示的文字行数之和大于或等于待显示文字行数，则提示框的上部区域实际显示的文字。
17、行数为提示框的上部区域能够显示的文字行数，提示框的下部区域实际显示的文字行数为待显示文字行数减去提示框的上部区域实际显示的文字行数；如果提示框的上部区域能够显示的文字行数与提示框的下部区域能够显示的文字行数之和小于待显示文字行数，则提示框的上部区域实际显示的文字行数为剩余待显示文字行数加1后的半数取整与提示框的上部区域能够显示的文字行数两者之和，提示框的下部区域实际显示的文字行数为待显示文字行数减去提示框的上部区域实际显示的文字行数。0036用公式表示为0037设当前页面显示字体的高度为FONT_HEIGHT，0038编辑框与用户界面上边界的距离为EDIT_UP_HEIGHT，0039编辑框与。
18、用户界面下边界的距离为EDIT_DOWN_HEIGHT，0040则提示框的上部区域能够显示的文字行数为0041N_UPEDIT_UP_HEIGHT/FONT_HEIGHT；0042则提示框的下部区域能够显示的文字行数为0043N_DOWNEDIT_DOWN_HEIGHT/FONT_HEIGHT；0044控制器在数据存储设备中查询后，确定的待显示文字行数为N_TARGET，0045提示框的上部区域实际显示的文字行数A和提示框的下部区域实际显示的文字行数B为0046如果N_UPN_DOWNN_TARGET，则提示框能够完全显示查询结果，则0047AN_UP；说明书CN104102408A4/5页7。
19、0048BN_TARGETA；0049在本发明另外的优选实施方式中，也可以令提示框的上部区域实际显示的文字行数A和提示框的下部区域实际显示的文字行数B为0050BN_DOWN；0051AN_TARGETA。0052如果N_UPN_DOWNN_TARGET，0053则剩余待显示文字行数为0054N_RESTN_TARGETN_UPN_DOWN；0055则AN_UP（N_REST1）/20056BN_TARGETA。0057其中，（N_REST1）/2中为取整函数，即对（N_REST1）/2取整。0058在本发明的一种优选实施方式中，如果提示框的上部区域能够显示的文字行数N_UP为2行,提示框的下。
20、部区域能够显示的文字行数N_DOWN为3行,待显示的文字行数N_TARGET有10行,那么剩余待显示文字行数N_REST1023，即有5行不能显示,那么根据公式计算，（N_REST1）/23，即提示框的上部区域实际显示的文字行数A235行,提示框的下部区域实际显示的文字行数B1055行,上下都包含不可见部分,在本实施方式中，当提示框的上部区域实际显示的文字行数大于提示框的上部区域能够显示的文字行数，或者当提示框的下部区域实际显示的文字行数大于提示框的下部区域能够显示的文字行数时，则在提示框内显示滚动条提醒用户，如图5所示。0059在本实施方式中，在编辑框内输入查询内容后，查询内容的颜色与编辑框。
21、的背景颜色有区别。在本发明的一种更加优选的实施方式中，在编辑框内输入查询内容时，用户界面将弹出提示框，将当前用户输入的文字变红，编辑框的背景变灰，通过利用颜色区分查询请求与查询结果，提高了用户检索速度和舒适度。0060本发明的提高显示空间利用率的方法在编辑框的上部和下部均设置提示框，能够提高显示空间的利用率，加速查询过程，提高服务器性能。0061本发明还提供了一种提高显示空间利用率的系统，如图6所示，其包括用户界面1、控制器2和数据存储设备3，其中，用户界面1与控制器2连接，控制器2与数据存储设备3连接。在进行查询时，用户通过用户界面1的编辑框输入查询请求，用户界面弹出提示框，编辑框将提示框分。
22、为上部区域和下部区域两部分，控制器2在接收到查询请求后在数据存储设备3中查找与查询请求匹配的结果，控制器2同时计算编辑框分别与用户界面1的上、下边界的距离，确定提示框的上部区域和下部区域分别实际显示的文字行数，并在提示框的上部区域和下部区域显示查询结果。该系统将对页面空间进行合理利用，在编辑框的上部和下部均设置提示框进行结果显示，能够提高显示空间的利用率，加速查询过程，提高服务器性能。由于系统实施例与方法实施例的相似内容较多，因此介绍的比较简略，相关内容请参见方法实施例部分。0062在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结。
23、合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何说明书CN104102408A5/5页8的一个或多个实施例或示例中以合适的方式结合。0063尽管已经示出和描述了本发明的实施例，本领域的普通技术人员可以理解在不脱离本发明的原理和宗旨的情况下可以对这些实施例进行多种变化、修改、替换和变型，本发明的范围由权利要求及其等同物限定。说明书CN104102408A1/4页9图1说明书附图CN104102408A2/4页10图2图3说明书附图CN104102408A103/4页11图4说明书附图CN104102408A114/4页12图5图6说明书附图CN104102408A12。