用戶界面樹形結(jié)構(gòu)顯示方法及系統(tǒng)的制作方法
【專利摘要】本發(fā)明提供了一種用戶界面樹形結(jié)構(gòu)顯示方法及系統(tǒng)，包括：自動(dòng)生成并顯示根節(jié)點(diǎn)列表；根據(jù)接收到的用戶指令，生成并顯示相應(yīng)根節(jié)點(diǎn)的各級(jí)子節(jié)點(diǎn)列表；其中，所述根節(jié)點(diǎn)列表和各級(jí)子節(jié)點(diǎn)列表均包括顯示區(qū)域沿界面縱向依次排列的一個(gè)或多個(gè)節(jié)點(diǎn)，且所述各級(jí)子節(jié)點(diǎn)列表的顯示區(qū)域沿界面橫向依次排列。本發(fā)明不僅能夠充分利用用戶的界面縱向和橫向空間，避免局部界面空白、顯示效果不佳的問(wèn)題，而且能夠使樹形結(jié)構(gòu)的層次更加分明，從而能夠迅速地找到需要的節(jié)點(diǎn)，提高用戶的使用效率以及體驗(yàn)效果。
【專利說(shuō)明】用戶界面樹形結(jié)構(gòu)顯示方法及系統(tǒng)
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及人機(jī)交互【技術(shù)領(lǐng)域】，更具體地說(shuō)，涉及一種用戶界面樹形結(jié)構(gòu)顯示方法及系統(tǒng)。
【背景技術(shù)】
[0002]軟件設(shè)計(jì)可分為兩個(gè)部分:編碼設(shè)計(jì)與UI (User Interface,用戶界面)設(shè)計(jì)。UI設(shè)計(jì)，是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)的內(nèi)容包括樹形結(jié)構(gòu)的設(shè)計(jì)。
[0003]樹形結(jié)構(gòu)是一種可以分級(jí)顯示項(xiàng)目列表的窗口，其所含項(xiàng)目以相互關(guān)聯(lián)的方式顯示在控件中，通過(guò)點(diǎn)擊位于某一級(jí)的項(xiàng)目節(jié)點(diǎn)展開(kāi)下一級(jí)中從屬于該節(jié)點(diǎn)的所有項(xiàng)目。雖然樹形結(jié)構(gòu)控件非常適合管理那些層次較多且相互間隸屬關(guān)系較為清晰的項(xiàng)目元素，但是，現(xiàn)有的樹控件無(wú)法滿足特殊的業(yè)務(wù)特性。
[0004]現(xiàn)有的樹形結(jié)構(gòu)都是通過(guò)上下結(jié)構(gòu)顯示根節(jié)點(diǎn)以及子節(jié)點(diǎn)的，如圖1所示，下一級(jí)節(jié)點(diǎn)的顯示區(qū)域均位于上一級(jí)節(jié)點(diǎn)顯示區(qū)域的下方。但是，當(dāng)節(jié)點(diǎn)較多或節(jié)點(diǎn)的層級(jí)較多時(shí)，能夠顯示各層級(jí)節(jié)點(diǎn)的界面縱向空間有限，而其界面的橫向空間并未完全利用，因此，會(huì)造成界面局部空間空白，顯示效果不佳，用戶體驗(yàn)不理想的問(wèn)題。

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

[0005]有鑒于此，本發(fā)明提供了一種用戶界面顯示系統(tǒng)及方法，以解決現(xiàn)有技術(shù)中采用上下結(jié)構(gòu)顯示樹形結(jié)構(gòu)時(shí)，造成的界面局部界面空白，顯示效果不佳，用戶體驗(yàn)不理想的問(wèn)題。
[0006]為實(shí)現(xiàn)上述目的，本發(fā)明提供如下技術(shù)方案:
[0007]一種用戶界面樹形結(jié)構(gòu)顯示方法，包括:
[0008]自動(dòng)生成并顯示根節(jié)點(diǎn)列表；
[0009]根據(jù)接收到的用戶指令，生成并顯示相應(yīng)根節(jié)點(diǎn)的各級(jí)子節(jié)點(diǎn)列表；
[0010]其中，所述根節(jié)點(diǎn)列表和各級(jí)子節(jié)點(diǎn)列表均包括顯示區(qū)域沿界面縱向依次排列的一個(gè)或多個(gè)節(jié)點(diǎn)，且所述各級(jí)子節(jié)點(diǎn)列表的顯示區(qū)域沿界面橫向依次排列。
[0011]優(yōu)選的，所述用戶的指令為用戶通過(guò)鼠標(biāo)移入操作、鍵盤方向鍵操作或觸屏觸控操作輸入的指令。
[0012]優(yōu)選的，接收到用戶指令時(shí)，生成并顯示所述節(jié)點(diǎn)的子節(jié)點(diǎn)列表，隱藏所述節(jié)點(diǎn)同一級(jí)的其他節(jié)點(diǎn)的子節(jié)點(diǎn)列表。
[0013]優(yōu)選的，子節(jié)點(diǎn)列表中排列在第一個(gè)的第一節(jié)點(diǎn)的顯示區(qū)域與其對(duì)應(yīng)的上一級(jí)節(jié)點(diǎn)的顯示區(qū)域在同一條直線上。
[0014]優(yōu)選的，接收到用戶指令時(shí)，如果生成的子節(jié)點(diǎn)列表的顯示區(qū)域超出當(dāng)前顯示界面時(shí)，所述顯示界面的滾動(dòng)條自動(dòng)移動(dòng)，以顯示所述子節(jié)點(diǎn)列表。
[0015]優(yōu)選的，當(dāng)同一列表中的多個(gè)節(jié)點(diǎn)的子節(jié)點(diǎn)相同時(shí)，將所述多個(gè)節(jié)點(diǎn)沿界面縱向依次排列在同一顯示區(qū)域內(nèi)，并在接收到用戶指令后，在所述顯示區(qū)域右側(cè)生成并顯示對(duì)應(yīng)所述多個(gè)節(jié)點(diǎn)的同一子節(jié)點(diǎn)列表。
[0016]優(yōu)選的，用于科目選擇時(shí)，每一個(gè)節(jié)點(diǎn)對(duì)應(yīng)一個(gè)科目，則所述方法還包括:
[0017]根據(jù)顯示的各級(jí)子科目列表，選擇用戶需要的科目。
[0018]優(yōu)選的，當(dāng)用戶選擇的科目為單個(gè)的科目時(shí)，可以通過(guò)點(diǎn)擊所述科目對(duì)應(yīng)的顯示區(qū)域來(lái)選中所述科目；當(dāng)用戶選擇的科目為同一子科目列表中的全部科目時(shí)，可以通過(guò)選中所述子科目列表對(duì)應(yīng)的上一級(jí)科目，來(lái)選中所述子科目列表中的全部科目。
[0019]一種用戶界面樹形結(jié)構(gòu)顯示系統(tǒng)，包括:
[0020]樹形結(jié)構(gòu)控制模塊，用于自動(dòng)生成根節(jié)點(diǎn)列表，并根據(jù)接收到的用戶指令生成相應(yīng)的根節(jié)點(diǎn)的各級(jí)子節(jié)點(diǎn)列表；
[0021]顯示控制模塊，用于控制根節(jié)點(diǎn)列表和子節(jié)點(diǎn)列表中節(jié)點(diǎn)的顯示區(qū)域沿界面縱向依次排列，以及控制所述各級(jí)子節(jié)點(diǎn)列表的顯示區(qū)域沿界面橫向依次排列。
[0022]優(yōu)選的，所述顯示控制模塊包括:
[0023]第一顯示區(qū)域控制模塊，用于控制根節(jié)點(diǎn)列表和子節(jié)點(diǎn)列表中節(jié)點(diǎn)的顯示區(qū)域沿界面縱向依次排列；
[0024]第二顯示區(qū)域控制模塊，用于控制各級(jí)子節(jié)點(diǎn)列表的顯示區(qū)域沿界面橫向依次排列；
[0025]第三顯示區(qū)域控制模塊，用于控制子節(jié)點(diǎn)列表中排列在第一個(gè)的第一節(jié)點(diǎn)的顯示區(qū)域與其對(duì)應(yīng)的上一級(jí)節(jié)點(diǎn)的顯示區(qū)域在同一條直線上。
[0026]優(yōu)選的，所述顯示控制模塊還包括:
[0027]界面顯示控制模塊，用于當(dāng)生成的子節(jié)點(diǎn)列表的顯示區(qū)域超出用戶的當(dāng)前顯示界面時(shí)，移動(dòng)顯示界面的滾動(dòng)條來(lái)顯示所述子節(jié)點(diǎn)列表。
[0028]優(yōu)選的，所述顯示控制模塊還包括:
[0029]合并顯示模塊，用于當(dāng)同一列表中的多個(gè)節(jié)點(diǎn)的子節(jié)點(diǎn)相同時(shí)，將所述多個(gè)節(jié)點(diǎn)沿界面縱向依次排列在同一顯示區(qū)域內(nèi)，并在所述顯示區(qū)域右側(cè)顯示對(duì)應(yīng)所述多個(gè)節(jié)點(diǎn)的同一子節(jié)點(diǎn)列表。
[0030]與現(xiàn)有技術(shù)相比，本發(fā)明所提供的技術(shù)方案具有以下優(yōu)點(diǎn):
[0031]本發(fā)明所提供的用戶界面樹形結(jié)構(gòu)顯示方法及系統(tǒng)，由于根節(jié)點(diǎn)列表和各級(jí)子節(jié)點(diǎn)列表中節(jié)點(diǎn)的顯示區(qū)域沿界面縱向依次排列，即從上往下依次排列，因此，充分利用了用戶界面的縱向空間，又由于各級(jí)子節(jié)點(diǎn)列表沿界面橫向依次排列，即從左往右依次排列，充分利用了用戶界面的橫向空間，因此，本發(fā)明不僅能夠充分利用用戶的界面空間，避免局部界面空白、顯示效果不佳的問(wèn)題，而且能夠使樹形結(jié)構(gòu)的層次更加分明，從而能夠迅速地找到需要的節(jié)點(diǎn)，提高用戶的使用效率以及體驗(yàn)效果。
【專利附圖】

【附圖說(shuō)明】
[0032]為了更清楚地說(shuō)明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對(duì)實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡(jiǎn)單地介紹，顯而易見(jiàn)地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。[0033]圖1為本發(fā)明提供的現(xiàn)有的樹形結(jié)構(gòu)示意圖；
[0034]圖2為本發(fā)明實(shí)施例一提供的用戶界面樹形結(jié)構(gòu)顯示方法流程圖；
[0035]圖3為本發(fā)明實(shí)施例一提供的樹形結(jié)構(gòu)示意圖；
[0036]圖4為本發(fā)明實(shí)施例一提供的節(jié)點(diǎn)顯示區(qū)域合并后的樹形結(jié)構(gòu)圖；
[0037]圖5為本發(fā)明實(shí)施例二提供的用于科目選擇的用戶界面樹形結(jié)構(gòu)顯示方法流程圖。
【具體實(shí)施方式】
[0038]正如【背景技術(shù)】所述，現(xiàn)有的樹形結(jié)構(gòu)都是通過(guò)上下結(jié)構(gòu)顯示根節(jié)點(diǎn)以及子節(jié)點(diǎn)的,如圖1所示，下一級(jí)節(jié)點(diǎn)的顯示區(qū)域均位于上一級(jí)節(jié)點(diǎn)顯示區(qū)域的下方。但是，當(dāng)節(jié)點(diǎn)較多或節(jié)點(diǎn)的層級(jí)較多時(shí)，能夠顯示各層級(jí)節(jié)點(diǎn)的界面縱向空間有限，而其界面的橫向空間并未完全利用，因此，會(huì)造成界面橫向局部空間空白，顯示效果不佳，用戶體驗(yàn)不理想的問(wèn)題。
[0039]基于此，本發(fā)明提供了一種用戶界面樹形結(jié)構(gòu)顯示方法，以克服現(xiàn)有技術(shù)存在的上述問(wèn)題，包括:
[0040]自動(dòng)生成并顯示根節(jié)點(diǎn)列表；
[0041]根據(jù)接收到的用戶指令，生成并顯示相應(yīng)根節(jié)點(diǎn)的各級(jí)子節(jié)點(diǎn)列表；
[0042]其中，所述根節(jié)點(diǎn)列表和各級(jí)子節(jié)點(diǎn)列表均包括顯示區(qū)域沿界面縱向依次排列的一個(gè)或多個(gè)節(jié)點(diǎn)，且所述各級(jí)子節(jié)點(diǎn)列表的顯示區(qū)域沿界面橫向依次排列。
[0043]本發(fā)明還提供了一種用戶界面樹形結(jié)構(gòu)顯示系統(tǒng)，包括:
[0044]樹形結(jié)構(gòu)控制模塊，用于自動(dòng)生成根節(jié)點(diǎn)列表，并根據(jù)接收到的用戶指令生成相應(yīng)的根節(jié)點(diǎn)的各級(jí)子節(jié)點(diǎn)列表；
[0045]顯示控制模塊，用于控制根節(jié)點(diǎn)列表和子節(jié)點(diǎn)列表中節(jié)點(diǎn)的顯示區(qū)域沿界面縱向依次排列，以及控制所述各級(jí)子節(jié)點(diǎn)列表的顯示區(qū)域沿界面橫向依次排列。
[0046]本發(fā)明所提供的用戶界面樹形結(jié)構(gòu)顯示方法及系統(tǒng)，由于根節(jié)點(diǎn)列表和各級(jí)子節(jié)點(diǎn)列表中節(jié)點(diǎn)的顯示區(qū)域沿界面縱向依次排列，即從上往下依次排列，因此，充分利用了用戶界面的縱向空間，又由于各級(jí)子節(jié)點(diǎn)列表沿界面橫向依次排列，即從左往右依次排列，充分利用了用戶界面的橫向空間，因此，本發(fā)明不僅能夠充分利用用戶的界面空間，避免局部界面空白、顯示效果不佳的問(wèn)題，而且能夠使樹形結(jié)構(gòu)的層次更加分明，從而能夠迅速地找到需要的節(jié)點(diǎn)，提高用戶的使用效率以及體驗(yàn)效果。
[0047]以上是本發(fā)明的核心思想，為使本發(fā)明的上述目的、特征和優(yōu)點(diǎn)能夠更加明顯易懂，下面結(jié)合附圖對(duì)本發(fā)明的【具體實(shí)施方式】做詳細(xì)的說(shuō)明。
[0048]在下面的描述中闡述了很多具體細(xì)節(jié)以便于充分理解本發(fā)明，但是本發(fā)明還可以采用其他不同于在此描述的其它方式來(lái)實(shí)施，本領(lǐng)域技術(shù)人員可以在不違背本發(fā)明內(nèi)涵的情況下做類似推廣，因此本發(fā)明不受下面公開(kāi)的具體實(shí)施例的限制。
[0049]其次，本發(fā)明結(jié)合示意圖進(jìn)行詳細(xì)描述，在詳述本發(fā)明實(shí)施例時(shí)，為便于說(shuō)明，表示器件結(jié)構(gòu)的剖面圖會(huì)不依一般比例作局部放大，而且所述示意圖只是示例，其在此不應(yīng)限制本發(fā)明保護(hù)的范圍。此外，在實(shí)際制作中應(yīng)包含長(zhǎng)度、寬度及深度的三維空間尺寸。
[0050]下面通過(guò)幾個(gè)實(shí)施例詳細(xì)描述。[0051]實(shí)施例一
[0052]本實(shí)施例提供了一種用戶界面樹形結(jié)構(gòu)顯示方法，其流程圖如圖2所示，包括:
[0053]S201:自動(dòng)生成并顯示根節(jié)點(diǎn)列表；
[0054]在生成根節(jié)點(diǎn)列表之前,利用AJAX (Asynchronous JavaScript and Xml,異步的JavaScript 和 Xml 技術(shù))技術(shù)或基于 TCP/IP (Transmission Control Protocol/InternetProtocol，傳輸控制協(xié)議/因特網(wǎng)互聯(lián)協(xié)議)的技術(shù)從服務(wù)器端或本地文件中讀取數(shù)據(jù)。所述數(shù)據(jù)包括JSON格式數(shù)據(jù)、XML格式或其他格式的數(shù)據(jù)，對(duì)所述數(shù)據(jù)進(jìn)行解析后，獲得表示節(jié)點(diǎn)之間層級(jí)關(guān)系的數(shù)據(jù)項(xiàng)，所述數(shù)據(jù)項(xiàng)通常包括id和parented這兩個(gè)字段，支持無(wú)限層級(jí)的節(jié)點(diǎn)。
[0055]其中，AJAX不是一種新的編程語(yǔ)言，而是一種用于創(chuàng)建更好更快以及交互性更強(qiáng)的網(wǎng)頁(yè)應(yīng)用程序的技術(shù)，JSON是一種輕量級(jí)的數(shù)據(jù)交換格式，它是基于JavaScript的一個(gè)子集。JSON雖然采用完全獨(dú)立于語(yǔ)言的文本格式，但是，也具有類似于C語(yǔ)言家族的習(xí)慣特性(包括C，C++，JavaScript等)，這些特性使得JSON成為理想的數(shù)據(jù)交換語(yǔ)言，易于用戶閱讀和編寫，同時(shí)也易于機(jī)器的解析和生成。雖然XML的說(shuō)明結(jié)構(gòu)更接近人類的語(yǔ)言，在編碼的可讀性上具有明顯的優(yōu)勢(shì)，但是，JSON更適合機(jī)器閱讀，索引效率更高。
[0056]對(duì)數(shù)據(jù)進(jìn)行解析后，得到表示數(shù)據(jù)之間層次關(guān)系的節(jié)點(diǎn)數(shù)據(jù)，并根據(jù)節(jié)點(diǎn)數(shù)據(jù)自動(dòng)生成并顯示根節(jié)點(diǎn)列表，所述根節(jié)點(diǎn)列表包括一個(gè)或多個(gè)根節(jié)點(diǎn)，且所述根節(jié)點(diǎn)的顯示區(qū)域沿界面的縱向排列，即從上往下依次排列。
[0057]S202:根據(jù)接收到的用戶指令，生成并顯示相應(yīng)根節(jié)點(diǎn)的各級(jí)子節(jié)點(diǎn)列表。
[0058]本實(shí)施例中，用戶指令為用戶通過(guò)鼠標(biāo)移入操作輸入的指令，當(dāng)然，在其他實(shí)施例中也可以為用戶通過(guò)鍵盤方向鍵操作或點(diǎn)擊觸摸屏的觸控操作等輸入的指令。當(dāng)用戶按壓鍵盤方向鍵時(shí)，通過(guò)識(shí)別方向鍵對(duì)應(yīng)的位置區(qū)域確定對(duì)應(yīng)的節(jié)點(diǎn)，并執(zhí)行相應(yīng)的命令，顯示子節(jié)點(diǎn)列表等；當(dāng)用戶點(diǎn)擊觸摸屏?xí)r，通過(guò)識(shí)別點(diǎn)擊的位置區(qū)域確定對(duì)應(yīng)的節(jié)點(diǎn)，并執(zhí)行相應(yīng)的命令，顯示子節(jié)點(diǎn)列表等。
[0059]本實(shí)施例中，根據(jù)接收到的用戶指令生成并顯示相應(yīng)根節(jié)點(diǎn)的各級(jí)子節(jié)點(diǎn)列表的過(guò)程具體為:接收到用戶鼠標(biāo)移入操作輸入的指令時(shí)，通過(guò)識(shí)別鼠標(biāo)的位置確定對(duì)應(yīng)的根節(jié)點(diǎn)，生成并顯示所述根節(jié)點(diǎn)的各級(jí)子節(jié)點(diǎn)列表。
[0060]接收到用戶指令時(shí)，即當(dāng)用戶將鼠標(biāo)移入任一根節(jié)點(diǎn)的顯示區(qū)域時(shí)，通過(guò)識(shí)別鼠標(biāo)的位置確定對(duì)應(yīng)的根節(jié)點(diǎn)，生成并顯示所述根節(jié)點(diǎn)的各級(jí)子節(jié)點(diǎn)列表的過(guò)程包括:當(dāng)用戶將鼠標(biāo)移入任一根節(jié)點(diǎn)的顯示區(qū)域時(shí)，系統(tǒng)自動(dòng)生成并顯示所述根節(jié)點(diǎn)的第一級(jí)子節(jié)點(diǎn)列表，當(dāng)用戶將鼠標(biāo)移入第一級(jí)子節(jié)點(diǎn)列表中任一節(jié)點(diǎn)的顯示區(qū)域時(shí)，系統(tǒng)自動(dòng)生成并顯示所述節(jié)點(diǎn)的第二級(jí)子節(jié)點(diǎn)列表，依次類推，當(dāng)用戶將鼠標(biāo)移入第N-1級(jí)子節(jié)點(diǎn)列表中任一節(jié)點(diǎn)的顯示區(qū)域時(shí)，系統(tǒng)自動(dòng)生成并顯示所述節(jié)點(diǎn)的第N級(jí)子節(jié)點(diǎn)列表，其中，所述第N級(jí)子節(jié)點(diǎn)列表為所述根節(jié)點(diǎn)的最后一級(jí)子節(jié)點(diǎn)列表。
[0061]所述各級(jí)子節(jié)點(diǎn)列表的顯示區(qū)域沿界面的橫向，即從左往右依次排列，且任一節(jié)點(diǎn)的子節(jié)點(diǎn)列表中縱向排列在第一個(gè)的第一節(jié)點(diǎn)的顯示區(qū)域與所述節(jié)點(diǎn)的顯示區(qū)域在同一條直線上，所述子節(jié)點(diǎn)列表顯示區(qū)域的左側(cè)位置緊鄰其對(duì)應(yīng)的上一級(jí)節(jié)點(diǎn)顯示區(qū)域的右側(cè)位置，且所述子節(jié)點(diǎn)列表與所述上一級(jí)節(jié)點(diǎn)之間通過(guò)樹形符號(hào)連接，本實(shí)施例中的樹形結(jié)構(gòu)的示意圖如圖3所示。[0062]在顯示各級(jí)子節(jié)點(diǎn)列表的過(guò)程中，接收到用戶指令時(shí)，即當(dāng)用戶將鼠標(biāo)移動(dòng)到任一節(jié)點(diǎn)的顯示區(qū)域時(shí)，系統(tǒng)自動(dòng)生成并顯示所述節(jié)點(diǎn)的子節(jié)點(diǎn)列表，并自動(dòng)隱藏所述節(jié)點(diǎn)同一級(jí)的其他節(jié)點(diǎn)的子節(jié)點(diǎn)列表，以便于用戶查看。此外，當(dāng)用戶鼠標(biāo)移入任一節(jié)點(diǎn)的顯示區(qū)域時(shí)，如果生成的子節(jié)點(diǎn)列表的顯示區(qū)域超出當(dāng)前顯示界面時(shí)，所述顯示界面的滾動(dòng)條自動(dòng)移動(dòng)，以顯示所述子節(jié)點(diǎn)列表。
[0063]通過(guò)識(shí)別鼠標(biāo)的位置來(lái)確定用戶需要查看的節(jié)點(diǎn)，并據(jù)此來(lái)自動(dòng)展開(kāi)相應(yīng)節(jié)點(diǎn)的子節(jié)點(diǎn)列表，自動(dòng)隱藏所述節(jié)點(diǎn)同一級(jí)的其他節(jié)點(diǎn)的子節(jié)點(diǎn)列表，即便于用戶查看，又提高了操作效率，從而避免了節(jié)點(diǎn)層級(jí)較多時(shí)，需要多次點(diǎn)擊鼠標(biāo)來(lái)完成層級(jí)的展開(kāi)、收縮，操作繁瑣的問(wèn)題。
[0064]本實(shí)施例中，當(dāng)同一列表中的多個(gè)(兩個(gè)及兩個(gè)以上)節(jié)點(diǎn)的子節(jié)點(diǎn)列表相同時(shí)，例如，節(jié)點(diǎn)A、節(jié)點(diǎn)B、節(jié)點(diǎn)C具有相同的子節(jié)點(diǎn)列表，則將節(jié)點(diǎn)A?C沿界面縱向依次排列在同一個(gè)塊內(nèi)，即同一顯示區(qū)域內(nèi)，所述節(jié)點(diǎn)的顯示區(qū)域合并后的樹形結(jié)構(gòu)如圖4所示。所述顯示區(qū)域內(nèi)的各節(jié)點(diǎn)之間相互獨(dú)立，對(duì)各節(jié)點(diǎn)的操作互不影響。所述多個(gè)節(jié)點(diǎn)與其他節(jié)點(diǎn)沒(méi)有太大的區(qū)別，僅僅只是沒(méi)有自己的顯示區(qū)域，共同處于同一個(gè)顯示區(qū)域的外部邊框內(nèi)部而已。
[0065]其中，在接收到用戶指令后，在所述顯示區(qū)域右側(cè)生成并顯示對(duì)應(yīng)所述多個(gè)節(jié)點(diǎn)的同一子節(jié)點(diǎn)列表，即在接收到對(duì)應(yīng)所述顯示區(qū)域的任一節(jié)點(diǎn)的用戶指令后，在所述顯示區(qū)域右側(cè)生成并顯示同一子節(jié)點(diǎn)列表。
[0066]本實(shí)施例提供的用戶界面樹形結(jié)構(gòu)顯示方法，由于根節(jié)點(diǎn)列表和各級(jí)子節(jié)點(diǎn)列表中節(jié)點(diǎn)的顯示區(qū)域沿界面縱向依次排列，即從上往下依次排列，因此，充分利用了用戶界面的縱向空間，又由于各級(jí)子節(jié)點(diǎn)列表沿界面橫向依次排列，即從左往右依次排列，充分利用了用戶界面的橫向空間，因此，本發(fā)明不僅能夠充分利用用戶的界面空間，避免局部界面空白、顯示效果不佳的問(wèn)題，而且能夠使樹形結(jié)構(gòu)的層次更加分明，從而能夠迅速地找到需要的節(jié)點(diǎn)，提高用戶的使用效率以及體驗(yàn)效果。
[0067]實(shí)施例二
[0068]本實(shí)施例提供了一種用于科目選擇的用戶界面樹形結(jié)構(gòu)顯示方法，所述樹形結(jié)構(gòu)中的每一個(gè)節(jié)點(diǎn)都對(duì)應(yīng)一個(gè)科目，所述方法的流程圖如圖5所示，包括:
[0069]S501:自動(dòng)生成并顯示根科目列表；
[0070]在生成根節(jié)點(diǎn)列表之前，利用AJAX技術(shù)或基于TCP/IP協(xié)議的技術(shù)從服務(wù)器端或本地文件中讀取數(shù)據(jù),所述數(shù)據(jù)包括JSON格式數(shù)據(jù)、XML格式或其他格式的數(shù)據(jù)。對(duì)所述數(shù)據(jù)進(jìn)行解析后，獲得表示各科目間層級(jí)關(guān)系的數(shù)據(jù)項(xiàng)，所述數(shù)據(jù)項(xiàng)通常包括id和parented這兩個(gè)字段，其支持無(wú)限層級(jí)。
[0071]獲得表示各科目之間層級(jí)關(guān)系的數(shù)據(jù)后，根據(jù)所述數(shù)據(jù)自動(dòng)生成并顯示根科目列表，所述根科目列表包括一個(gè)或多個(gè)根科目，且所述根科目的顯示區(qū)域沿界面的縱向排列，即從上往下依次排列。
[0072]S502:根據(jù)接收到的用戶指令，生成并顯示相應(yīng)根科目的各級(jí)子科目列表；
[0073]本實(shí)施例中，用戶指令為用戶通過(guò)將鼠標(biāo)移入操作輸入的顯示指令，當(dāng)然，在其他實(shí)施例中也可以為用戶通過(guò)鍵盤方向鍵操作或點(diǎn)擊觸摸屏的觸控操作等輸入的指令。即當(dāng)用戶按壓鍵盤方向鍵時(shí)，通過(guò)識(shí)別方向鍵對(duì)應(yīng)的位置區(qū)域確定對(duì)應(yīng)的節(jié)點(diǎn)，并執(zhí)行相應(yīng)的命令，顯示子節(jié)點(diǎn)列表等；當(dāng)用戶點(diǎn)擊觸摸屏?xí)r，通過(guò)識(shí)別點(diǎn)擊的位置區(qū)域確定對(duì)應(yīng)的節(jié)點(diǎn)，并執(zhí)行相應(yīng)的命令，顯示子節(jié)點(diǎn)列表等。
[0074]本實(shí)施例中，根據(jù)接收到的用戶指令生成并顯示相應(yīng)根科目的各級(jí)子科目列表的過(guò)程具體為:接收到用戶鼠標(biāo)移入操作輸入的指令時(shí)，即當(dāng)用戶將鼠標(biāo)移入任一根科目的顯示區(qū)域時(shí)，通過(guò)識(shí)別鼠標(biāo)的位置確定對(duì)應(yīng)的根科目，系統(tǒng)自動(dòng)獲取數(shù)據(jù)生成并顯示所述根科目的各級(jí)子科目列表。
[0075]接收到用戶指令時(shí)，即當(dāng)用戶將鼠標(biāo)移入任一根科目的顯示區(qū)域時(shí)，通過(guò)識(shí)別鼠標(biāo)的位置確定對(duì)應(yīng)的根科目，生成并顯示所述根科目的各級(jí)子科目列表的過(guò)程包括:當(dāng)用戶將鼠標(biāo)移入任一根科目的顯示區(qū)域時(shí)，系統(tǒng)自動(dòng)生成并顯示所述根科目的第一級(jí)子科目列表，當(dāng)用戶將鼠標(biāo)移入第一級(jí)子科目列表中任一科目的顯示區(qū)域時(shí)，系統(tǒng)自動(dòng)生成并顯示所述科目的第二級(jí)子科目列表，依次類推，當(dāng)用戶將鼠標(biāo)移入第N-1級(jí)子科目列表中任一科目的顯示區(qū)域時(shí)，系統(tǒng)自動(dòng)生成并顯示所述科目的第N級(jí)子科目列表，其中，所述第N級(jí)子科目列表為所述根科目的最后一級(jí)子科目列表。
[0076]所述各級(jí)子科目列表的顯示區(qū)域沿界面的橫向，即從左往右依次排列，且任一科目的子科目列表中縱向排列在第一個(gè)的第一科目的顯示區(qū)域與所述科目的顯示區(qū)域在同一條直線上，所述子科目列表顯示區(qū)域的左側(cè)位置緊鄰其對(duì)應(yīng)的上一級(jí)科目顯示區(qū)域的右側(cè)位置，且所述子科目列表與所述上一級(jí)科目之間通過(guò)樹形符號(hào)連接，其樹形結(jié)構(gòu)圖與圖3中的結(jié)構(gòu)相同。
[0077]在顯示各級(jí)子科目列表的過(guò)程中，接收到用戶指令時(shí)，即當(dāng)用戶將鼠標(biāo)移動(dòng)到任一科目的顯示區(qū)域時(shí)，系統(tǒng)自動(dòng)生成并顯示所述科目的子節(jié)點(diǎn)列表，并自動(dòng)隱藏所述科目同一級(jí)的其他科目的子節(jié)點(diǎn)列表，以便于用戶查看。此外，當(dāng)用戶鼠標(biāo)移入任一科目的顯示區(qū)域時(shí)，如果生成的子科目列表的顯示區(qū)域超出當(dāng)前顯示界面時(shí)，所述顯示界面的滾動(dòng)條自動(dòng)移動(dòng)，以顯示所述子科目列表。
[0078]通過(guò)識(shí)別鼠標(biāo)的位置來(lái)確定用戶需要查看的科目，并據(jù)此來(lái)自動(dòng)展開(kāi)相應(yīng)科目的子科目列表，自動(dòng)隱藏所述科目同一級(jí)的其他科目的子科目列表，即便于用戶查看，又提高了操作效率，從而避免了科目層級(jí)較多時(shí)，需要多次點(diǎn)擊鼠標(biāo)來(lái)完成層級(jí)的展開(kāi)、收縮，操作繁瑣的問(wèn)題。
[0079]S503:根據(jù)顯示的各級(jí)子科目列表，選擇用戶需要的科目。
[0080]生成并顯示根科目的各級(jí)子科目列表后，用戶可以根據(jù)需要選擇科目。當(dāng)用戶選擇的科目為單個(gè)的科目時(shí)，可以通過(guò)點(diǎn)擊所述科目對(duì)應(yīng)的顯示區(qū)域來(lái)選中所述科目；當(dāng)用戶選擇的科目為同一子科目列表中的全部科目時(shí)，可以通過(guò)選中所述子科目列表對(duì)應(yīng)的上一級(jí)科目，來(lái)選中所述子科目列表中的全部科目。
[0081]本實(shí)施例中，當(dāng)同一列表中的多個(gè)(兩個(gè)及兩個(gè)以上)科目的子科目列表相同時(shí)，則與圖4中的結(jié)構(gòu)相同，將科目A?C沿界面縱向依次排列在同一個(gè)塊內(nèi)，即同一顯示區(qū)域內(nèi)。所述顯示區(qū)域內(nèi)的各科目之間相互獨(dú)立，對(duì)各科目的操作互不影響。所述多個(gè)科目與其他科目沒(méi)有太大的區(qū)別，僅僅只是沒(méi)有自己的顯示區(qū)域，共同處于同一個(gè)顯示區(qū)域的外部邊框內(nèi)部而已。
[0082]其中，在接收到用戶指令后，在所述顯示區(qū)域右側(cè)生成并顯示對(duì)應(yīng)所述多個(gè)科目的同一子科目列表，即在接收到對(duì)應(yīng)所述顯示區(qū)域的任一科目的用戶指令后，在所述顯示區(qū)域右側(cè)生成并顯示同一子科目列表。
[0083]本實(shí)施例中，由于根科目列表和各級(jí)子科目列表中科目的顯示區(qū)域沿界面縱向依次排列，即從上往下依次排列，因此，充分利用了用戶界面的縱向空間，又由于各級(jí)子科目列表沿界面橫向依次排列，即從左往右依次排列，充分利用了用戶界面的橫向空間，因此，本實(shí)施例不僅能夠充分利用用戶的界面空間，避免局部界面空白、顯示效果不佳的問(wèn)題，而且能夠使樹形結(jié)構(gòu)的層次更加分明，從而能夠迅速地找到并選擇需要的科目，提高了用戶的使用效率以及體驗(yàn)效果。
[0084]實(shí)施例三
[0085]本實(shí)施例提供了一種用戶界面樹形結(jié)構(gòu)顯示系統(tǒng)，包括:樹形結(jié)構(gòu)控制模塊和顯示控制模塊，樹形結(jié)構(gòu)控制模塊，用于自動(dòng)生成根節(jié)點(diǎn)列表，并根據(jù)接收到的用戶指令生成相應(yīng)的根節(jié)點(diǎn)的各級(jí)子節(jié)點(diǎn)列表；顯示控制模塊，用于控制根節(jié)點(diǎn)列表和子節(jié)點(diǎn)列表中節(jié)點(diǎn)的顯示區(qū)域沿界面縱向依次排列，以及控制所述各級(jí)子節(jié)點(diǎn)列表的顯示區(qū)域沿界面橫向依次排列。
[0086]本實(shí)施例中，所述系統(tǒng)還包括:數(shù)據(jù)獲取模塊，用于利用AJAX技術(shù)或基于TCP/IP協(xié)議的技術(shù)從服務(wù)器端或本地文件中獲取JSON格式、XML格式或其他格式的數(shù)據(jù)，并對(duì)所述數(shù)據(jù)進(jìn)行解析，獲得表示各節(jié)點(diǎn)層級(jí)關(guān)系的數(shù)據(jù)項(xiàng)，所述數(shù)據(jù)項(xiàng)通常包括id和parented這兩個(gè)字段。
[0087]數(shù)據(jù)獲取模塊獲得數(shù)據(jù)后，樹形結(jié)構(gòu)控制模塊根據(jù)所述數(shù)據(jù)自動(dòng)生成根節(jié)點(diǎn)列表，并將所述根節(jié)點(diǎn)列表顯示在用戶界面，根據(jù)用戶的指令，即當(dāng)用戶的鼠標(biāo)移入任一根節(jié)點(diǎn)的顯示區(qū)域時(shí)，樹形結(jié)構(gòu)控制模塊根據(jù)數(shù)據(jù)生成所述根節(jié)點(diǎn)對(duì)應(yīng)的子節(jié)點(diǎn)列表，當(dāng)用戶的鼠標(biāo)移入所述子節(jié)點(diǎn)列表中的任一子節(jié)點(diǎn)的顯示區(qū)域時(shí)，樹形結(jié)構(gòu)控制模塊根據(jù)數(shù)據(jù)生成所述子節(jié)點(diǎn)對(duì)應(yīng)的子節(jié)點(diǎn)列表，依次類推，直至生成所述根節(jié)點(diǎn)的最后一級(jí)子節(jié)點(diǎn)列表。本實(shí)施例中的樹形結(jié)構(gòu)控制模塊支持無(wú)限層級(jí)的子節(jié)點(diǎn)列表的生成。
[0088]在樹形結(jié)構(gòu)控制模塊生成根節(jié)點(diǎn)的各級(jí)子節(jié)點(diǎn)列表的過(guò)程中，顯示控制模塊控制根節(jié)點(diǎn)列表和子節(jié)點(diǎn)列表中的節(jié)點(diǎn)的顯示區(qū)域沿界面縱向排列，即從上往下依次排列，以及控制生成的各級(jí)子節(jié)點(diǎn)列表的顯示區(qū)域沿界面橫向排列，即從左往右依次排列。
[0089]本實(shí)施例中，所述顯示控制模塊包括:第一顯示區(qū)域控制模塊、第二顯示區(qū)域控制模塊、第三顯示區(qū)域控制模塊和界面顯示控制模塊，第一顯示區(qū)域控制模塊，用于控制根節(jié)點(diǎn)列表和子節(jié)點(diǎn)列表中節(jié)點(diǎn)的顯示區(qū)域沿界面縱向依次排列；第二顯示區(qū)域控制模塊，用于控制各級(jí)子節(jié)點(diǎn)列表的顯示區(qū)域沿界面橫向依次排列；第三顯示區(qū)域控制模塊，用于控制子節(jié)點(diǎn)列表中排列在第一個(gè)的第一節(jié)點(diǎn)的顯示區(qū)域與其對(duì)應(yīng)的上一級(jí)節(jié)點(diǎn)的顯示區(qū)域在同一條直線上；界面顯示控制模塊，用于當(dāng)生成的子節(jié)點(diǎn)列表的顯示區(qū)域超出用戶的當(dāng)前顯示界面時(shí)，移動(dòng)顯示界面的滾動(dòng)條來(lái)顯示所述子節(jié)點(diǎn)列表。
[0090]本實(shí)施例中，用戶指令為用戶通過(guò)將鼠標(biāo)移入到相應(yīng)節(jié)點(diǎn)的顯示區(qū)域的操作來(lái)輸入的顯示指令，當(dāng)然，在其他實(shí)施例中也可以為用戶通過(guò)鍵盤方向鍵操作或點(diǎn)擊觸摸屏的觸控操作等輸入的指令。即當(dāng)用戶按壓鍵盤方向鍵時(shí)，通過(guò)識(shí)別方向鍵對(duì)應(yīng)的位置區(qū)域確定對(duì)應(yīng)的節(jié)點(diǎn)，并執(zhí)行相應(yīng)的命令，顯示子節(jié)點(diǎn)列表等；當(dāng)用戶點(diǎn)擊觸摸屏?xí)r，通過(guò)識(shí)別點(diǎn)擊的位置區(qū)域確定對(duì)應(yīng)的節(jié)點(diǎn)，并執(zhí)行相應(yīng)的命令，顯示子節(jié)點(diǎn)列表等。
[0091]此外，本實(shí)施例中，所述顯示控制模塊還包括:合并顯示控制模塊，用于當(dāng)同一列表中的多個(gè)節(jié)點(diǎn)的子節(jié)點(diǎn)列表相同時(shí)，將所述多個(gè)節(jié)點(diǎn)沿界面縱向依次排列在同一顯示區(qū)域內(nèi)，并在所述顯示區(qū)域右側(cè)顯示對(duì)應(yīng)所述多個(gè)節(jié)點(diǎn)的同一子節(jié)點(diǎn)列表。
[0092]如圖4所示，當(dāng)節(jié)點(diǎn)A、節(jié)點(diǎn)B、節(jié)點(diǎn)C具有相同的子節(jié)點(diǎn)列表時(shí)，合并顯示控制模塊將節(jié)點(diǎn)A?C沿界面縱向依次排列在同一個(gè)塊內(nèi)，即同一顯示區(qū)域內(nèi)。所述顯示區(qū)域內(nèi)的各節(jié)點(diǎn)之間相互獨(dú)立，對(duì)各節(jié)點(diǎn)的操作互不影響。所述多個(gè)節(jié)點(diǎn)與其他節(jié)點(diǎn)沒(méi)有太大的區(qū)別，僅僅只是沒(méi)有自己的顯示區(qū)域，共同處于同一個(gè)顯示區(qū)域的外部邊框內(nèi)部而已。其中，樹形結(jié)構(gòu)控制模塊在接收到用戶指令后，生成對(duì)應(yīng)所述多個(gè)節(jié)點(diǎn)的同一子節(jié)點(diǎn)列表，合并顯示控制模塊控制同一子節(jié)點(diǎn)列表在所述顯示區(qū)域的右側(cè)顯示。
[0093]本實(shí)施例提供的用戶界面樹形結(jié)構(gòu)顯示系統(tǒng)，通過(guò)樹形結(jié)構(gòu)控制模塊自動(dòng)生成根節(jié)點(diǎn)列表，以及根據(jù)用戶的指令生成相應(yīng)的根節(jié)點(diǎn)的各級(jí)子節(jié)點(diǎn)列表，通過(guò)顯示控制模塊控制根節(jié)點(diǎn)列表和子節(jié)點(diǎn)列表中的節(jié)點(diǎn)的顯示區(qū)域沿界面縱向依次排列，即從上往下依次排列，以及所述各級(jí)子節(jié)點(diǎn)列表的顯示區(qū)域沿界面橫向依次排列，即從左往右依次排列，從而實(shí)現(xiàn)了用戶界面縱向空間和橫向空間的充分利用，避免了局部界面空白、顯示效果不佳的問(wèn)題，且能夠使節(jié)點(diǎn)的層次更加分明，從而能夠迅速地找到需要的節(jié)點(diǎn)，提高了用戶的使用效率以及體驗(yàn)效果。
[0094]本說(shuō)明書中各個(gè)實(shí)施例采用遞進(jìn)的方式描述，每個(gè)實(shí)施例重點(diǎn)說(shuō)明的都是與其他實(shí)施例的不同之處，各個(gè)實(shí)施例之間相同相似部分互相參見(jiàn)即可。對(duì)于實(shí)施例公開(kāi)的裝置而言，由于其與實(shí)施例公開(kāi)的方法相對(duì)應(yīng)，所以描述的比較簡(jiǎn)單，相關(guān)之處參見(jiàn)方法部分說(shuō)明即可。
[0095]對(duì)所公開(kāi)的實(shí)施例的上述說(shuō)明，使本領(lǐng)域?qū)I(yè)技術(shù)人員能夠?qū)崿F(xiàn)或使用本發(fā)明。對(duì)這些實(shí)施例的多種修改對(duì)本領(lǐng)域的專業(yè)技術(shù)人員來(lái)說(shuō)將是顯而易見(jiàn)的，本文中所定義的一般原理可以在不脫離本發(fā)明的精神或范圍的情況下，在其它實(shí)施例中實(shí)現(xiàn)。因此，本發(fā)明將不會(huì)被限制于本文所示的這些實(shí)施例，而是要符合與本文所公開(kāi)的原理和新穎特點(diǎn)相一致的最寬的范圍。
【權(quán)利要求】
1.一種用戶界面樹形結(jié)構(gòu)顯示方法，其特征在于，包括: 自動(dòng)生成并顯示根節(jié)點(diǎn)列表； 根據(jù)接收到的用戶指令，生成并顯示相應(yīng)根節(jié)點(diǎn)的各級(jí)子節(jié)點(diǎn)列表； 其中，所述根節(jié)點(diǎn)列表和各級(jí)子節(jié)點(diǎn)列表均包括顯示區(qū)域沿界面縱向依次排列的一個(gè)或多個(gè)節(jié)點(diǎn)，且所述各級(jí)子節(jié)點(diǎn)列表的顯示區(qū)域沿界面橫向依次排列。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述用戶指令為用戶通過(guò)鼠標(biāo)移入操作、鍵盤方向鍵操作或觸屏觸控操作輸入的指令。
3.根據(jù)權(quán)利要求2所述的方法，其特征在于，接收到用戶指令時(shí)，生成并顯示所述節(jié)點(diǎn)的子節(jié)點(diǎn)列表，隱藏所述節(jié)點(diǎn)同一級(jí)的其他節(jié)點(diǎn)的子節(jié)點(diǎn)列表。
4.根據(jù)權(quán)利要求3所述的方法，其特征在于，子節(jié)點(diǎn)列表中排列在第一個(gè)的第一節(jié)點(diǎn)的顯示區(qū)域與其對(duì)應(yīng)的上一級(jí)節(jié)點(diǎn)的顯示區(qū)域在同一條直線上。
5.根據(jù)權(quán)利要求4所述的方法，其特征在于，接收到用戶指令時(shí)，如果生成的子節(jié)點(diǎn)列表的顯示區(qū)域超出當(dāng)前顯示界面時(shí)，所述顯示界面的滾動(dòng)條自動(dòng)移動(dòng)，以顯示所述子節(jié)點(diǎn)列表。
6.根據(jù)權(quán)利要求5所述的方法，其特征在于，當(dāng)同一列表中的多個(gè)節(jié)點(diǎn)的子節(jié)點(diǎn)列表相同時(shí)，將所述多個(gè)節(jié)點(diǎn)沿界面縱向依次排列在同一顯示區(qū)域內(nèi)，并在接收到用戶指令后，在所述顯示區(qū)域右側(cè)生成并顯示對(duì)應(yīng)所述多個(gè)節(jié)點(diǎn)的同一子節(jié)點(diǎn)列表。
7.根據(jù)權(quán)利要求6所述的方法,其特征在于,用于科目選擇時(shí),每一個(gè)節(jié)點(diǎn)對(duì)應(yīng)一個(gè)科目，則所述方法還包括: 根據(jù)顯示的各級(jí)子科目列表，選擇用戶需要的科目。
8.根據(jù)權(quán)利要求7所述的方法，其特征在于，當(dāng)用戶選擇的科目為單個(gè)的科目時(shí)，可以通過(guò)點(diǎn)擊所述科目對(duì)應(yīng)的顯示區(qū)域來(lái)選中所述科目；當(dāng)用戶選擇的科目為同一子科目列表中的全部科目時(shí)，可以通過(guò)選中所述子科目列表對(duì)應(yīng)的上一級(jí)科目，來(lái)選中所述子科目列表中的全部科目。
9.一種用戶界面樹形結(jié)構(gòu)顯示系統(tǒng)，其特征在于，包括: 樹形結(jié)構(gòu)控制模塊，用于自動(dòng)生成根節(jié)點(diǎn)列表，并根據(jù)接收到的用戶指令生成相應(yīng)的根節(jié)點(diǎn)的各級(jí)子節(jié)點(diǎn)列表； 顯示控制模塊，用于控制根節(jié)點(diǎn)列表和子節(jié)點(diǎn)列表中節(jié)點(diǎn)的顯示區(qū)域沿界面縱向依次排列，以及控制所述各級(jí)子節(jié)點(diǎn)列表的顯示區(qū)域沿界面橫向依次排列。
10.根據(jù)權(quán)利要求9所述的系統(tǒng)，其特征在于，所述顯示控制模塊包括: 第一顯示區(qū)域控制模塊，用于控制根節(jié)點(diǎn)列表和子節(jié)點(diǎn)列表中節(jié)點(diǎn)的顯示區(qū)域沿界面縱向依次排列； 第二顯示區(qū)域控制模塊，用于控制各級(jí)子節(jié)點(diǎn)列表的顯示區(qū)域沿界面橫向依次排列； 第三顯示區(qū)域控制模塊，用于控制子節(jié)點(diǎn)列表中排列在第一個(gè)的第一節(jié)點(diǎn)的顯示區(qū)域與其對(duì)應(yīng)的上一級(jí)節(jié)點(diǎn)的顯示區(qū)域在同一條直線上。
11.根據(jù)權(quán)利要求10所述的系統(tǒng)，其特征在于，所述顯示控制模塊還包括: 界面顯示控制模塊，用于當(dāng)生成的子節(jié)點(diǎn)列表的顯示區(qū)域超出用戶的當(dāng)前顯示界面時(shí)，移動(dòng)顯示界面的滾動(dòng)條來(lái)顯示所述子節(jié)點(diǎn)列表。
12.根據(jù)權(quán)利要求11所述的系統(tǒng)，其特征在于，所述顯示控制模塊還包括:合并顯示控制模塊，用于當(dāng)同一列表中的多個(gè)節(jié)點(diǎn)的子節(jié)點(diǎn)列表相同時(shí)，將所述多個(gè)節(jié)點(diǎn)沿界面縱向依次排列在同一顯示區(qū)域內(nèi)，并在所述顯示區(qū)域右側(cè)顯示對(duì)應(yīng)所述多個(gè)節(jié)點(diǎn)的同一子節(jié)點(diǎn)列表。
【文檔編號(hào)】G06F9/44GK103793135SQ201310753753
【公開(kāi)日】2014年5月14日 申請(qǐng)日期:2013年12月31日 優(yōu)先權(quán)日:2013年12月31日
【發(fā)明者】張慶梅, 張萌霞, 雷太原 申請(qǐng)人:遠(yuǎn)光軟件股份有限公司