一种提高显示空间利用率的显示方法及系统的利记博彩app
【专利摘要】本发明提出了一种提高显示空间利用率的显示方法及系统，该方法包括如下步骤：接收用户在用户界面的编辑框内输入的查询内容，在用户界面上显示提示框，编辑框位于提示框内部；控制器在数据存储设备中进行查询；控制器计算编辑框分别与所述用户界面上、下边界的距离，确定提示框的上部区域和下部区域实际显示的文字行数；利用提示框的上部区域和下部区域显示查询结果。本发明在编辑框的上部和下部均设置提示框，能够提高显示空间的利用率，加速查询过程，提高服务器性能。
【专利说明】一种提高显示空间利用率的显示方法及系统
【技术领域】
[0001] 本发明涉及多媒体信息显示【技术领域】，具体涉及一种提高显示空间利用率的显示 方法及系统。
【背景技术】
[0002] 随着计算机硬件性能的不断提高，带动了各种UI (User Interface，用户界面)技 术的革新。特别在用户交互UI方面，各种赏心悦目的UI层出不穷，使用户在软件使用体验 方面得到了大大的改善。通过利用这种友好的交互Π ，不但提高了软件的品质，更提高了用 户的忠诚度。因此，在未来，Π 会作为软件开发的重中之重，对一个软件的好坏产生直接的 影响。
[0003] 目前，用户在利用Π 进行查询时，如图1所示，编辑提示框只能下拉，在匹配内容 过多的情况下，或者在用户屏幕大小受限的情况下(手机，平板)，编辑提示框往往不能显示 全部的匹配项，需要用户滚动屏幕才能进行选择。这些只能下拉的编辑提示框虽然能够确 切的表达各个选项的含义，但却不能高效率利用显示空间，影响查询速度，降低了服务器性 能。
【发明内容】
[0004] 为了克服上述现有技术中存在的缺陷，本发明的目的是提供一种提高显示空间利 用率的显示方法及系统，本发明能够提高显示空间的利用率，加速查询过程，提高服务器性 能。
[0005] 为了实现本发明的上述目的，根据本发明的一个方面，本发明提供了一种提高显 示空间利用率的方法，包括如下步骤：
[0006] S1，接收用户在用户界面的编辑框内输入的查询内容，在所述用户界面上显示提 示框，所述编辑框位于所述提示框内部；
[0007] S2,控制器在数据存储设备中进行查询；
[0008] S3,控制器计算所述编辑框分别与所述用户界面上、下边界的距离，确定所述提示 框的上部区域和下部区域实际显示的文字行数；
[0009] S4,利用提示框的上部区域和下部区域显示查询结果。
[0010] 本发明的提高显示空间利用率的方法在编辑框的上部和下部均设置提示框，能够 提高显示空间的利用率，加速查询过程，提高服务器性能。
[0011] 为了实现本发明的上述目的，根据本发明的二个方面，本发明提供了一种提高显 示空间利用率的系统，包括用户界面、控制器和数据存储设备，所述用户界面与所述控制器 连接，所述控制器与所述数据存储设备连接；所述控制器在接收到通过用户界面的编辑框 输入的查询请求时，在所述数据存储设备中查找与所述查询请求匹配的结果，同时计算编 辑框分别与用户界面上、下边界的距离，确定提示框的上部区域和下部区域分别实际显示 的文字行数，并在提示框的上部区域和下部区域显示查询结果。
[0012] 本发明的提高显示空间利用率的系统将对页面空间进行合理利用，在编辑框的上 部和下部均设置提示框进行结果显示，能够提高显示空间的利用率，加速查询过程，提高服 务器性能。
[0013] 在本发明的一种优选实施例中，确定所述提示框的上部区域和下部区域实际显示 的文字行数的方法为：
[0014] 如果提示框的上部区域能够显示的文字行数与提示框的下部区域能够显示的文 字行数之和大于或等于待显示文字行数，则提示框的上部区域实际显示的文字行数为提示 框的上部区域能够显示的文字行数，提示框的下部区域实际显示的文字行数为待显示文字 行数减去提示框的上部区域实际显示的文字行数；
[0015] 如果提示框的上部区域能够显示的文字行数与提示框的下部区域能够显示的文 字行数之和小于待显示文字行数，则提示框的上部区域实际显示的文字行数为剩余待显示 文字行数加1后的半数取整与提示框的上部区域能够显示的文字行数两者之和，提示框的 下部区域实际显示的文字行数为待显示文字行数减去提示框的上部区域实际显示的文字 行数。
[0016] 本发明通过计算确定所述提示框的上部区域和下部区域实际显示的文字行数，同 时利用提示框的上部区域和下部进行结果显示，能够提高显示空间的利用率。
[0017] 在本发明的一种优选实施例中，当提示框的上部区域实际显示的文字行数大于提 示框的上部区域能够显示的文字行数，或者当提示框的下部区域实际显示的文字行数大于 提示框的下部区域能够显示的文字行数时，则在提示框内显示滚动条。能够显示任意多个 查询结果。
[0018] 在本发明的另一种优选实施例中，在所述编辑框内输入查询内容后，所述查询内 容的颜色与所述编辑框的背景颜色有区别。
[0019] 本发明通过利用颜色区分查询请求与查询结果，提高了用户检索速度和舒适度。
[0020] 本发明的附加方面和优点将在下面的描述中部分给出，部分将从下面的描述中变 得明显，或通过本发明的实践了解到。
【专利附图】
【附图说明】
[0021] 本发明的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变 得明显和容易理解，其中 ：
[0022] 图1是现有技术中的提示框样式；
[0023] 图2是本发明提高显示空间利用率的方法的流程图；
[0024] 图3是本发明一种优选实施方式中的提示框样式；
[0025] 图4是本发明一种优选实施方式中的提高显示空间利用率的方法的流程图；
[0026] 图5是本发明另一种优选实施方式中的提示框样式；
[0027] 图6是本发明提高显示空间利用率的系统的方框图。
【具体实施方式】
[0028] 下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终 相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附 图描述的实施例是示例性的，仅用于解释本发明，而不能理解为对本发明的限制。
[0029] 在本发明的描述中，除非另有规定和限定，需要说明的是，术语"安装"、"相连"、 "连接"应做广义理解，例如，可以是机械连接或电连接，也可以是两个元件内部的连通，可 以是直接相连，也可以通过中间媒介间接相连，对于本领域的普通技术人员而言，可以根据 具体情况理解上述术语的具体含义。
[0030] 本发明提供了一种提高显示空间利用率的方法，如图2所示，包括如下步骤：
[0031] 接收用户在用户界面的编辑框内输入的查询内容，在用户界面上弹出提示框，编 辑框位于提示框内部，编辑框将提示框分为上、下两部分，即提示框的上部区域和下部区 域；
[0032] 控制器在数据存储设备中进行查询；
[0033] 控制器计算编辑框分别与用户界面上、下边界的距离，确定提示框的上部区域和 下部区域实际显示的文字行数；
[0034] 利用提示框的上部区域和下部区域显示查询结果。本发明的一种提示框显示样式 如图3所示。
[0035] 如图4所示，在本发明的一种优选实施方式中，当用户通过编辑框输入查询信息， 控制器在数据存储设备中进行查询得到待显示文字行数；同时控制器计算编辑框分别与用 户界面上、下边界的距离，确定提示框的上部区域和下部区域能够显示的文字行数。控制器 然后判断提示框是否能够完全显示待显示文字行数，并确定提示框的上部区域和下部区域 实际显示的文字行数，具体的方法为：如果提示框的上部区域能够显示的文字行数与提示 框的下部区域能够显示的文字行数之和大于或等于待显示文字行数，则提示框的上部区域 实际显示的文字行数为提示框的上部区域能够显示的文字行数，提示框的下部区域实际显 示的文字行数为待显示文字行数减去提示框的上部区域实际显示的文字行数；如果提示框 的上部区域能够显示的文字行数与提示框的下部区域能够显示的文字行数之和小于待显 示文字行数，则提示框的上部区域实际显示的文字行数为剩余待显示文字行数加1后的半 数取整与提示框的上部区域能够显示的文字行数两者之和，提示框的下部区域实际显示的 文字行数为待显示文字行数减去提示框的上部区域实际显示的文字行数。
[0036] 用公式表不为：
[0037] 设当前页面显示字体的高度为font_height，
[0038] 编辑框与用户界面上边界的距离为edit_up_height，
[0039] 编辑框与用户界面下边界的距离为edit_down_height，
[0040] 则提示框的上部区域能够显示的文字行数为：
[0041] n_up=edit_up_height/font_height ；
[0042] 则提示框的下部区域能够显示的文字行数为：
[0043] n_down=edit_down_height/font_height ；
[0044] 控制器在数据存储设备中查询后，确定的待显示文字行数为retarget，
[0045] 提示框的上部区域实际显示的文字行数A和提示框的下部区域实际显示的文字 行数B为：
[0046] 如果（n_up+n_down) >=n_target，则提示框能够完全显示查询结果，贝IJ
[0047] A=n_up ；
[0048] B=n_target-A ；
[0049] 在本发明另外的优选实施方式中，也可以令提示框的上部区域实际显示的文字行 数A和提示框的下部区域实际显示的文字行数B为：
[0050] B=n_down ；
[0051] A=n_target-A。
[0052] 如果（n_up+n_down) <n_target，
[0053] 则剩余待显示文字行数为
[0054] n_rest=n_target-(n_up+n_down)；
[0055] 则 A=n_up+[ (n_rest+l)/2];
[0056] B=n_target_A。
[0057] 其中，[(n_rest+l)/2]中为取整函数，即对（n_rest+l)/2取整。
[0058] 在本发明的一种优选实施方式中，如果提示框的上部区域能够显示的文字行数n_ up为2行，提示框的下部区域能够显示的文字行数n_down为3行，待显示的文字行数n_ target有10行，那么剩余待显示文字行数n_rest=10-(2+3)，即有5行不能显示，那么根 据公式计算，[(n_rest+l)/2]=3,即提示框的上部区域实际显示的文字行数A=2+3=5行， 提示框的下部区域实际显示的文字行数B=10-5=5行，上下都包含不可见部分，在本实施 方式中，当提示框的上部区域实际显示的文字行数大于提示框的上部区域能够显示的文字 行数，或者当提示框的下部区域实际显示的文字行数大于提示框的下部区域能够显示的文 字行数时，则在提示框内显示滚动条提醒用户，如图5所示。
[0059] 在本实施方式中，在编辑框内输入查询内容后，查询内容的颜色与编辑框的背景 颜色有区别。在本发明的一种更加优选的实施方式中，在编辑框内输入查询内容时，用户界 面将弹出提示框，将当前用户输入的文字变红，编辑框的背景变灰，通过利用颜色区分查询 请求与查询结果，提高了用户检索速度和舒适度。
[0060] 本发明的提高显示空间利用率的方法在编辑框的上部和下部均设置提示框，能够 提高显示空间的利用率，加速查询过程，提高服务器性能。
[0061] 本发明还提供了一种提高显示空间利用率的系统，如图6所示，其包括用户界面 1、控制器2和数据存储设备3,其中，用户界面1与控制器2连接，控制器2与数据存储设备 3连接。在进行查询时，用户通过用户界面1的编辑框输入查询请求，用户界面弹出提示框， 编辑框将提示框分为上部区域和下部区域两部分，控制器2在接收到查询请求后在数据存 储设备3中查找与查询请求匹配的结果，控制器2同时计算编辑框分别与用户界面1的上、 下边界的距离，确定提示框的上部区域和下部区域分别实际显示的文字行数，并在提示框 的上部区域和下部区域显示查询结果。该系统将对页面空间进行合理利用，在编辑框的上 部和下部均设置提示框进行结果显示，能够提高显示空间的利用率，加速查询过程，提高服 务器性能。由于系统实施例与方法实施例的相似内容较多，因此介绍的比较简略，相关内容 请参见方法实施例部分。
[0062] 在本说明书的描述中，参考术语"一个实施例"、"一些实施例"、"示例"、"具体示 例"、或"一些示例"等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特 点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不 一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何 的一个或多个实施例或示例中以合适的方式结合。
[0063] 尽管已经示出和描述了本发明的实施例，本领域的普通技术人员可以理解：在不 脱离本发明的原理和宗旨的情况下可以对这些实施例进行多种变化、修改、替换和变型，本 发明的范围由权利要求及其等同物限定。
【权利要求】
1. 一种提高显示空间利用率的方法，其特征在于，包括如下步骤： S1，接收用户在用户界面的编辑框内输入的查询内容，在所述用户界面上显示提示框， 所述编辑框位于所述提示框内部； 52, 控制器在数据存储设备中进行查询； 53, 控制器计算所述编辑框分别与所述用户界面上、下边界的距离，确定所述提示框的 上部区域和下部区域实际显示的文字行数； 54, 利用提示框的上部区域和下部区域显示查询结果。
2. 如权利要求1所述的提高显示空间利用率的方法，其特征在于，确定所述提示框的 上部区域和下部区域实际显示的文字行数的方法为： 如果提示框的上部区域能够显示的文字行数与提示框的下部区域能够显示的文字行 数之和大于或等于待显示文字行数，则提示框的上部区域实际显示的文字行数为提示框的 上部区域能够显示的文字行数，提示框的下部区域实际显示的文字行数为待显示文字行数 减去提示框的上部区域实际显示的文字行数； 如果提示框的上部区域能够显示的文字行数与提示框的下部区域能够显示的文字行 数之和小于待显示文字行数，则提示框的上部区域实际显示的文字行数为剩余待显示文字 行数加1后的半数取整与提示框的上部区域能够显示的文字行数两者之和，提示框的下部 区域实际显示的文字行数为待显示文字行数减去提示框的上部区域实际显示的文字行数。
3. 如权利要求2所述的提高显示空间利用率的方法，其特征在于，当提示框的上部区 域实际显示的文字行数大于提示框的上部区域能够显示的文字行数，或者当提示框的下部 区域实际显示的文字行数大于提示框的下部区域能够显示的文字行数时，则在提示框内显 示滚动条。
4. 如权利要求1所述的提高显示空间利用率的方法，其特征在于，在所述编辑框内输 入查询内容后，所述查询内容的颜色与所述编辑框的背景颜色有区别。
5. -种提高显示空间利用率的系统，其特征在于，包括：用户界面、控制器和数据存储 设备，所述用户界面与所述控制器连接，所述控制器与所述数据存储设备连接； 所述控制器在接收到通过用户界面的编辑框输入的查询请求时，在所述数据存储设备 中查找与所述查询请求匹配的结果，同时计算编辑框分别与用户界面上、下边界的距离，确 定提示框的上部区域和下部区域分别实际显示的文字行数，并在提示框的上部区域和下部 区域显示查询结果。
6. 如权利要求5所述的提高显示空间利用率的系统，其特征在于，所述提示框的上部 区域和下部区域能够显示的文字行数为： 如果提示框的上部区域能够显示的文字行数与提示框的下部区域能够显示的文字行 数之和大于或等于待显示文字行数，则提示框的上部区域实际显示的文字行数为提示框的 上部区域能够显示的文字行数，提示框的下部区域实际显示的文字行数为待显示文字行数 减去提示框的上部区域实际显示的文字行数； 如果提示框的上部区域能够显示的文字行数与提示框的下部区域能够显示的文字行 数之和小于待显示文字行数，则提示框的上部区域实际显示的文字行数为剩余待显示文字 行数加1后的半数取整与提示框的上部区域能够显示的文字行数两者之和，提示框的下部 区域实际显示的文字行数为待显示文字行数减去提示框的上部区域实际显示的文字行数。
7. 如权利要求5所述的提高显示空间利用率的系统，其特征在于，当提示框的上部区 域实际显示的文字行数大于提示框的上部区域能够显示的文字行数，或者当提示框的下部 区域实际显示的文字行数大于提示框的下部区域能够显示的文字行数时，提示框内显示有 滚动条。
8. 如权利要求5所述的提高显示空间利用率的系统，其特征在于，所述编辑框内查询 内容的颜色与所述编辑框的背景颜色有区别。
【文档编号】G06F3/0481GK104102408SQ201310121922
【公开日】2014年10月15日 申请日期:2013年4月9日 优先权日:2013年4月9日
【发明者】王忻 申请人:重庆新媒农信科技有限公司