一种降低有效页面遮盖率的显示方法及系统的制作方法
【专利摘要】本发明提出了一种降低有效页面遮盖率的显示方法及系统，该降低有效页面遮盖率的显示方法包括如下步骤：接收用户在用户界面的编辑框内输入的查询内容，在用户界面上显示提示框；控制器在数据存储设备中进行查询，获得至少一个匹配结果；控制器计算所述匹配结果横向排布显示时所需要的提示框文字行数；利用提示框横向显示查询结果。本发明的控制器计算匹配结果横向排布显示时所需要的提示框文字行数以及每一行显示的匹配结果，从而对文本显示方式进行改变，以横向方式显示查询结果，能够高效利用页面空间，节省显示空间，让更多的有效页面内容展示给用户，以便用户查看，提高用户体验度。
【专利说明】一种降低有效页面遮盖率的显示方法及系统
【技术领域】
[0001]本发明涉及多媒体信息显示【技术领域】，具体涉及一种降低有效页面遮盖率的显示方法及系统。
【背景技术】
[0002]随着计算机硬件性能的不断提高,带动了各种UI (User Interface,用户界面)技术的革新。特别在用户交互Π方面，各种赏心悦目的Π层出不穷，使用户在软件使用体验方面得到了大大的改善。通过利用这种友好的交互Π，不但提高了软件的品质，更提高了用户的忠诚度。因此，在未来，Π会作为软件开发的重中之重，对一个软件的好坏产生直接的影响。
[0003]目前，用户在利用Π进行查询时，既希望能浏览提示文字，同时还希望看到尽量多的有效页面内容，由于传统的编辑提示框只能下拉，在这种传统的下拉提示框中，通常提示文字长度比较短，但白色填充区域所占的面积却比较大，有效页面内容大部分被空白区域所占据，对于屏幕空间有限，或者页面有效内容紧凑的布局，大大的降低了用户的体验度。图1为被下拉提示框覆盖之前的页面，图2为被下拉提示框覆盖之后的页面，对比图1和图2可见，图1中黑色框中的有效页面内容被下拉编辑框所遮盖，覆盖后如图2所示，黑色框中的有效页面内容不能有效的展现给用户，这些传统的下拉提示框虽然能够确切地表达各个选项的含义，但却没有高效地率利用空间。
【发明内容】
[0004]为了克服上述现有技术中存在的缺陷，本发明的目的是提供一种降低有效页面遮盖率的显示方法及系统，本发明以横向方式显示查询结果，能够高效利用页面空间，让更多的有效页面内容展示给用户，以便用户查看，提高用户体验度。
[0005]为了实现本发明的上述目的，根据本发明的一个方面，本发明提供了一种降低有效页面遮盖率的显示方法，包括如下步骤:
[0006]SI，接收用户在用户界面的编辑框内输入的查询内容，在所述用户界面上显示提示框；
[0007]S2，控制器在数据存储设备中进行查询，获得至少一个匹配结果；
[0008]S3，控制器计算所述匹配结果横向排布显示时所需要的提示框文字行数，具体方法为:
[0009]S31:统计匹配结果中第m个结果的文字数量Nni，所述m=l、2、...、q,所述q为匹配结果的数量，所述q为正整数，所述Nm为正整数；
[0010]S32:令提示框文字行数k=l，令第k行显示的第一个匹配结果的编号i=l ；
[0011]S33:令匹配结果显示数量计数器P=I ；
[0012]S34:计算第k行内总字符宽度
[0013]T0TAL_WIDTH (k) = ( (NjNw+....+Ni+P) +p) *font_width，
[0014]所述font_width为字体的宽度；
[0015]S35:判断T0TAL_WIDTH (k)是否大于当前下拉提示框的宽度tip_width，
[0016]如果T0TAL_WIDTH (k) <tip_width,且 i+p〈q，则令 p=p+l，返回步骤 S34，如果i+p=q，退出，第i至i+p个匹配结果将在第k行显示；
[0017]如果T0TAL_WIDTH (k)>tip_width,第i至i+p-Ι个匹配结果将在第k行显示,令行数k=k+l，i=i+p，返回步骤S33，其中，k、1、P均为正整数；
[0018]S4，利用提示框横向显示查询结果。
[0019]本发明降低有效页面遮盖率的显示方法对文本显示方式进行改变，以横向方式显示查询结果，能够高效利用页面空间，节省显示空间，让更多的有效页面内容展示给用户，以便用户查看，提高用户体验度。
[0020]为了实现本发明的上述目的，根据本发明的另一个方面，本发明提供了一种降低有效页面遮盖率的显示系统，包括用户界面、控制器和数据存储设备，所述用户界面与控制器连接，所述控制器与所述数据存储设备连接；所述控制器在接收到通过用户界面的编辑框输入的查询请求时，在所述数据存储设备中查找与所述查询请求匹配的结果，同时计算匹配结果横向排布显示时所需要的提示框文字行数以及每一行显示的匹配结果，并在提示框内横向显示查询结果，计算匹配结果横向排布显示时所需要的提示框文字行数以及每一行显示的匹配结果的过程为:
[0021]S31:统计匹配结果中第m个结果的文字数量Nni，所述m=l、2、...、q，所述q为匹配结果的数量，所述q为正整数，所述Nm为正整数；
[0022]S32:令提示框文字行数k=l，令第k行显示的第一个匹配结果的编号i=l ；
[0023]S33:令匹配结果显示数量计数器P=I ；
[0024]S34:计算第k行内总字符宽度
[0025]T0TAL_WIDTH (k) = ( (Ni+Ni+1+....+Ni+p) +p) *font_width,
[0026]所述font_width为字体的宽度；
[0027]S35:判断T0TAL_WIDTH (k)是否大于当前下拉提示框的宽度tip_width，如果T0TAL_WIDTH (k) <tip_width,且 i+p〈q,贝U令 p=p+l,返回步骤 S34,如果 i+p=q,退出，第 i至i+p个匹配结果将在第k行显示；
[0028]如果T0TAL_WIDTH (k)>tip_width，第i至i+p_l个匹配结果将在第k行显示，令行数k=k+l, i=i+p,返回步骤S33,其中，k、1、p均为正整数。
[0029]本发明降低有效页面遮盖率的显示系统，控制器计算匹配结果横向排布显示时所需要的提示框文字行数以及每一行显示的匹配结果，对文本显示方式进行改变，以横向方式显示查询结果，能够高效利用页面空间，节省显示空间，让更多的有效页面内容展示给用户，以便用户查看，提高用户体验度。
[0030]在本发明的一种优选实施方式中，当控制器在提示框内横向显示查询结果时，每一行显示至少一个匹配结果，同一行内两个相邻匹配结果之间具有一个空格符，前一行末尾的空余长度小于后一行初始的匹配结果的长度。
[0031]本发明通过在每一行内显示至少一个匹配结果，能够高效利用页面空间，节省显示空间，让更多的有效页面内容展示给用户，以便用户查看，提高用户体验度。
[0032]本发明的控制器准确计算匹配结果横向排布显示时所需要的提示框文字行数以及每一行显示的匹配结果，将多个匹配结果在同一行内显示，计算过程准确快速。
[0033]在本发明的一种优选实施方式中，提示框位于编辑框的下部，当提示框的下部区域实际显示的文字行数大于提示框的下部区域能够显示的文字行数时，则在提示框内显示滚动条。能够显示任意多个查询结果。
[0034]在本发明的另一种优选实施方式中，在所述编辑框内输入查询内容后，所述查询内容的颜色与所述编辑框的背景颜色有区别。
[0035]本发明通过利用颜色区分查询请求与查询结果，提高了用户检索速度和舒适度。
[0036]在本发明的另一种优选实施方式中，所述编辑框位于所述提示框的上部，下部或内部。显示样式更加多样,提高了用户的体验度。
[0037]本发明的附加方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明的实践了解到。
【专利附图】
【附图说明】
[0038]本发明的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解，其中:
[0039]图1是现有技术中被下拉提示框覆盖之前的页面；
[0040]图2是现有技术中被下拉提示框覆盖之后的页面；
[0041]图3是本发明一种优选实施方式中降低有效页面遮盖率的显示方法的流程图；
[0042]图4是本发明一种优选实施方式中的显示页面；
[0043]图5是本发明降低有效页面遮盖率的显示系统的方框图。
【具体实施方式】
[0044]下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本发明，而不能理解为对本发明的限制。
[0045]在本发明的描述中，除非另有规定和限定，需要说明的是，术语“安装”、“相连”、“连接”应做广义理解，例如，可以是机械连接或电连接，也可以是两个元件内部的连通，可以是直接相连，也可以通过中间媒介间接相连，对于本领域的普通技术人员而言，可以根据具体情况理解上述术语的具体含义。
[0046]本发明提供了一种降低有效页面遮盖率的显示方法，如图3所示，其包括如下步骤:
[0047]SI，接收用户在用户界面的编辑框内输入的查询内容，在所述用户界面上显示提示框；
[0048]S2，控制器在数据存储设备中进行查询，获得至少一个匹配结果；
[0049]S3，控制器计算所述匹配结果横向排布显示时所需要的提示框文字行数；
[0050]S4，利用提示框横向显示查询结果。
[0051]在本发明的一种优选实施方式中，降低有效页面遮盖率的显示方法的具体过程为:
[0052]控制器接收用户在用户界面的编辑框内输入的查询内容，在本实施方式中，查询内容为“中国”，在用户界面上显示提示框，控制器在数据存储设备中进行查询，获得至少一个匹配结果，在本实施方式中，匹配结果为“中国银行，中国移动网上营业厅，......，中国最强音，......，中国电信”等10个结果，控制器计算匹配结果横向排布显示时所需要的提示框文字行数并利用提示框横向显示查询结果。在本实施方式中，当控制器在提示框内横向显示查询结果时，每一行显示至少一个匹配结果，并且同一行内两个相邻匹配结果之间具有一个空格符，前一行末尾的空余长度小于后一行初始的匹配结果的长度。如图4的显示界面所示，提示框的每一行显示多个匹配结果，例如第一行显示“中国银行，中国移动网上营业厅，......，中国最强音”五个匹配结果，并且在同一行内两个相邻匹配结果之间具有一个空格符，例如“中国银行”与“中国移动网上营业厅之间”具有一个空格符。另外，为节约显示空间，每一行要显示尽量多的内容，保证前一行末尾的空余长度小于后一行初始的匹配结果的长度。例如图4中“中国最强音”之后的空余长度小于“中国建设银行”的长度。本发明通过在每一行内显示至少一个匹配结果，能够高效利用页面空间，节省显示空间，让更多的有效页面内容展示给用户，以便用户查看，提高用户体验度。
[0053]在本实施方式中，计算匹配结果横向排布显示时所需要的提示框文字行数，以及确定每一行显示的匹配结果的方法为:
[0054]S31:统计匹配结果中第m个结果的文字数量Nni，所述m=l、2、...、q,所述q为匹配结果的数量，所述q为正整数，所述Nm为正整数，在本实施方式中，q为10 ；
[0055]S32:令提示框文字行数k=l，令第k行显示的第一个匹配结果的编号i=l ；
[0056]S33:令匹配结果显示数量计数器P=I ；
[0057]S34:计算第k行内总字符宽度
[0058]T0TAL_WIDTH (k) = ( (Ni+Ni+1+....+Ni+p) +p) *font_width,
[0059]所述font_width为字体的宽度；
[0060]S35:判断T0TAL_WIDTH (k)是否大于当前下拉提示框的宽度tip_width，
[0061]如果T0TAL_WIDTH (k) <tip_width,且 i+p〈q,则令 p=p+l,返回步骤 S34,如果i+p=q，退出，第i至i+p个匹配结果将在第k行显示；
[0062]如果T0TAL_WIDTH (k)>tip_width,第i至i+p_l个匹配结果将在第k行显示,令行数k=k+l, i=i+p,返回步骤S33,其中，k、1、p均为正整数。
[0063]本发明降低有效页面遮盖率的显示方法对文本显示方式进行改变，以横向方式显示查询结果，能够高效利用页面空间，节省显示空间，让更多的有效页面内容展示给用户，以便用户查看，提高用户体验度。
[0064]在本实施方式中，编辑框可以位于所述提示框的上部，或者编辑框位于提示框的下部，或者编辑框位于提示框的内部。本发明的一种优选实施方式中，提示框位于编辑框的下部，当提示框的下部区域实际显示的文字行数大于提示框的下部区域能够显示的文字行数时，则在提示框内显示滚动条。能够显示任意多个查询结果。
[0065]在本发明的一种更加优选实施方式中，在编辑框内输入查询内容后，查询内容的颜色可以与编辑框的背景颜色有区别。本发明通过利用颜色区分查询请求与查询结果，提高了用户检索速度和舒适度。
[0066]本发明提供了一种降低有效页面遮盖率的显示系统，如图5所示，其包括用户界面1、控制器2和数据存储设备3，所述用户界面I与控制器2连接，所述控制器I与所述数据存储设备3连接；所述控制器2在接收到通过用户界面I的编辑框输入的查询请求时，在所述数据存储设备3中查找与所述查询请求匹配的结果，同时控制器2计算匹配结果横向排布显示时所需要的提示框文字行数以及每一行显示的匹配结果，并在提示框内横向显示查询结果，在本实施方式中，控制器2计算匹配结果横向排布显示时所需要的提示框文字行数以及每一行显示的匹配结果的过程为:
[0067]S31:控制器2统计匹配结果中第m个结果的文字数量Nm，所述m=l、2.....q，所述
q为匹配结果的数量，所述q为正整数，所述Nm为正整数；
[0068]S32:令提示框文字行数k=l，令第k行显示的第一个匹配结果的编号i=l ；
[0069]S33:令匹配结果显示数量计数器P=I ；
[0070]S34:计算第k行内总字符宽度
[0071]T0TAL_WIDTH (k) = ( (NjNw+....+Ni+P) +p) *font_width，
[0072]所述font_width为字体的宽度；
[0073]S35:判断T0TAL_WIDTH (k)是否大于当前下拉提示框的宽度tip_width，
[0074]如果T0TAL_WIDTH (k) <tip_width,且 i+p〈q,则令 p=p+l,返回步骤 S34,如果i+p=q，退出，第i至i+p个匹配结果将在第k行显示；
[0075]如果T0TAL_WIDTH (k)>tip_width,第i至i+p-Ι个匹配结果将在第k行显示,令行数k=k+l, i=i+p,返回步骤S33 ；
[0076]其中，k、1、P均为正整数。
[0077]在本实施方式中，当控制器2在提示框内横向显示查询结果时，每一行显示至少一个匹配结果，同一行内两个相邻匹配结果之间具有一个空格符，前一行末尾的空余长度小于后一行初始的匹配结果的长度。
[0078]在本实施方式中，提示框位于编辑框的下部，当提示框的下部区域实际显示的文字行数大于提示框的下部区域能够显示的文字行数时，则在提示框内显示滚动条。
[0079]在本实施方式中，编辑框可以位于所述提示框的上部，或者编辑框位于提示框的下部，或者编辑框位于提示框的内部。本发明的一种优选实施方式中，提示框位于编辑框的下部，当提示框的下部区域实际显示的文字行数大于提示框的下部区域能够显示的文字行数时，则在提示框内显示滚动条。能够显示任意多个查询结果。
[0080]在本实施方式中，在所述编辑框内输入查询内容后，所述查询内容的颜色与所述编辑框的背景颜色有区别。
[0081]本发明降低有效页面遮盖率的显示系统，控制器计算匹配结果横向排布显示时所需要的提示框文字行数以及每一行显示的匹配结果，对文本显示方式进行改变，以横向方式显示查询结果，能够高效利用页面空间，节省显示空间，让更多的有效页面内容展示给用户，以便用户查看，提高用户体验度。由于系统实施例与方法实施例的相似内容较多，因此介绍的比较简略，相关内容请参见方法实施例部分。
[0082]在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
[0083]尽管已经示出和描述了本发明的实施例，本领域的普通技术人员可以理解:在不脱离本发明的原理和宗旨的情况下可以对这些实施例进行多种变化、修改、替换和变型，本发明的范围由权利要求及其等同物限定。
【权利要求】
1.一种降低有效页面遮盖率的显示方法，其特征在于，包括如下步骤: Si，接收用户在用户界面的编辑框内输入的查询内容，在所述用户界面上显示提示框； S2，控制器在数据存储设备中进行查询，获得至少一个匹配结果； S3，控制器计算所述匹配结果横向排布显示时所需要的提示框文字行数，具体方法为: 531:统计匹配结果中第m个结果的文字数量Nni，所述m=l、2、...、q，所述q为匹配结果的数量，所述q为正整数，所述Nm为正整数； 532:令提示框文字行数k=l，令第k行显示的第一个匹配结果的编号i=l ； 533:令匹配结果显示数量计数器P=I ； 534:计算第k行内总字符宽度
TOTAL_WIDTH (k) = ( (NfNw+....+Ni+P) +p) *font_width， 所述font_width为字体的宽度； 535:判断TOTAL_WIDTH (k)是否大于当前下拉提示框的宽度tip_width， 如果 TOTAL_WIDTH (k) <tip_width,且 i+p〈q,则令 p=p+l,返回步骤 S34,如果 i+p=q,退出，第i至i+P个匹配结果将在第k行显示； 如果TOTAL_WIDTH (k)>tip_width，第i至i+ρ-Ι个匹配结果将在第k行显示，令行数k=k+l, i=i+p,返回步骤 S33 ； S4，利用提示框横向显示查询结果。
2.如权利要求1所述的降低有效页面遮盖率的显示方法，其特征在于，当所述匹配结果横向排布显示时，每一行显示至少一个匹配结果；同一行内两个相邻匹配结果之间具有一个空格符；前一行末尾的空余长度小于后一行初始的匹配结果的长度。
3.如权利要求1所述的降低有效页面遮盖率的显示方法，其特征在于，提示框位于编辑框的下部，当提示框的下部区域实际显示的文字行数大于提示框的下部区域能够显示的文字行数时，则在提示框内显示滚动条。
4.如权利要求1所述的降低有效页面遮盖率的显示方法，其特征在于，在所述编辑框内输入查询内容后，所述查询内容的颜色与所述编辑框的背景颜色有区别。
5.如权利要求1所述的降低有效页面遮盖率的显示方法，其特征在于，所述编辑框位于所述提示框的上部，下部或内部。
6.一种降低有效页面遮盖率的显示系统，其特征在于，包括:用户界面、控制器和数据存储设备，所述用户界面与所述控制器连接，所述控制器与所述数据存储设备连接； 所述控制器在接收到通过用户界面的编辑框输入的查询请求时，在所述数据存储设备中查找与所述查询请求匹配的结果，同时计算匹配结果横向排布显示时所需要的提示框文字行数以及每一行显示的匹配结果，并在提示框内横向显示查询结果，计算匹配结果横向排布显示时所需要的提示框文字行数以及每一行显示的匹配结果的过程为: 531:统计匹配结果中第m个结果的文字数量Nni，所述m=l、2、...、q，所述q为匹配结果的数量，所述q为正整数，所述Nm为正整数； 532:令提示框文字行数k=l，令第k行显示的第一个匹配结果的编号i=l ； 533:令匹配结果显示数量计数器P=I ； 534:计算第k行内总字符宽度
TOTAL_WIDTH (k) = ( (NfNw+....+Ni+P)+p) *font_width， 所述font_width为字体的宽度； 535:判断TOTAL_WIDTH (k)是否大于当前下拉提示框的宽度tip_width， 如果 TOTAL_WIDTH (k) <tip_width,且 i+p〈q,则令 p=p+l,返回步骤 S34,如果 i+p=q,退出，第i至i+P个匹配结果将在第k行显示； 如果TOTAL_WIDTH (k)>tip_width，第i至i+ρ-Ι个匹配结果将在第k行显示，令行数k=k+l, i=i+p，返回步骤 S33。
7.如权利要求6所述的降低有效页面遮盖率的显示系统，其特征在于，当控制器在提示框内横向显示查询结果时，每一行显示至少一个匹配结果，同一行内两个相邻匹配结果之间具有一个空格符，前一行末尾的空余长度小于后一行初始的匹配结果的长度。
8.如权利要求6所述的降低有效页面遮盖率的显示系统，其特征在于，提示框位于编辑框的下部，当提示框的下部区域实际显示的文字行数大于提示框的下部区域能够显示的文字行数时，则在提示框内显示滚动条。
9.如权利要求6所述的降低有效页面遮盖率的显示系统，其特征在于，在所述编辑框内输入查询内容后，所述查询内容的颜色与所述编辑框的背景颜色有区别。
10.如权利要求6所述的降低有效页面遮盖率的显示系统，其特征在于，所述编辑框位于所述提示框的上部，下部或内部。
【文档编号】G06F17/30GK104252476SQ201310262683
【公开日】2014年12月31日 申请日期:2013年6月27日 优先权日:2013年6月27日
【发明者】王忻 申请人:重庆新媒农信科技有限公司