一種用戶界面中所包含的部件的生成方法和裝置制造方法
【專利摘要】本發(fā)明公開了一種生成用戶界面中所包含的部件方法和裝置，用于解決現(xiàn)有技術(shù)中存在的開發(fā)者只能在UISDK所提供的UI部件中進(jìn)行選擇，不能完全根據(jù)開發(fā)者自身需求自定義UI部件的問題。方法包括：獲取并解析用戶在用戶界面開發(fā)過程中輸入的用戶所設(shè)計的部件的注冊信息；根據(jù)注冊信息中攜帶的部件的屬性信息、第一信息和第二信息，生成該部件的結(jié)構(gòu)；根據(jù)注冊信息中攜帶的第四信息，生成該部件能夠執(zhí)行的各種行為；根據(jù)注冊信息中攜帶的第三信息，生成該部件在不同操作狀態(tài)下的顯示樣式，并調(diào)用該第三信息中表示該部件在未操作狀態(tài)下的顯示樣式，在用戶界面中顯示該部件。本發(fā)明中，用戶可以自行設(shè)計用戶界面中的各個部件，提高了用戶體驗。
【專利說明】一種用戶界面中所包含的部件的生成方法和裝置
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及用戶界面（User Interface, UI)的開發(fā)【技術(shù)領(lǐng)域】，特別涉及一種用戶 界面中所包含的部件的生成方法和裝置。
【背景技術(shù)】
[0002] 用戶界面軟件開發(fā)包（User Interface Software Development Kit，UISDK)技 術(shù)，是一個用于用戶界面開發(fā)、以及用戶界面交互開發(fā)的框架。UISDK技術(shù)發(fā)展多年，已經(jīng) 成為軟件工具中的重要組成部分，為軟件的開發(fā)、生成提供了一定便利，如我們進(jìn)行Web開 發(fā)、應(yīng)用程序開發(fā)，均有相應(yīng)的UISDK開發(fā)工具，用于快速生成開發(fā)者所需的Π 。
[0003] UISDK是一種運行時庫，在程序的頭部載入。UISDK-般根據(jù)常用的部件、事件、行 為等進(jìn)行封裝，提供開發(fā)者便于使用的工具套件，比如按鈕、列表、單選框、復(fù)選框、文本框、 導(dǎo)航條、進(jìn)度條、滾動條等；UISDK對事件的封裝包括點擊（Onclick)事件、按鍵事件、獲得 焦點、內(nèi)容改變等；行為包括顯示、執(zhí)行、關(guān)聯(lián)等方面，一般UISDK均進(jìn)行高度封裝。開發(fā)者 使用UISDK進(jìn)行開發(fā)，在一定程度上提高了開發(fā)效率，可以不必在一個按鈕上花費太多的 時間。比如最為簡單的按鈕部件，在不使用UISDK進(jìn)行開發(fā)環(huán)境下，需要開發(fā)者自己定義一 個矩形區(qū)域，在該矩形區(qū)域內(nèi)放置一些文本作為按鈕內(nèi)容，然后需要開發(fā)者定義當(dāng)鼠標(biāo)移 至該矩形區(qū)域時，矩形區(qū)域?qū)l(fā)生何種變化，比如更換區(qū)域內(nèi)繪制新的圖片，作為按鈕處 于焦點或者鼠標(biāo)停留的樣式，當(dāng)點擊時做出另一種處理，點擊行為發(fā)生后，啟動相應(yīng)的函數(shù) 或者方法執(zhí)行，即所謂的點擊事件。但是有了 UISDK后便大大不同了，開發(fā)者可以直接從開 發(fā)工具包中拖拽一個按鈕到窗口區(qū)域，然后簡單設(shè)置其屬性便可使用，比如背景色、背景圖 片、鼠標(biāo)停留時的背景及圖片，實現(xiàn)其點擊事件。
[0004] 然而，開發(fā)者使用UISDK進(jìn)行開發(fā)時，也有會受到一些限制，比如開發(fā)者只能在 UISDK所提供的Π 部件中進(jìn)行選擇，不能根據(jù)開發(fā)者自身需求自定義Π 部件，如某一 Π 部 件未提供背景圖片的設(shè)置，開發(fā)者則無法為該部件指定自身所需的背景圖片等，開發(fā)過程 中受到一定的限制，降低了用戶體驗。
【發(fā)明內(nèi)容】
[0005] 本發(fā)明實施例提供了一種生成用戶界面中所包含的部件的方法和裝置，用于解決 現(xiàn)有技術(shù)中存在的開發(fā)者只能在UISDK所提供的UI部件中進(jìn)行選擇，不能完全根據(jù)開發(fā)者 自身需求自定義UI部件的問題。
[0006] 本發(fā)明實施例提供了一種生成用戶界面中所包含的部件的方法，包括：
[0007] 獲取并解析用戶在用戶界面開發(fā)過程中輸入的用戶所設(shè)計的部件的注冊信息，所 述注冊信息包括：所述部件的屬性信息、用于表示所述部件的組成部分的第一信息、用于表 示與所述部件相關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù)的第二信息、用于表示所述部件在不同操作狀態(tài)下的顯示 樣式的第三信息、和用于表示所述部件能夠執(zhí)行的各種行為的第四信息；
[0008] 根據(jù)所述部件的屬性信息、所述第一信息和所述第二信息，生成所述部件的結(jié) 構(gòu)；
[0009] 根據(jù)所述第四信息，生成所述部件能夠執(zhí)行的各種行為；
[0010] 根據(jù)所述第三信息，生成所述部件在不同操作狀態(tài)下的顯示樣式，并調(diào)用所述第 三信息中表示所述部件在未操作狀態(tài)下的顯示樣式，在用戶界面中顯示所述部件。
[0011] 較佳地，在用戶界面中顯示所述部件之后，該方法還包括：
[0012] 根據(jù)用戶對所述部件的操作指令，調(diào)用所述第四信息中與所述操作指令對應(yīng)的行 為，并執(zhí)行所調(diào)用的行為；
[0013] 根據(jù)用戶對所述部件的操作指令，獲取所述第三信息中包含的表示所述部件在所 述操作指令對應(yīng)的操作狀態(tài)下的顯示樣式；以及
[0014] 根據(jù)獲取到的顯示樣式在用戶界面中顯示所述部件。
[0015] 在實施中，作為一種優(yōu)選的實現(xiàn)方式，若所述部件包括至少兩個子部件，所述注冊 信息還包括：用于表示所述部件所包含的各子部件之間的嵌套關(guān)系的第五信息；
[0016] 其中，所述部件的屬性信息包括所述部件所包含的各子部件的屬性信息；所述第 一信息包括分別表示所述部件所包含的各子部件的組成部分的信息；所述第二信息包括分 別表示與所述部件所包含的各子部件相關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù)的信息；所述第三信息包括分別表 示所述部件所包含的各子部件在不同操作狀態(tài)下的顯示樣式的信息；所述第四信息包括分 別表示所述部件所包含的各子部件能夠執(zhí)行的各種行為的信息。
[0017] 該方式下，根據(jù)所述部件的屬性信息、所述第一信息和所述第二信息，生成所述部 件的結(jié)構(gòu)，包括：
[0018] 針對所述部件所包含的每個子部件，根據(jù)該子部件對應(yīng)的屬性信息、所述第一信 息中表示該子部件的組成部分的信息和所述第二信息中表示該子部件相關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù) 的信息，生成該子部件的結(jié)構(gòu)；以及
[0019] 根據(jù)所述第五信息和生成的所述部件所包含的各子部件的結(jié)構(gòu)，生成所述部件的 結(jié)構(gòu)。
[0020] 該方式下，根據(jù)所述第四信息，生成所述部件能夠執(zhí)行各種行為，包括：
[0021] 根據(jù)所述第四信息中包含的表示所述部件所包含的各子部件能夠執(zhí)行的各種行 為的信息，生成所述部件所包含的各子部件能夠執(zhí)行的各種行為。
[0022] 該方式下，根據(jù)所述第三信息，生成所述部件在不同操作狀態(tài)下的顯示樣式，并調(diào) 用所述第三信息中表示所述部件在未操作狀態(tài)下的顯示樣式，在用戶界面中顯示所述部 件，包括：
[0023] 根據(jù)所述第三信息中包含的表示所述部件所包含的各子部件在不同操作狀態(tài)下 的顯示樣式，生成所述部件所包含的各子部件在不同操作狀態(tài)下的顯示樣式，并調(diào)用第三 信息中表示所述部件所包含的各子部件在未操作狀態(tài)下的顯示樣式，在用戶界面中顯示所 述部件。
[0024] 該方式下，在用戶界面中顯示所述部件之后，該方法還包括：
[0025] 根據(jù)用戶對所述部件的各子部件的操作指令，調(diào)用所述第四信息中與所述操作指 令對應(yīng)的各子部件需要執(zhí)行的行為，并執(zhí)行所調(diào)用的行為；
[0026] 根據(jù)用戶對所述部件的各子部件的操作指令，獲取所述第三信息中包含的分別表 示所述部件所包含的各子部件在所述操作指令對應(yīng)的操作狀態(tài)下的顯示樣式；以及
[0027] 根據(jù)獲取到的顯示樣式在用戶界面中顯示所述部件。
[0028] 本發(fā)明實施例提供的生成用戶界面中所包含的部件的裝置，包括：
[0029] 注冊界面提供模塊，用于在接收到用于請求注冊用戶所設(shè)計的部件的注冊請求 后，提供能夠輸入注冊信息的注冊界面；
[0030] 解析模塊，用于解析用戶在所述注冊界面中輸入的注冊信息，所述注冊信息包括： 所述部件的屬性信息、用于表示所述部件的組成部分的第一信息、用于表示與所述部件相 關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù)的第二信息、用于表示所述部件在不同操作狀態(tài)下的顯示樣式的第三信 息、和用于表示所述部件能夠執(zhí)行的各種行為的第四信息；
[0031] 第一處理模塊，用于根據(jù)所述部件的屬性信息、所述第一信息和所述第二信息，生 成所述部件的結(jié)構(gòu)；
[0032] 第二處理模塊，用于根據(jù)所述第三信息中包含的表示所述部件在未操作狀態(tài)下的 顯示樣式，在用戶界面中顯示所述部件。
[0033] 較佳地，該裝置還包括：
[0034] 第四處理模塊，用于根據(jù)用戶對所述部件的操作指令，調(diào)用所述第四信息中與所 述操作指令對應(yīng)的行為，并執(zhí)行所調(diào)用的行為；根據(jù)用戶對所述部件的操作指令，獲取所述 第三信息中包含的表示所述部件在所述操作指令對應(yīng)的操作狀態(tài)下的顯示樣式；以及根據(jù) 獲取到的顯示樣式在用戶界面中顯示所述部件。
[0035] 在實施中，作為一種優(yōu)選的實現(xiàn)方式，若所述部件包括至少兩個子部件，所述注冊 信息還包括：用于表示所述部件所包含的各子部件之間的嵌套關(guān)系的第五信息；
[0036] 其中，所述部件的屬性信息包括所述部件所包含的各子部件的屬性信息；所述第 一信息包括分別表示所述部件所包含的各子部件的組成部分的信息；所述第二信息包括分 別表示與所述部件所包含的各子部件相關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù)的信息；所述第三信息包括分別表 示所述部件所包含的各子部件在不同操作狀態(tài)下的顯示樣式的信息；所述第四信息包括分 別表示所述部件所包含的各子部件能夠執(zhí)行的各種行為的信息。
[0037] 該方式下，所述第一處理模塊具體用于：
[0038] 針對所述部件所包含的每個子部件，根據(jù)該子部件對應(yīng)的屬性信息、所述第一信 息中表示該子部件的組成部分的信息和所述第二信息中表示該子部件相關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù) 的信息，生成該子部件的結(jié)構(gòu)；以及根據(jù)所述第五信息和生成的所述部件所包含的各子部 件的結(jié)構(gòu)，生成所述部件的結(jié)構(gòu)。
[0039] 該方式下，所述第二處理模塊具體用于：
[0040] 根據(jù)所述第四信息中包含的表示所述部件所包含的各子部件能夠執(zhí)行的各種行 為的信息，生成所述部件所包含的各子部件能夠執(zhí)行的各種行為。
[0041] 該方式下，所述第三處理模塊具體用于：
[0042] 根據(jù)所述第三信息中包含的表示所述部件所包含的各子部件在不同操作狀態(tài)下 的顯示樣式，生成所述部件所包含的各子部件在不同操作狀態(tài)下的顯示樣式，并調(diào)用第三 信息中表示所述部件所包含的各子部件在未操作狀態(tài)下的顯示樣式，在用戶界面中顯示所 述部件。
[0043] 該方式下，該裝置還包括：
[0044] 第四處理模塊，用于根據(jù)用戶對所述部件的各子部件的操作指令，調(diào)用所述第四 信息中與所述操作指令對應(yīng)的各子部件需要執(zhí)行的行為，并執(zhí)行所調(diào)用的行為；根據(jù)用戶 對所述部件的各子部件的操作指令，獲取所述第三信息中包含的分別表示所述部件所包含 的各子部件在所述操作指令對應(yīng)的操作狀態(tài)下的顯示樣式；以及根據(jù)獲取到的顯示樣式在 用戶界面中顯示所述部件。
[0045] 本發(fā)明實施例提供的方法和裝置中，用戶可以自行設(shè)計和定義所設(shè)計的界面中的 各個部件，只需要將所設(shè)計的部件的注冊信息告知給nSDK端，UISDK端就能根據(jù)用戶輸入 的注冊信息，生成該部件的結(jié)構(gòu)并在用戶界面中顯示該部件，因此，用戶在設(shè)計網(wǎng)頁等用戶 界面時，不再受限于現(xiàn)有nSDK端提供固有部件的束縛，使用戶在進(jìn)行Π 開發(fā)，可以根據(jù)自 身需要生成不同于UISDK端所提供的固有部件的部件，實現(xiàn)了將用戶自己設(shè)計的部件轉(zhuǎn)化 為UISDK端的部件提高了用戶體驗。
【專利附圖】
【附圖說明】
[0046] 圖1為本發(fā)明提供的一種生成用戶界面所包含的部件的方法示意圖；
[0047] 圖2為本發(fā)明提供的一種用戶在用戶界面中設(shè)計的按鈕的示意圖；
[0048] 圖3A為本發(fā)明提供的一種用戶所設(shè)計的按鈕在無操作狀態(tài)下進(jìn)行顯示的示意 圖；
[0049] 圖3B為本發(fā)明提供的一種用戶設(shè)計的按鈕在點擊操作狀態(tài)下進(jìn)行顯示的示意 圖；
[0050] 圖4為本發(fā)明提供的實施例一的流程示意圖；
[0051] 圖5為本發(fā)明提供的一種用戶所設(shè)計的列表的結(jié)構(gòu)示意圖；
[0052] 圖6為本發(fā)明提供的一種生成用戶界面所包含的部件的裝置示意圖。
【具體實施方式】
[0053] 本發(fā)明中，用戶在設(shè)計用戶界面的過程中，可以根據(jù)自身的需求，向UISDK注冊部 件，使UISDK在接收到用戶輸入所設(shè)計的部件的注冊信息后，生成該部件，以顯示在用戶設(shè) 計的界面中，從而提高了用戶體驗。
[0054] 下面結(jié)合說明書附圖對本發(fā)明實施例作進(jìn)一步詳細(xì)描述。應(yīng)當(dāng)理解，此處所描述 的實施例僅用于說明和解釋本發(fā)明，并不用于限定本發(fā)明。
[0055] 如圖1所示，本發(fā)明實施例提供的一種生成用戶界面所包含的部件的方法，在用 戶設(shè)計界面的過程中，該方法包括：
[0056] 步驟11、獲取并解析用戶在用戶界面開發(fā)過程中輸入的用戶所設(shè)計的部件的注冊 信息，該注冊信息包括：用戶所設(shè)計的部件的屬性信息、用于表示用戶所設(shè)計的部件的組成 部分的第一信息、用于表示與用戶所設(shè)計的部件相關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù)的第二信息、用于表示 用戶所設(shè)計的部件在不同操作狀態(tài)下的顯示樣式的第三信息、和用于表示用戶所設(shè)計的部 件能夠執(zhí)行的各種行為的第四信息。
[0057] 本步驟中，預(yù)先定義生成不同部件所需的接口信息，用戶按照UISDK端定義的接 口信息輸入自身所涉及的部件的注冊信息，即可以理解為用戶輸入的注冊信息為UISDK端 所定義的生成不同部件所需的接口信息的具體內(nèi)容。
[0058] 本步驟中，用戶輸入的注冊信息可以采用JSON(JavaScript Object Notation, JavaScript對象表示法）、XML(Extensible Markup Language,可擴展標(biāo)記語言）等格式。
[0059] 步驟12、根據(jù)注冊信息中所包含的用戶所設(shè)計的部件的屬性信息、第一信息和第 二信息，生成用戶所設(shè)計的部件的結(jié)構(gòu)。
[0060] 具體的，根據(jù)用戶輸入的注冊信息中所包含的用戶所設(shè)計的部件的屬性信息、第 一信息和第二信息，進(jìn)行計算以生成用戶所設(shè)計的部件的結(jié)構(gòu)。
[0061] 步驟13、根據(jù)注冊信息中所包含的第四信息，生成該部件能夠執(zhí)行的各種行為。
[0062] 具體的，生成用戶所設(shè)計的部件的結(jié)構(gòu)之后，結(jié)合注冊信息中所包含的第四信息， 確定該部件能夠執(zhí)行的各種行為，并生成該部件能夠執(zhí)行的各種行為。
[0063] 步驟14、根據(jù)注冊信息中所包含的第三信息，生成該部件在不同操作狀態(tài)下的顯 示樣式，并調(diào)用第三信息中表示該部件在未操作狀態(tài)下的顯示樣式，在用戶界面中顯示該 部件。
[0064] 具體的，生成該部件能夠執(zhí)行的各種行為之后，結(jié)合注冊信息中所包含的第三信 息，確定該部件在不同操作狀態(tài)下的顯示樣式，并生成該部件在不同操作狀態(tài)下的顯示樣 式，并調(diào)用第三信息中表示該部件在未操作狀態(tài)下的顯示樣式，在用戶界面中顯示該部件。
[0065] 較佳地，上述步驟11?步驟14的執(zhí)行主體為HSDK端。
[0066] 本發(fā)明實施例中，在用戶設(shè)計用戶界面過程中，用戶可以自行設(shè)計和定義所設(shè)計 的用戶界面中的各個部件，只需要將所設(shè)計的部件的注冊信息告知給nSDK端，UISDK端就 能根據(jù)用戶輸入的注冊信息，生成該部件，因此，用戶在設(shè)計界面時，不再受限于UISDK端 提供固有部件的束縛，使用戶在進(jìn)行UI開發(fā)，可以根據(jù)自身需要生成不同于UISDK端所提 供的固有部件的部件，實現(xiàn)了將用戶自己設(shè)計的部件轉(zhuǎn)化為UISDK端的部件，提高了用戶 體驗。
[0067] 需要說明的是，用戶設(shè)計部件即程序開發(fā)的過程，用戶在提供注冊信息時，需要根 據(jù)UISDK端給定的規(guī)范對所設(shè)計的部件進(jìn)行注冊。在程序進(jìn)入運行時后，UISDK會在程序 運行的開始首先載入，程序執(zhí)行過程中才能發(fā)揮其框架作用，控制程序運行，以實現(xiàn)生成并 顯示用戶所設(shè)計的部件的功能。
[0068] 本發(fā)明實施例可以應(yīng)用于用戶設(shè)計任何界面的過程中，如網(wǎng)頁界面，游戲界面等； 用戶設(shè)計的部件的類型可以是按鈕、列表、單選框、復(fù)選框、文本框、導(dǎo)航條、進(jìn)度條、滾動條 等中的任一種部件或至少兩種部件的組合。
[0069] 在實施中，步驟11中，注冊信息為用戶按照UISDK端所規(guī)定的格式輸入nSDK端 的。在UISDK端內(nèi)部，對每種類型的部件都會進(jìn)行宏觀定義，以WEB頁面設(shè)計中設(shè)計的按鈕 為例，對按鈕的宏觀定義，包括以下信息：
[0070] "按鈕應(yīng)該是這樣，按鈕應(yīng)該有個名字，按鈕應(yīng)該有自己獨立的數(shù)據(jù)，點擊按鈕應(yīng) 該執(zhí)行一個函數(shù)，在執(zhí)行函數(shù)時可利用自己的數(shù)據(jù)，按鈕在常規(guī)無操作的狀態(tài)下以什么方 式顯示，在獲得焦點后以什么方式顯示"。
[0071] 上述定義即為UISDK端針對按鈕這個部件所規(guī)定的接口信息，若用戶需要生成自 身所涉及的按鈕部件，則應(yīng)該按照UISDK端針對按鈕所規(guī)定的接口信息輸入自身所生成的 按鈕對應(yīng)的注冊信息，仍以WEB頁面設(shè)計中設(shè)計按鈕為例，若用戶需要設(shè)計一個按鈕，則用 戶輸入的注冊信息如下：
[0072] "我要注冊一個按鈕，該按鈕包括一個圖像和一段顯示文字，按鈕的名字叫做按 鈕A ;按鈕點擊后執(zhí)行的函數(shù)為FunA ;按鈕使用的數(shù)據(jù)為DataA,其中DataA中包括三個 部分的數(shù)據(jù)：img標(biāo)簽對應(yīng)的圖像數(shù)據(jù)DatalmgA、span標(biāo)簽對應(yīng)的文字?jǐn)?shù)據(jù)DataSpanA、 以及div標(biāo)簽對應(yīng)的前二者數(shù)據(jù)組合DataDivA ;按鈕在普通狀態(tài)下顯示的樣式為 StyleNormalA,按鈕在獲得焦點后顯示的樣式為StyleFocusA",如圖2所示。其中，標(biāo)簽為 WEB中的最小單元。程序如下：
[0073] 用戶所設(shè)計的按鈕如下：
[0074] 〈div id = "buttonA"class = 〃divA">// 定義一個 div 標(biāo)簽，id 為 buttonA，樣 式為divA ;
[0075] 〈img id = 〃imgA〃class = 〃imgA〃>// 定義一個 img 標(biāo)簽，id 為 imgA，樣式為 imgA ；
[0076] 〈span id = 〃spanA"class = 〃spanA">〈/span>// 定義一個 span 標(biāo)簽，id 為 spanA,樣式為 spanA ;
[0077] </div>
[0078] 用戶寫入的注冊信息如下：
[0079] { type: "button ",//郅件類型 buttonName:"按鈕A",//邵件名稱 elementld:"buttonA V/識別 1D onClickFunction:flincl;ion(.){alert("我是 n+this.data，sjpanA).!.,/，々、 擊后觸發(fā)的事件 data:丨//關(guān)聯(lián)的數(shù)據(jù)
[0080] imgA:"buttonA.jpg",/7imgA 顯示的圖片數(shù)據(jù) spanA:"按鈕A 7/spanA顯示的文字?jǐn)?shù)據(jù) } }
[0081] 運行上述程序后，生成的按鈕結(jié)構(gòu)如圖3A所示，點擊該新按鈕后，執(zhí)行點擊功能 (onclickfunction)函數(shù)，該按鈕的顯示效果如圖3B所示。
[0082] 較佳地，步驟11中，用戶輸入的注冊信息中的部件的屬性信息包括但不限于下列 信息中的一種或多種：類型信息、名稱信息等。其中，類型信息表示該部件的類型，如按鈕、 列表、單選框、復(fù)選框、文本框、導(dǎo)航條、進(jìn)度條、滾動條等；名稱信息表示用戶為該部件的命 名。
[0083] 較佳地，步驟11中，用戶輸入的注冊信息中的第二信息包括但不限于下列信息中 的一種或多種：部件所顯示的圖像數(shù)據(jù)的地址信息、部件所顯示的字符數(shù)據(jù)（其中，字符包 括文字、數(shù)字、字母等）、部件所顯示的視頻數(shù)據(jù)的地址信息、部件所顯示的音頻數(shù)據(jù)的地址 信息。
[0084] 較佳地，步驟11中，用戶輸入的注冊信息中的第三信息包括但不限于下列信息中 的一種或多種：部件的在無操作狀態(tài)下的顯示樣式、部件在獲得焦點狀態(tài)下的顯示樣式、部 件在被選擇狀態(tài)下的顯示樣式、部件在不可用狀態(tài)下的顯示樣式、部件在拖動狀態(tài)下的顯 示樣式。
[0085] 較佳地，步驟11中，用戶輸入的注冊信息中的第四信息是指部件能夠執(zhí)行的各種 行為對應(yīng)的函數(shù)，第四信息包括但不限于下列信息中的一種或多種：鼠標(biāo)點擊、鼠標(biāo)移動、 按鍵觸發(fā)、推拽、獲得焦點、失去焦點、內(nèi)容改變、加載完成、尺寸改變、刪除、卸載等。
[0086] 在實施中，在生成并顯示用戶設(shè)計的部件之后，保存該部件以及該部件對應(yīng)的注 冊信息中攜帶的第三信息和第四信息，以便該用戶在本次界面設(shè)計或其他界面設(shè)計時，能 夠使用該用戶設(shè)計的部件，也使其他用戶在進(jìn)行界面設(shè)計時能夠使用已生成的部件。
[0087] 基于上述任一實施例，步驟14中，在用戶界面中顯示用戶所設(shè)計的部件之后，該 方法還包括：
[0088] 根據(jù)用戶對該用戶所設(shè)計的部件的操作指令，調(diào)用該部件的注冊信息所包含的第 四信息中與該操作指令對應(yīng)的行為，并執(zhí)行所調(diào)用的行為；
[0089] 根據(jù)用戶對該用戶所設(shè)計的部件的操作指令，獲取該部件的注冊信息所包含的第 三信息中包含的表示該部件在該操作指令對應(yīng)的操作狀態(tài)下的顯示樣式；以及
[0090] 根據(jù)獲取到的顯示樣式在用戶界面中顯示該部件。
[0091] 在實施中，作為一種優(yōu)選的實現(xiàn)方式，若用戶所設(shè)計的部件包括至少兩個子部件， 則該部件所對應(yīng)的注冊信息還包括：用于表示該部件所包含的各子部件之間的嵌套關(guān)系的 第五信息。
[0092] 較佳地，第五信息中包括但不限于下列信息中的一種或多種：各子部件的位置關(guān) 系、各子部件的包含關(guān)系、各子部件的組合關(guān)系。
[0093] 該方式下，用戶所設(shè)計的部件的屬性信息包括該部件所包含的各子部件的屬性信 息；
[0094] 用戶所設(shè)計的第一信息包括分別表示該部件所包含的各子部件的組成部分的信 息；
[0095] 用戶所設(shè)計的第二信息包括分別表示與該部件所包含的各子部件相關(guān)聯(lián)的業(yè)務(wù) 數(shù)據(jù)的信息；
[0096] 用戶所設(shè)計的第三信息包括分別表示該部件所包含的各子部件在不同操作狀態(tài) 下的顯示樣式的信息；
[0097] 用戶所設(shè)計的第四信息包括分別表示該部件所包含的各子部件能夠執(zhí)行的各種 行為的信息。
[0098] 該方式下，步驟12具體為：
[0099] 針對用戶所設(shè)計的部件所包含的每個子部件，根據(jù)該子部件對應(yīng)的屬性信息、第 一信息中表不該子部件的組成部分的信息和第二信息中表不該子部件相關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù) 的信息，生成該子部件的結(jié)構(gòu)；以及
[0100] 根據(jù)注冊信息攜帶的第五信息和生成的該部件所包含的各子部件的結(jié)構(gòu)，生成該 部件的結(jié)構(gòu)。
[0101] 具體的，若用戶所設(shè)計的部件包括至少兩個子部件，則在生成該部件的結(jié)構(gòu)時，先 生成該部件中各子部件的結(jié)構(gòu)，再根據(jù)注冊信息所攜帶的用于表示該部件中各子部件的嵌 套關(guān)系的信息，生成該部件的結(jié)構(gòu)。
[0102] 該方式下，步驟13具體為：
[0103] 根據(jù)注冊信息攜帶的第四信息中包含的表示用戶所設(shè)計的部件所包含的各子部 件能夠執(zhí)行的各種行為的信息，生成該件所包含的各子部件能夠執(zhí)行的各種行為。
[0104] 該方式下，步驟14具體為：
[0105] 根據(jù)注冊信息攜帶的第三信息中包含的表示用戶所設(shè)計的部件所包含的各子部 件在不同操作狀態(tài)下的顯示樣式，生成該部件所包含的各子部件在不同操作狀態(tài)下的顯示 樣式，并調(diào)用第三信息中表示該部件所包含的各子部件在未操作狀態(tài)下的顯示樣式，在用 戶界面中顯示該部件。
[0106] 該方式下，步驟14中，在用戶界面中顯示該部件之后，該方法還包括：
[0107] 根據(jù)用戶對該用戶所設(shè)計的部件的各子部件的操作指令，調(diào)用注冊信息攜帶的第 四信息中與該操作指令對應(yīng)的各子部件需要執(zhí)行的行為，并執(zhí)行所調(diào)用的行為；
[0108] 根據(jù)用戶對該用戶所設(shè)計的部件的各子部件的操作指令，獲取注冊信息攜帶的第 三信息中包含的分別表示該部件所包含的各子部件在所述操作指令對應(yīng)的操作狀態(tài)下的 顯示樣式；以及
[0109] 根據(jù)獲取到的顯示樣式在用戶界面中顯示該部件。
[0110] 下面以生成用戶所設(shè)計的按鈕為例，對本發(fā)明實施例提供的一種生成用戶界面所 包含的部件的方法進(jìn)行詳細(xì)說明。
[0111] 實施例一、如圖4所示，包括如下過程：
[0112] 步驟1 :用戶根據(jù)美工設(shè)計Π 畫面。
[0113] 以WebUI設(shè)計為例，該步驟表示，用戶可以根據(jù)自己需求自由設(shè)計網(wǎng)頁，如在制作 過程中，不必遵循UISDK所包含的固有按鈕為一矩形區(qū)域或者圓角矩形的普通概念，可以 在形狀、實現(xiàn)方式、標(biāo)簽組合、位置上自由設(shè)計。
[0114] 步驟2:用戶根據(jù)自身的設(shè)計向UISDK注冊新按鈕。其中，用戶寫入nSDK的注冊 信息包括：新按鈕的屬性信息、用于表示新按鈕的組成部分的第一信息、用于表示新按鈕的 對應(yīng)的數(shù)據(jù)的第二信息、用于表示新按鈕的在不同操作狀態(tài)下的顯示樣式的第三信息、以 及用于表示新按鈕能夠執(zhí)行的各種行為的第四信息。
[0115] 這一注冊過程為生成用戶所設(shè)計的部件的依據(jù)。通過用戶所設(shè)計的部件的用戶界 面的組成（即第一信息）的注冊，告知nSDK某些元素將成為或者組合成為一個部件；第二 信息為部件的用戶界面的顯示基礎(chǔ)，通過用戶界面中的數(shù)據(jù)（即第二信息）和該部件在不 同操作下的顯示樣式（即第三信息）的注冊，告知UISDK在部件的用戶界面初始化時，該部 件上顯示、內(nèi)部包含攜帶的數(shù)據(jù)以及顯示樣式；當(dāng)注冊為nSDK的一個部件后，比如注冊為 UISDK可識別的一個按鈕，此時便可根據(jù)UISDK提供的行為添加該按鈕行為了，比如：注冊 點擊按鈕后執(zhí)行的函數(shù)；鼠標(biāo)在該按鈕上懸停時執(zhí)行的函數(shù)等等；總之，注冊信息為nSDK 智能識別用戶設(shè)計的前提條件。
[0116] 步驟3 :UISDK根據(jù)注冊信息生成部件的用戶界面。該生成包括部件的最終用戶界 面組成，用戶界面數(shù)據(jù)，以及行為的生成。
[0117] 該步驟對用戶來講是透明的，為nSDK內(nèi)部處理。UISDK根據(jù)上一步獲得的注冊信 息，執(zhí)行計算生成最終結(jié)果輸出。UISDK中定義了各種部件的框架以及部件的實現(xiàn)方法，接 口信息規(guī)范。用戶在注冊信息中指定最終生成為nSDK中的某個部件，注冊信息中包括了 各種基礎(chǔ)單元的組合方式。UISDK根據(jù)以上注冊信息執(zhí)行內(nèi)部運算，分析計算出該部件最終 的頁面結(jié)構(gòu)。
[0118] 其中，頁面數(shù)據(jù)計算即UISDK根據(jù)用戶注冊時提供的數(shù)據(jù)（即第二信息）、頁面結(jié) 構(gòu)（即第一信息）等進(jìn)行計算過程；頁面行為由UISDK根據(jù)接口定義，在運行時生成調(diào)用用 戶注冊的行為信息（即第四信息）及在不同操作下的顯示樣式（即第三信息），另外nSDK 根據(jù)在生成部件的最終用戶界面的過程中，可對生成的部件進(jìn)行復(fù)制以及附加行為等操 作。
[0119] 步驟4 :UISDK根據(jù)用戶交互控制頁面運行。以Web頁面為例，UISDK生成的部件 的最終運行程序畫面與一般nSDK固有的部件無異，頁面在生成時進(jìn)行數(shù)據(jù)初始化，根據(jù) 與系統(tǒng)、用戶之間的交互來運行程序。
[0120] 下面以生成用戶所設(shè)計的包含三個子部件的列表為例，對本發(fā)明實施例提供的一 種生成用戶界面所包含的部件的方法進(jìn)行詳細(xì)說明。
[0121] 首先，用戶在用戶界面中繪制了如圖5所示的列表。
[0122] 所設(shè)計的列表代碼如下：
[0123] <ul id="myList"> <li> <img id="ProductPic"> <span id="ProductName"></span> <div id="PiOductDescription"></div> </li> </ul>
[0124] 然后，用戶在向UISDK注冊時，考慮注冊為UISDK的列表，所設(shè)計的列表內(nèi)部每行 包括一個圖片和兩段文字構(gòu)成的子部件，以上包含3條數(shù)據(jù)。針對該列表，注冊信息如下 (以Json格式為例） ：
[0125] { "id"： "myListV/注冊id,與網(wǎng)頁中的標(biāo)簽id對應(yīng)； "description"： "列表部件示例"，//描述； "CaEType": "List，，，"部件類型； "classes": {//顯示樣式的注冊； "110111說丨"："1」81]^(而見丨",//該列表在一般狀態(tài)下的顯示樣式；
[0126] "focus"： "ListFocus"，//該列表在獲得熱點時的顯示樣式； " dataSelecLed'^ListSelecLed"http://該列表某個教據(jù)項選中時的顯示樣 式； }, noriCaE"： [//列表中的一行包含的部件項目聲明； {//該處注冊一個img圖彳象部件，用于顯示產(chǎn)品圖片； "id": "ProductPic", "descripLion": "商品圖片"， "CaEType": "img" }， {//該處注冊一個span部件，用于顯示產(chǎn)品圖片的名稱； "id": "ProductName", "description"： "商品名稱"， "CaETypc"： "span" {//該處注冊一個div部件，用于顯示產(chǎn)品圖片的描述； "id": "ProductDcscription", "description"： "商品描速"， "CaHType": "div" } ]， "ListConfig'1: {//ListConfig 用于列表配置； "UIDataltem": //聲明List中包含的數(shù)據(jù)項；
["ProductPic'V'PiOductName",'iPiOductDescription"] }， "nav": {//myList部件的導(dǎo)航信息； ，'lei\To":，MVIyBuUon! '，,//向左導(dǎo)航到 MyBimon 1; "1^111:1'〇|':''1\4}/131_11:1'〇1127/向右導(dǎo)航到1\^81.丨1:1;〇112;
[0127] "handler"： {//myList部件相關(guān)事件注冊； "aftEnterHandler": "viewDetail" } }
[0128] 上述注冊信息中，〃id"、"description"、"CaEType"、"classes"、''normal"、 "focus"、"dataSelectecT、"oriCaE"、"ListConfig"、"nav"、"handler"等均為用戶向 UISDK注冊過程中的關(guān)鍵字，即UISDK規(guī)定的接口信息。其中"oriCaE"關(guān)鍵字表示該 部件所包含子部件的嵌套關(guān)系的第五信息，該示例中包含ProductPic、ProductName、 ProductDescription三個子部件，注意該處的子部件僅僅表示一種組合、結(jié)構(gòu)，并非最終 UISDK計算結(jié)果，只是計算的一個要素。
[0129] 接著，用戶輸入注冊信息中的數(shù)據(jù)信息（即第二信息），以使nSDK顯示該列表，具 體的數(shù)據(jù)信息如下：
[0130] { "myList": { "Data":[ { "productPic":{"Data": "img/pl.jpg"}, "productName": {"Data":"Broken Bells"}, "productDescription":{"Data":"Broken Bells"} }， { "productPic":{"Data": "img/p2.jpg"), "productName": ("Data":"Warning"|, "productDescription":{"Data":"Hot Chip"} }， { "productPic":{"Data": "img/p3.jpg"S,
[0131] "productName": ("Data":"Wolfgang Amadeus Phoenix"}, "productDescription":{"Data,':,'Phoenix"} } ], SelectedIndex:0，// 當(dāng)前選中項； DataSelectedIndex:0//數(shù)據(jù)選中項； } }
[0132] 最后，UISDK根據(jù)用戶提供的所設(shè)計的列表的注冊信息，計算獲得如下部件代碼：
[0133] <ul id="myList"> <h> <img id="ProductPic_0" src="img/pl ,jpg"> <span id="ProductName_0">Broken Bells</span> <div id="PiOductDescription_0">Broken Bells</div> </li> <li> <img id=,,ProductPic_l" src="irng/p2.jpg,,> <span id="ProductName_l">Waniing</span> <div id="ProductDescription_r'>Hot Chip</div> </Ii> <li> <img id="ProductPic_2" src="img/p3.jpg"> 〈span id="PiOductName_2">Wolfgang Amadeus Phoenix</span> <div id="ProductDescription_2">Phoenix</div> </li> </ul>
[0134] 以上信息是SDK根據(jù)給定的注冊信息計算生成，原先oriCaE中注冊的圖片項目 ProductPic，結(jié)合數(shù)據(jù)信息后，生成了 ProductPic_0、ProductPic_l、ProductPic_2 三個 img標(biāo)簽。
[0135] 需要說明的是，上述注冊信息中的〃id〃、"description"、〃CaEType〃、"classes"、 ''normal"、''focus〃、"dataSelected"、〃oriCaE〃、"ListConfig〃、"nav〃、''handler〃等均為用 戶向nSDK輸入的用于注冊所設(shè)計的部件的關(guān)鍵字，即UISDK規(guī)定的接口信息，它們在Json 數(shù)據(jù)描述中以鍵的形式存在，在注冊過程中要求用戶給定其內(nèi)容，具體格式由UISDK規(guī)定， 部分項目可為空。
[0136] 上述方法處理流程可以用軟件程序?qū)崿F(xiàn)，該軟件程序可以存儲在存儲介質(zhì)中，當(dāng) 存儲的軟件程序被調(diào)用時，執(zhí)行上述方法步驟。
[0137] 基于同一發(fā)明構(gòu)思，本發(fā)明實施例中還提供了一種用戶界面的生成裝置，由于該 裝置解決問題的原理與上述一種用戶界面的生成方法相似，因此該裝置的實施可以參見方 法的實施，重復(fù)之處不再贅述。
[0138] 如圖6所示，本發(fā)明實施例提供的一種用戶界面的生成裝置，該裝置應(yīng)用于用戶 設(shè)計界面的過程中，該裝置包括：
[0139] 解析模塊61，用于獲取并解析用戶在用戶界面開發(fā)過程中輸入的用戶所設(shè)計的 部件的，所述注冊信息包括：所述部件的屬性信息、用于表示所述部件的組成部分的第一信 息、用于表示與所述部件相關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù)的第二信息、用于表示所述部件在不同操作狀 態(tài)下的顯示樣式的第三信息、和用于表示所述部件能夠執(zhí)行的各種行為的第四信息；
[0140] 第一處理模塊62,用于根據(jù)所述部件的屬性信息、所述第一信息和所述第二信息， 生成所述部件的結(jié)構(gòu)；
[0141] 第二處理模塊63,用于根據(jù)所述第四信息，生成所述部件能夠執(zhí)行的各種行為；
[0142] 第三處理模塊64,用于生成所述部件在不同操作狀態(tài)下的顯示樣式，并調(diào)用所述 第三信息中表示所述部件在未操作狀態(tài)下的顯示樣式，在用戶界面中顯示所述部件。
[0143] 較佳地，該裝置還包括：
[0144] 第四處理模塊65,用于根據(jù)用戶對所述部件的操作指令，調(diào)用所述第四信息中與 所述操作指令對應(yīng)的行為，并執(zhí)行所調(diào)用的行為；根據(jù)用戶對所述部件的操作指令，獲取所 述第三信息中包含的表示所述部件在所述操作指令對應(yīng)的操作狀態(tài)下的顯示樣式；以及根 據(jù)獲取到的顯示樣式在用戶界面中顯示所述部件。
[0145] 在實施中，作為一種優(yōu)選的實現(xiàn)方式，若所述部件包括至少兩個子部件，所述注冊 信息還包括：用于表示所述部件所包含的各子部件之間的嵌套關(guān)系的第五信息；
[0146] 其中，所述部件的屬性信息包括所述部件所包含的各子部件的屬性信息；所述第 一信息包括分別表示所述部件所包含的各子部件的組成部分的信息；所述第二信息包括分 別表示與所述部件所包含的各子部件相關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù)的信息；所述第三信息包括分別表 示所述部件所包含的各子部件在不同操作狀態(tài)下的顯示樣式的信息；所述第四信息包括分 別表示所述部件所包含的各子部件能夠執(zhí)行的各種行為的信息。
[0147] 該方式下，第一處理模塊62具體用于：
[0148] 針對所述部件所包含的每個子部件，根據(jù)該子部件對應(yīng)的屬性信息、所述第一信 息中表示該子部件的組成部分的信息和所述第二信息中表示該子部件相關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù) 的信息，生成該子部件的結(jié)構(gòu)；以及根據(jù)所述第五信息和生成的所述部件所包含的各子部 件的結(jié)構(gòu)，生成所述部件的結(jié)構(gòu)。
[0149] 該方式下，第二處理模塊63具體用于：
[0150] 根據(jù)所述第四信息中包含的表示所述部件所包含的各子部件能夠執(zhí)行的各種行 為的信息，生成所述部件所包含的各子部件能夠執(zhí)行的各種行為。
[0151] 該方式下，第三處理模塊64具體用于：
[0152] 根據(jù)所述第三信息中包含的表示所述部件所包含的各子部件在不同操作狀態(tài)下 的顯示樣式，生成所述部件所包含的各子部件在不同操作狀態(tài)下的顯示樣式，并調(diào)用第三 信息中表示所述部件所包含的各子部件在未操作狀態(tài)下的顯示樣式，在用戶界面中顯示所 述部件。
[0153] 該方式下，該裝置還包括：
[0154] 第四處理模塊65,用于根據(jù)用戶對所述部件的各子部件的操作指令，調(diào)用所述第 四信息中與所述操作指令對應(yīng)的各子部件需要執(zhí)行的行為，并執(zhí)行所調(diào)用的行為；根據(jù)用 戶對所述部件的各子部件的操作指令，獲取所述第三信息中包含的分別表示所述部件所包 含的各子部件在所述操作指令對應(yīng)的操作狀態(tài)下的顯示樣式；以及根據(jù)獲取到的顯示樣式 在用戶界面中顯示所述部件。
[0155] 本發(fā)明實施例提供的裝置所實現(xiàn)的功能可以應(yīng)用于現(xiàn)有的nSDK，以使UISDK能 夠為用戶提供自行設(shè)計和定義所設(shè)計的界面中的各個部件的功能，用戶在自行設(shè)計過程 中，只需要將所設(shè)計的部件的注冊信息告知給nSDK，UISDK就能根據(jù)用戶輸入的注冊信 息，生成該部件的結(jié)構(gòu)并在用戶界面中顯示該部件，從而用戶在設(shè)計網(wǎng)頁等用戶界面時，不 再受限于UISDK提供固有部件的束縛，使用戶在進(jìn)行Π 開發(fā)，可以根據(jù)自身需要生成不同 于UISDK所提供的固有部件的部件，提高了用戶體驗。
[0156] 本領(lǐng)域內(nèi)的技術(shù)人員應(yīng)明白，本發(fā)明的實施例可提供為方法、系統(tǒng)、或計算機程序 產(chǎn)品。因此，本發(fā)明可采用完全硬件實施例、完全軟件實施例、或結(jié)合軟件和硬件方面的實 施例的形式。而且，本發(fā)明可采用在一個或多個其中包含有計算機可用程序代碼的計算機 可用存儲介質(zhì)（包括但不限于磁盤存儲器、CD-ROM、光學(xué)存儲器等）上實施的計算機程序產(chǎn) 品的形式。
[0157] 本發(fā)明是參照根據(jù)本發(fā)明實施例的方法、設(shè)備（系統(tǒng)）、和計算機程序產(chǎn)品的流程 圖和/或方框圖來描述的。應(yīng)理解可由計算機程序指令實現(xiàn)流程圖和/或方框圖中的每一 流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結(jié)合?？商峁┻@些計算 機程序指令到通用計算機、專用計算機、嵌入式處理機或其他可編程數(shù)據(jù)處理設(shè)備的處理 器以產(chǎn)生一個機器，使得通過計算機或其他可編程數(shù)據(jù)處理設(shè)備的處理器執(zhí)行的指令產(chǎn)生 用于實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能 的裝置。
[0158] 這些計算機程序指令也可存儲在能引導(dǎo)計算機或其他可編程數(shù)據(jù)處理設(shè)備以特 定方式工作的計算機可讀存儲器中，使得存儲在該計算機可讀存儲器中的指令產(chǎn)生包括指 令裝置的制造品，該指令裝置實現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或 多個方框中指定的功能。
[0159] 這些計算機程序指令也可裝載到計算機或其他可編程數(shù)據(jù)處理設(shè)備上，使得在計 算機或其他可編程設(shè)備上執(zhí)行一系列操作步驟以產(chǎn)生計算機實現(xiàn)的處理，從而在計算機或 其他可編程設(shè)備上執(zhí)行的指令提供用于實現(xiàn)在流程圖一個流程或多個流程和/或方框圖 一個方框或多個方框中指定的功能的步驟。
[0160] 盡管已描述了本發(fā)明的優(yōu)選實施例，但本領(lǐng)域內(nèi)的技術(shù)人員一旦得知了基本創(chuàng)造 性概念，則可對這些實施例作出另外的變更和修改。所以，所附權(quán)利要求意欲解釋為包括優(yōu) 選實施例以及落入本發(fā)明范圍的所有變更和修改。
[0161] 顯然，本領(lǐng)域的技術(shù)人員可以對本發(fā)明進(jìn)行各種改動和變型而不脫離本發(fā)明的精 神和范圍。這樣，倘若本發(fā)明的這些修改和變型屬于本發(fā)明權(quán)利要求及其等同技術(shù)的范圍 之內(nèi)，則本發(fā)明也意圖包含這些改動和變型在內(nèi)。
【權(quán)利要求】
1. 一種生成用戶界面中所包含的部件的方法，其特征在于，該方法包括： 獲取并解析用戶在用戶界面開發(fā)過程中輸入的用戶所設(shè)計的部件的注冊信息，所述注 冊信息包括：所述部件的屬性信息、用于表不所述部件的組成部分的第一信息、用于表不與 所述部件相關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù)的第二信息、用于表示所述部件在不同操作狀態(tài)下的顯示樣式 的第三信息、和用于表示所述部件能夠執(zhí)行的各種行為的第四信息； 根據(jù)所述部件的屬性信息、所述第一信息和所述第二信息，生成所述部件的結(jié)構(gòu)； 根據(jù)所述第四信息，生成所述部件能夠執(zhí)行的各種行為； 根據(jù)所述第三信息，生成所述部件在不同操作狀態(tài)下的顯示樣式，并調(diào)用所述第三信 息中表示所述部件在未操作狀態(tài)下的顯示樣式，在用戶界面中顯示所述部件。
2. 如權(quán)利要求1所述的方法，其特征在于，在用戶界面中顯示所述部件之后，該方法還 包括： 根據(jù)用戶對所述部件的操作指令，調(diào)用所述第四信息中與所述操作指令對應(yīng)的行為， 并執(zhí)行所調(diào)用的行為； 根據(jù)用戶對所述部件的操作指令，獲取所述第三信息中包含的表示所述部件在所述操 作指令對應(yīng)的操作狀態(tài)下的顯示樣式；以及 根據(jù)獲取到的顯示樣式在用戶界面中顯示所述部件。
3. 如權(quán)利要求1所述的方法，其特征在于，若所述部件包括至少兩個子部件，所述注冊 信息還包括：用于表示所述部件所包含的各子部件之間的嵌套關(guān)系的第五信息； 其中，所述部件的屬性信息包括所述部件所包含的各子部件的屬性信息；所述第一信 息包括分別表示所述部件所包含的各子部件的組成部分的信息；所述第二信息包括分別表 示與所述部件所包含的各子部件相關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù)的信息；所述第三信息包括分別表示所 述部件所包含的各子部件在不同操作狀態(tài)下的顯示樣式的信息；所述第四信息包括分別表 示所述部件所包含的各子部件能夠執(zhí)行的各種行為的信息。
4. 如權(quán)利要求3所述的方法，其特征在于，根據(jù)所述部件的屬性信息、所述第一信息和 所述第二信息，生成所述部件的結(jié)構(gòu)，包括： 針對所述部件所包含的每個子部件，根據(jù)該子部件對應(yīng)的屬性信息、所述第一信息中 表示該子部件的組成部分的信息和所述第二信息中表示該子部件相關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù)的信 息，生成該子部件的結(jié)構(gòu)；以及 根據(jù)所述第五信息和生成的所述部件所包含的各子部件的結(jié)構(gòu)，生成所述部件的結(jié) 構(gòu)。
5. 如權(quán)利要求3所述的方法，其特征在于，根據(jù)所述第四信息，生成所述部件能夠執(zhí)行 各種行為，包括： 根據(jù)所述第四信息中包含的表示所述部件所包含的各子部件能夠執(zhí)行的各種行為的 信息，生成所述部件所包含的各子部件能夠執(zhí)行的各種行為。
6. 如權(quán)利要求3所述的方法，其特征在于，根據(jù)所述第三信息，生成所述部件在不同操 作狀態(tài)下的顯示樣式，并調(diào)用所述第三信息中表示所述部件在未操作狀態(tài)下的顯示樣式， 在用戶界面中顯示所述部件，包括： 根據(jù)所述第三信息中包含的表示所述部件所包含的各子部件在不同操作狀態(tài)下的顯 示樣式，生成所述部件所包含的各子部件在不同操作狀態(tài)下的顯示樣式，并調(diào)用第三信息 中表示所述部件所包含的各子部件在未操作狀態(tài)下的顯示樣式，在用戶界面中顯示所述部 件。
7. 如權(quán)利要求3?6任一項所述的方法，其特征在于，在用戶界面中顯示所述部件之 后，該方法還包括： 根據(jù)用戶對所述部件的各子部件的操作指令，調(diào)用所述第四信息中與所述操作指令對 應(yīng)的各子部件需要執(zhí)行的行為，并執(zhí)行所調(diào)用的行為； 根據(jù)用戶對所述部件的各子部件的操作指令，獲取所述第三信息中包含的分別表示所 述部件所包含的各子部件在所述操作指令對應(yīng)的操作狀態(tài)下的顯示樣式；以及 根據(jù)獲取到的顯示樣式在用戶界面中顯示所述部件。
8. -種生成用戶界面中所包含的部件的裝置，其特征在于，該裝置包括： 解析模塊，用于獲取并解析用戶在用戶界面開發(fā)過程中輸入的用戶所設(shè)計的部件的注 冊信息，所述注冊信息包括：所述部件的屬性信息、用于表示所述部件的組成部分的第一信 息、用于表示與所述部件相關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù)的第二信息、用于表示所述部件在不同操作狀 態(tài)下的顯示樣式的第三信息、和用于表示所述部件能夠執(zhí)行的各種行為的第四信息； 第一處理模塊，用于根據(jù)所述部件的屬性信息、所述第一信息和所述第二信息，生成所 述部件的結(jié)構(gòu)； 第二處理模塊，用于根據(jù)所述第四信息，生成所述部件能夠執(zhí)行的各種行為； 第三處理模塊，用于生成所述部件在不同操作狀態(tài)下的顯示樣式，并調(diào)用所述第三信 息中表示所述部件在未操作狀態(tài)下的顯示樣式，在用戶界面中顯示所述部件。
9. 如權(quán)利要求8所述的裝置，其特征在于，該裝置還包括： 第四處理模塊，用于根據(jù)用戶對所述部件的操作指令，調(diào)用所述第四信息中與所述操 作指令對應(yīng)的行為，并執(zhí)行所調(diào)用的行為；根據(jù)用戶對所述部件的操作指令，獲取所述第三 信息中包含的表示所述部件在所述操作指令對應(yīng)的操作狀態(tài)下的顯示樣式；以及根據(jù)獲取 到的顯示樣式在用戶界面中顯示所述部件。
10. 如權(quán)利要求8所述的裝置，其特征在于，若所述部件包括至少兩個子部件，所述注 冊信息還包括:用于表示所述部件所包含的各子部件之間的嵌套關(guān)系的第五信息； 其中，所述部件的屬性信息包括所述部件所包含的各子部件的屬性信息；所述第一信 息包括分別表示所述部件所包含的各子部件的組成部分的信息；所述第二信息包括分別表 示與所述部件所包含的各子部件相關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù)的信息；所述第三信息包括分別表示所 述部件所包含的各子部件在不同操作狀態(tài)下的顯示樣式的信息；所述第四信息包括分別表 示所述部件所包含的各子部件能夠執(zhí)行的各種行為的信息。
11. 如權(quán)利要求10所述的裝置，其特征在于，所述第一處理模塊具體用于： 針對所述部件所包含的每個子部件，根據(jù)該子部件對應(yīng)的屬性信息、所述第一信息中 表示該子部件的組成部分的信息和所述第二信息中表示該子部件相關(guān)聯(lián)的業(yè)務(wù)數(shù)據(jù)的信 息，生成該子部件的結(jié)構(gòu)；以及根據(jù)所述第五信息和生成的所述部件所包含的各子部件的 結(jié)構(gòu)，生成所述部件的結(jié)構(gòu)。
12. 如權(quán)利要求10所述的裝置，其特征在于，所述第二處理模塊具體用于： 根據(jù)所述第四信息中包含的表示所述部件所包含的各子部件能夠執(zhí)行的各種行為的 信息，生成所述部件所包含的各子部件能夠執(zhí)行的各種行為。
13. 如權(quán)利要求10所述的裝置，其特征在于，所述第三處理模塊具體用于： 根據(jù)所述第三信息中包含的表示所述部件所包含的各子部件在不同操作狀態(tài)下的顯 示樣式，生成所述部件所包含的各子部件在不同操作狀態(tài)下的顯示樣式，并調(diào)用第三信息 中表示所述部件所包含的各子部件在未操作狀態(tài)下的顯示樣式，在用戶界面中顯示所述部 件。
14. 如權(quán)利要求10?13任一項所述的裝置，其特征在于，該裝置還包括： 第四處理模塊，用于根據(jù)用戶對所述部件的各子部件的操作指令，調(diào)用所述第四信息 中與所述操作指令對應(yīng)的各子部件需要執(zhí)行的行為，并執(zhí)行所調(diào)用的行為；根據(jù)用戶對所 述部件的各子部件的操作指令，獲取所述第三信息中包含的分別表示所述部件所包含的各 子部件在所述操作指令對應(yīng)的操作狀態(tài)下的顯示樣式；以及根據(jù)獲取到的顯示樣式在用戶 界面中顯示所述部件。
【文檔編號】G06F9/44GK104267954SQ201410503422
【公開日】2015年1月7日 申請日期:2014年9月26日 優(yōu)先權(quán)日:2014年9月26日
【發(fā)明者】路玉太 申請人:青島海信電器股份有限公司