一種提高顯示空間利用率的顯示方法及系統(tǒng)的制作方法
【專利摘要】本發(fā)明提出了一種提高顯示空間利用率的顯示方法及系統(tǒng)，該方法包括如下步驟：接收用戶在用戶界面的編輯框內(nèi)輸入的查詢內(nèi)容，在用戶界面上顯示提示框，編輯框位于提示框內(nèi)部；控制器在數(shù)據(jù)存儲設備中進行查詢；控制器計算編輯框分別與所述用戶界面上、下邊界的距離，確定提示框的上部區(qū)域和下部區(qū)域?qū)嶋H顯示的文字行數(shù)；利用提示框的上部區(qū)域和下部區(qū)域顯示查詢結(jié)果。本發(fā)明在編輯框的上部和下部均設置提示框，能夠提高顯示空間的利用率，加速查詢過程，提高服務器性能。
【專利說明】一種提高顯示空間利用率的顯示方法及系統(tǒng)

【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及多媒體信息顯示【技術(shù)領(lǐng)域】，具體涉及一種提高顯示空間利用率的顯示 方法及系統(tǒng)。

【背景技術(shù)】
[0002] 隨著計算機硬件性能的不斷提高，帶動了各種UI (User Interface，用戶界面)技 術(shù)的革新。特別在用戶交互UI方面，各種賞心悅目的UI層出不窮，使用戶在軟件使用體驗 方面得到了大大的改善。通過利用這種友好的交互Π ，不但提高了軟件的品質(zhì)，更提高了用 戶的忠誠度。因此，在未來，Π 會作為軟件開發(fā)的重中之重，對一個軟件的好壞產(chǎn)生直接的 影響。
[0003] 目前，用戶在利用Π 進行查詢時，如圖1所示，編輯提示框只能下拉，在匹配內(nèi)容 過多的情況下，或者在用戶屏幕大小受限的情況下(手機，平板)，編輯提示框往往不能顯示 全部的匹配項，需要用戶滾動屏幕才能進行選擇。這些只能下拉的編輯提示框雖然能夠確 切的表達各個選項的含義，但卻不能高效率利用顯示空間，影響查詢速度，降低了服務器性 能。


【發(fā)明內(nèi)容】

[0004] 為了克服上述現(xiàn)有技術(shù)中存在的缺陷，本發(fā)明的目的是提供一種提高顯示空間利 用率的顯示方法及系統(tǒng)，本發(fā)明能夠提高顯示空間的利用率，加速查詢過程，提高服務器性 能。
[0005] 為了實現(xiàn)本發(fā)明的上述目的，根據(jù)本發(fā)明的一個方面，本發(fā)明提供了一種提高顯 示空間利用率的方法，包括如下步驟：
[0006] S1，接收用戶在用戶界面的編輯框內(nèi)輸入的查詢內(nèi)容，在所述用戶界面上顯示提 示框，所述編輯框位于所述提示框內(nèi)部；
[0007] S2,控制器在數(shù)據(jù)存儲設備中進行查詢；
[0008] S3,控制器計算所述編輯框分別與所述用戶界面上、下邊界的距離，確定所述提示 框的上部區(qū)域和下部區(qū)域?qū)嶋H顯示的文字行數(shù)；
[0009] S4,利用提示框的上部區(qū)域和下部區(qū)域顯示查詢結(jié)果。
[0010] 本發(fā)明的提高顯示空間利用率的方法在編輯框的上部和下部均設置提示框，能夠 提高顯示空間的利用率，加速查詢過程，提高服務器性能。
[0011] 為了實現(xiàn)本發(fā)明的上述目的，根據(jù)本發(fā)明的二個方面，本發(fā)明提供了一種提高顯 示空間利用率的系統(tǒng)，包括用戶界面、控制器和數(shù)據(jù)存儲設備，所述用戶界面與所述控制器 連接，所述控制器與所述數(shù)據(jù)存儲設備連接；所述控制器在接收到通過用戶界面的編輯框 輸入的查詢請求時，在所述數(shù)據(jù)存儲設備中查找與所述查詢請求匹配的結(jié)果，同時計算編 輯框分別與用戶界面上、下邊界的距離，確定提示框的上部區(qū)域和下部區(qū)域分別實際顯示 的文字行數(shù)，并在提示框的上部區(qū)域和下部區(qū)域顯示查詢結(jié)果。
[0012] 本發(fā)明的提高顯示空間利用率的系統(tǒng)將對頁面空間進行合理利用，在編輯框的上 部和下部均設置提示框進行結(jié)果顯示，能夠提高顯示空間的利用率，加速查詢過程，提高服 務器性能。
[0013] 在本發(fā)明的一種優(yōu)選實施例中，確定所述提示框的上部區(qū)域和下部區(qū)域?qū)嶋H顯示 的文字行數(shù)的方法為：
[0014] 如果提示框的上部區(qū)域能夠顯示的文字行數(shù)與提示框的下部區(qū)域能夠顯示的文 字行數(shù)之和大于或等于待顯示文字行數(shù)，則提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)為提示 框的上部區(qū)域能夠顯示的文字行數(shù)，提示框的下部區(qū)域?qū)嶋H顯示的文字行數(shù)為待顯示文字 行數(shù)減去提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)；
[0015] 如果提示框的上部區(qū)域能夠顯示的文字行數(shù)與提示框的下部區(qū)域能夠顯示的文 字行數(shù)之和小于待顯示文字行數(shù)，則提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)為剩余待顯示 文字行數(shù)加1后的半數(shù)取整與提示框的上部區(qū)域能夠顯示的文字行數(shù)兩者之和，提示框的 下部區(qū)域?qū)嶋H顯示的文字行數(shù)為待顯示文字行數(shù)減去提示框的上部區(qū)域?qū)嶋H顯示的文字 行數(shù)。
[0016] 本發(fā)明通過計算確定所述提示框的上部區(qū)域和下部區(qū)域?qū)嶋H顯示的文字行數(shù)，同 時利用提示框的上部區(qū)域和下部進行結(jié)果顯示，能夠提高顯示空間的利用率。
[0017] 在本發(fā)明的一種優(yōu)選實施例中，當提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)大于提 示框的上部區(qū)域能夠顯示的文字行數(shù)，或者當提示框的下部區(qū)域?qū)嶋H顯示的文字行數(shù)大于 提示框的下部區(qū)域能夠顯示的文字行數(shù)時，則在提示框內(nèi)顯示滾動條。能夠顯示任意多個 查詢結(jié)果。
[0018] 在本發(fā)明的另一種優(yōu)選實施例中，在所述編輯框內(nèi)輸入查詢內(nèi)容后，所述查詢內(nèi) 容的顏色與所述編輯框的背景顏色有區(qū)別。
[0019] 本發(fā)明通過利用顏色區(qū)分查詢請求與查詢結(jié)果，提高了用戶檢索速度和舒適度。
[0020] 本發(fā)明的附加方面和優(yōu)點將在下面的描述中部分給出，部分將從下面的描述中變 得明顯，或通過本發(fā)明的實踐了解到。

【專利附圖】

【附圖說明】
[0021] 本發(fā)明的上述和/或附加的方面和優(yōu)點從結(jié)合下面附圖對實施例的描述中將變 得明顯和容易理解，其中 ：
[0022] 圖1是現(xiàn)有技術(shù)中的提示框樣式；
[0023] 圖2是本發(fā)明提高顯示空間利用率的方法的流程圖；
[0024] 圖3是本發(fā)明一種優(yōu)選實施方式中的提示框樣式；
[0025] 圖4是本發(fā)明一種優(yōu)選實施方式中的提高顯示空間利用率的方法的流程圖；
[0026] 圖5是本發(fā)明另一種優(yōu)選實施方式中的提示框樣式；
[0027] 圖6是本發(fā)明提高顯示空間利用率的系統(tǒng)的方框圖。

【具體實施方式】
[0028] 下面詳細描述本發(fā)明的實施例，所述實施例的示例在附圖中示出，其中自始至終 相同或類似的標號表示相同或類似的元件或具有相同或類似功能的元件。下面通過參考附 圖描述的實施例是示例性的，僅用于解釋本發(fā)明，而不能理解為對本發(fā)明的限制。
[0029] 在本發(fā)明的描述中，除非另有規(guī)定和限定，需要說明的是，術(shù)語"安裝"、"相連"、 "連接"應做廣義理解，例如，可以是機械連接或電連接，也可以是兩個元件內(nèi)部的連通，可 以是直接相連，也可以通過中間媒介間接相連，對于本領(lǐng)域的普通技術(shù)人員而言，可以根據(jù) 具體情況理解上述術(shù)語的具體含義。
[0030] 本發(fā)明提供了一種提高顯示空間利用率的方法，如圖2所示，包括如下步驟：
[0031] 接收用戶在用戶界面的編輯框內(nèi)輸入的查詢內(nèi)容，在用戶界面上彈出提示框，編 輯框位于提示框內(nèi)部，編輯框?qū)⑻崾究蚍譃樯?、下兩部分，即提示框的上部區(qū)域和下部區(qū) 域；
[0032] 控制器在數(shù)據(jù)存儲設備中進行查詢；
[0033] 控制器計算編輯框分別與用戶界面上、下邊界的距離，確定提示框的上部區(qū)域和 下部區(qū)域?qū)嶋H顯示的文字行數(shù)；
[0034] 利用提示框的上部區(qū)域和下部區(qū)域顯示查詢結(jié)果。本發(fā)明的一種提示框顯示樣式 如圖3所示。
[0035] 如圖4所示，在本發(fā)明的一種優(yōu)選實施方式中，當用戶通過編輯框輸入查詢信息， 控制器在數(shù)據(jù)存儲設備中進行查詢得到待顯示文字行數(shù)；同時控制器計算編輯框分別與用 戶界面上、下邊界的距離，確定提示框的上部區(qū)域和下部區(qū)域能夠顯示的文字行數(shù)。控制器 然后判斷提示框是否能夠完全顯示待顯示文字行數(shù)，并確定提示框的上部區(qū)域和下部區(qū)域 實際顯示的文字行數(shù)，具體的方法為：如果提示框的上部區(qū)域能夠顯示的文字行數(shù)與提示 框的下部區(qū)域能夠顯示的文字行數(shù)之和大于或等于待顯示文字行數(shù)，則提示框的上部區(qū)域 實際顯示的文字行數(shù)為提示框的上部區(qū)域能夠顯示的文字行數(shù)，提示框的下部區(qū)域?qū)嶋H顯 示的文字行數(shù)為待顯示文字行數(shù)減去提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)；如果提示框 的上部區(qū)域能夠顯示的文字行數(shù)與提示框的下部區(qū)域能夠顯示的文字行數(shù)之和小于待顯 示文字行數(shù)，則提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)為剩余待顯示文字行數(shù)加1后的半 數(shù)取整與提示框的上部區(qū)域能夠顯示的文字行數(shù)兩者之和，提示框的下部區(qū)域?qū)嶋H顯示的 文字行數(shù)為待顯示文字行數(shù)減去提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)。
[0036] 用公式表不為：
[0037] 設當前頁面顯示字體的高度為font_height，
[0038] 編輯框與用戶界面上邊界的距離為edit_up_height，
[0039] 編輯框與用戶界面下邊界的距離為edit_down_height，
[0040] 則提示框的上部區(qū)域能夠顯示的文字行數(shù)為：
[0041] n_up=edit_up_height/font_height ；
[0042] 則提示框的下部區(qū)域能夠顯示的文字行數(shù)為：
[0043] n_down=edit_down_height/font_height ；
[0044] 控制器在數(shù)據(jù)存儲設備中查詢后，確定的待顯示文字行數(shù)為retarget，
[0045] 提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)A和提示框的下部區(qū)域?qū)嶋H顯示的文字 行數(shù)B為：
[0046] 如果（n_up+n_down) >=n_target，則提示框能夠完全顯示查詢結(jié)果，貝IJ
[0047] A=n_up ；
[0048] B=n_target-A ；
[0049] 在本發(fā)明另外的優(yōu)選實施方式中，也可以令提示框的上部區(qū)域?qū)嶋H顯示的文字行 數(shù)A和提示框的下部區(qū)域?qū)嶋H顯示的文字行數(shù)B為：
[0050] B=n_down ；
[0051] A=n_target-A。
[0052] 如果（n_up+n_down) <n_target，
[0053] 則剩余待顯示文字行數(shù)為
[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]中為取整函數(shù)，即對（n_rest+l)/2取整。
[0058] 在本發(fā)明的一種優(yōu)選實施方式中，如果提示框的上部區(qū)域能夠顯示的文字行數(shù)n_ up為2行，提示框的下部區(qū)域能夠顯示的文字行數(shù)n_down為3行，待顯示的文字行數(shù)n_ target有10行，那么剩余待顯示文字行數(shù)n_rest=10-(2+3)，即有5行不能顯示，那么根 據(jù)公式計算，[(n_rest+l)/2]=3,即提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)A=2+3=5行， 提示框的下部區(qū)域?qū)嶋H顯示的文字行數(shù)B=10-5=5行，上下都包含不可見部分，在本實施 方式中，當提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)大于提示框的上部區(qū)域能夠顯示的文字 行數(shù)，或者當提示框的下部區(qū)域?qū)嶋H顯示的文字行數(shù)大于提示框的下部區(qū)域能夠顯示的文 字行數(shù)時，則在提示框內(nèi)顯示滾動條提醒用戶，如圖5所示。
[0059] 在本實施方式中，在編輯框內(nèi)輸入查詢內(nèi)容后，查詢內(nèi)容的顏色與編輯框的背景 顏色有區(qū)別。在本發(fā)明的一種更加優(yōu)選的實施方式中，在編輯框內(nèi)輸入查詢內(nèi)容時，用戶界 面將彈出提示框，將當前用戶輸入的文字變紅，編輯框的背景變灰，通過利用顏色區(qū)分查詢 請求與查詢結(jié)果，提高了用戶檢索速度和舒適度。
[0060] 本發(fā)明的提高顯示空間利用率的方法在編輯框的上部和下部均設置提示框，能夠 提高顯示空間的利用率，加速查詢過程，提高服務器性能。
[0061] 本發(fā)明還提供了一種提高顯示空間利用率的系統(tǒng)，如圖6所示，其包括用戶界面 1、控制器2和數(shù)據(jù)存儲設備3,其中，用戶界面1與控制器2連接，控制器2與數(shù)據(jù)存儲設備 3連接。在進行查詢時，用戶通過用戶界面1的編輯框輸入查詢請求，用戶界面彈出提示框， 編輯框?qū)⑻崾究蚍譃樯喜繀^(qū)域和下部區(qū)域兩部分，控制器2在接收到查詢請求后在數(shù)據(jù)存 儲設備3中查找與查詢請求匹配的結(jié)果，控制器2同時計算編輯框分別與用戶界面1的上、 下邊界的距離，確定提示框的上部區(qū)域和下部區(qū)域分別實際顯示的文字行數(shù)，并在提示框 的上部區(qū)域和下部區(qū)域顯示查詢結(jié)果。該系統(tǒng)將對頁面空間進行合理利用，在編輯框的上 部和下部均設置提示框進行結(jié)果顯示，能夠提高顯示空間的利用率，加速查詢過程，提高服 務器性能。由于系統(tǒng)實施例與方法實施例的相似內(nèi)容較多，因此介紹的比較簡略，相關(guān)內(nèi)容 請參見方法實施例部分。
[0062] 在本說明書的描述中，參考術(shù)語"一個實施例"、"一些實施例"、"示例"、"具體示 例"、或"一些示例"等的描述意指結(jié)合該實施例或示例描述的具體特征、結(jié)構(gòu)、材料或者特 點包含于本發(fā)明的至少一個實施例或示例中。在本說明書中，對上述術(shù)語的示意性表述不 一定指的是相同的實施例或示例。而且，描述的具體特征、結(jié)構(gòu)、材料或者特點可以在任何 的一個或多個實施例或示例中以合適的方式結(jié)合。
[0063] 盡管已經(jīng)示出和描述了本發(fā)明的實施例，本領(lǐng)域的普通技術(shù)人員可以理解：在不 脫離本發(fā)明的原理和宗旨的情況下可以對這些實施例進行多種變化、修改、替換和變型，本 發(fā)明的范圍由權(quán)利要求及其等同物限定。
【權(quán)利要求】
1. 一種提高顯示空間利用率的方法，其特征在于，包括如下步驟： S1，接收用戶在用戶界面的編輯框內(nèi)輸入的查詢內(nèi)容，在所述用戶界面上顯示提示框， 所述編輯框位于所述提示框內(nèi)部； 52, 控制器在數(shù)據(jù)存儲設備中進行查詢； 53, 控制器計算所述編輯框分別與所述用戶界面上、下邊界的距離，確定所述提示框的 上部區(qū)域和下部區(qū)域?qū)嶋H顯示的文字行數(shù)； 54, 利用提示框的上部區(qū)域和下部區(qū)域顯示查詢結(jié)果。
2. 如權(quán)利要求1所述的提高顯示空間利用率的方法，其特征在于，確定所述提示框的 上部區(qū)域和下部區(qū)域?qū)嶋H顯示的文字行數(shù)的方法為： 如果提示框的上部區(qū)域能夠顯示的文字行數(shù)與提示框的下部區(qū)域能夠顯示的文字行 數(shù)之和大于或等于待顯示文字行數(shù)，則提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)為提示框的 上部區(qū)域能夠顯示的文字行數(shù)，提示框的下部區(qū)域?qū)嶋H顯示的文字行數(shù)為待顯示文字行數(shù) 減去提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)； 如果提示框的上部區(qū)域能夠顯示的文字行數(shù)與提示框的下部區(qū)域能夠顯示的文字行 數(shù)之和小于待顯示文字行數(shù)，則提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)為剩余待顯示文字 行數(shù)加1后的半數(shù)取整與提示框的上部區(qū)域能夠顯示的文字行數(shù)兩者之和，提示框的下部 區(qū)域?qū)嶋H顯示的文字行數(shù)為待顯示文字行數(shù)減去提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)。
3. 如權(quán)利要求2所述的提高顯示空間利用率的方法，其特征在于，當提示框的上部區(qū) 域?qū)嶋H顯示的文字行數(shù)大于提示框的上部區(qū)域能夠顯示的文字行數(shù)，或者當提示框的下部 區(qū)域?qū)嶋H顯示的文字行數(shù)大于提示框的下部區(qū)域能夠顯示的文字行數(shù)時，則在提示框內(nèi)顯 示滾動條。
4. 如權(quán)利要求1所述的提高顯示空間利用率的方法，其特征在于，在所述編輯框內(nèi)輸 入查詢內(nèi)容后，所述查詢內(nèi)容的顏色與所述編輯框的背景顏色有區(qū)別。
5. -種提高顯示空間利用率的系統(tǒng)，其特征在于，包括：用戶界面、控制器和數(shù)據(jù)存儲 設備，所述用戶界面與所述控制器連接，所述控制器與所述數(shù)據(jù)存儲設備連接； 所述控制器在接收到通過用戶界面的編輯框輸入的查詢請求時，在所述數(shù)據(jù)存儲設備 中查找與所述查詢請求匹配的結(jié)果，同時計算編輯框分別與用戶界面上、下邊界的距離，確 定提示框的上部區(qū)域和下部區(qū)域分別實際顯示的文字行數(shù)，并在提示框的上部區(qū)域和下部 區(qū)域顯示查詢結(jié)果。
6. 如權(quán)利要求5所述的提高顯示空間利用率的系統(tǒng)，其特征在于，所述提示框的上部 區(qū)域和下部區(qū)域能夠顯示的文字行數(shù)為： 如果提示框的上部區(qū)域能夠顯示的文字行數(shù)與提示框的下部區(qū)域能夠顯示的文字行 數(shù)之和大于或等于待顯示文字行數(shù)，則提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)為提示框的 上部區(qū)域能夠顯示的文字行數(shù)，提示框的下部區(qū)域?qū)嶋H顯示的文字行數(shù)為待顯示文字行數(shù) 減去提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)； 如果提示框的上部區(qū)域能夠顯示的文字行數(shù)與提示框的下部區(qū)域能夠顯示的文字行 數(shù)之和小于待顯示文字行數(shù)，則提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)為剩余待顯示文字 行數(shù)加1后的半數(shù)取整與提示框的上部區(qū)域能夠顯示的文字行數(shù)兩者之和，提示框的下部 區(qū)域?qū)嶋H顯示的文字行數(shù)為待顯示文字行數(shù)減去提示框的上部區(qū)域?qū)嶋H顯示的文字行數(shù)。
7. 如權(quán)利要求5所述的提高顯示空間利用率的系統(tǒng)，其特征在于，當提示框的上部區(qū) 域?qū)嶋H顯示的文字行數(shù)大于提示框的上部區(qū)域能夠顯示的文字行數(shù)，或者當提示框的下部 區(qū)域?qū)嶋H顯示的文字行數(shù)大于提示框的下部區(qū)域能夠顯示的文字行數(shù)時，提示框內(nèi)顯示有 滾動條。
8. 如權(quán)利要求5所述的提高顯示空間利用率的系統(tǒng)，其特征在于，所述編輯框內(nèi)查詢 內(nèi)容的顏色與所述編輯框的背景顏色有區(qū)別。
【文檔編號】G06F3/0481GK104102408SQ201310121922
【公開日】2014年10月15日 申請日期:2013年4月9日 優(yōu)先權(quán)日:2013年4月9日
【發(fā)明者】王忻 申請人:重慶新媒農(nóng)信科技有限公司