1、第六章 人機(jī)交互界面的表示模型II,山東大學(xué)計(jì)算機(jī)學(xué)院,6.1.4 人機(jī)交互界面表示模型,表現(xiàn)模型(PM)描述了用戶界面的表現(xiàn)形式，由層次性的交互對(duì)象組成。 交互對(duì)象一般由抽象交互對(duì)象(AIO - Abstract Interactive Object)和具體交互對(duì)象(CIO - Concrete Interactive Object)組成。 管理信息系統(tǒng)的交互界面：填表界面 界面元素：界面元素屬性，對(duì)幾何對(duì)象、內(nèi)容對(duì)象、繪制對(duì)象的描述 面板：界面元素的模型定義+界面元素的列表和布局的定義 XML描述,山東大學(xué)計(jì)算機(jī)學(xué)院,3,表現(xiàn)模型,表現(xiàn)模型(PM)描述了用戶界面的表現(xiàn)形式，由層次性的交互對(duì)

2、象組成。 交互對(duì)象一般由抽象交互對(duì)象(AIO - Abstract Interactive Object)和具體交互對(duì)象(CIO - Concrete Interactive Object)組成。 管理信息系統(tǒng)的交互界面：填表界面 界面元素：界面元素屬性，對(duì)幾何對(duì)象、內(nèi)容對(duì)象、繪制對(duì)象的描述 面板：界面元素的模型定義+界面元素的列表和布局的定義 XML描述,面板用戶界面邏輯組織結(jié)構(gòu),森林的結(jié)構(gòu) 每棵樹(shù)是一個(gè)面板 葉結(jié)點(diǎn)是單位界面元素對(duì)象,(a)面板用戶界面的圖形顯示 (b)面板用戶界面的數(shù)據(jù)結(jié)構(gòu)表示 (c)面板用戶界面的繪制,靠鏈表的頭部越近，在屏幕上顯示的排列順序越靠前 Eg:選中了面板C,

3、面板內(nèi)部的事件分發(fā)及響應(yīng)方式,指點(diǎn)設(shè)備事件的響應(yīng) 當(dāng)鼠標(biāo)落在了An和By的相交的圖形表示區(qū)域時(shí)- 搜索當(dāng)前面板鏈表中的面板，判斷鼠標(biāo)是否落在了某一面板內(nèi)部，發(fā)現(xiàn)鼠標(biāo)落在了面板A內(nèi)- 事件處理中心采用樹(shù)的廣度優(yōu)先搜索算法或是深度優(yōu)先搜索算法，判斷鼠標(biāo)是否落在了面板A中某一界面元素交互對(duì)象內(nèi)部，發(fā)現(xiàn)鼠標(biāo)指針的位置在交互對(duì)象An區(qū)域內(nèi)部- 檢驗(yàn)An是否添加了對(duì)鼠標(biāo)事件的監(jiān)聽(tīng)， 如果An存在對(duì)鼠標(biāo)事件的監(jiān)聽(tīng)， 那么去完成事件要執(zhí)行的任務(wù),用戶產(chǎn)生了一個(gè)動(dòng)作后，事件處理中心就獲得了用戶的動(dòng)作和屏幕上的一個(gè)坐標(biāo)(x, y)。 使用鏈表搜索算法遍歷鏈表中每個(gè)節(jié)點(diǎn) if (坐標(biāo)落在了某個(gè)面板區(qū)域內(nèi)部) 顯示該

4、面板及面板內(nèi)包含的所有界面元素，其余面板按照原來(lái)的先后順序排列； 使用樹(shù)的搜索算法遍歷面板內(nèi)的每個(gè)的單位界面元素 if (坐標(biāo)落在了某個(gè)單位界面元素的區(qū)域內(nèi)部) then if(Succeed(聚焦并激活單位界面元素) if (選中的單位界面元素添加了特定事件的響應(yīng)) then 將控制權(quán)交給單位界面元素交互對(duì)象，執(zhí)行該事件要執(zhí)行的任務(wù)，返回； 所有面板失去焦點(diǎn)，聚焦到系統(tǒng)要顯示的默認(rèn)界面； ,面板內(nèi)部的事件分發(fā)及響應(yīng)方式,面板間的關(guān)系,Logical Window (LW)：任意IO的組合，一個(gè)物理窗口、子窗口區(qū)域、對(duì)話框和面板。 Presentation Unit (PU)：一個(gè)PU被定義為

5、一個(gè)完整的表現(xiàn)環(huán)境需要實(shí)現(xiàn)一個(gè)特定的交互任務(wù)。 每個(gè)PU可以分解為一個(gè)或許多同時(shí)、交替或是以某種組合的形式在屏幕上顯現(xiàn)的 LW。每個(gè)PU至少存在一個(gè)主窗口，允許其它窗口導(dǎo)航。,基于面板的用戶界面表現(xiàn)模型,面板間的關(guān)系,面板間的關(guān)系,并列關(guān)系:兩個(gè)面板在功能上獨(dú)立的，沒(méi)有任何其他關(guān)系。 嵌套關(guān)系:面板A在面板B的內(nèi)部，面板A包含面板B。 依賴關(guān)系分為兩種， 一種是界面內(nèi)部的依賴，即父子關(guān)系的面板，父子關(guān)系是指面板B依賴于面板A的某個(gè)界面元素開(kāi)啟顯現(xiàn)活動(dòng)的命令開(kāi)關(guān)，這樣，就稱面板A是面板B的父面板。 對(duì)服務(wù)的依賴，即分布式應(yīng)用中的面板。觸發(fā)窗口是指面板依賴于某個(gè)服務(wù)的存在而顯現(xiàn),面板界面分類,獨(dú)立

6、顯現(xiàn)的自由面板(FreePanel)、面板面板(PanelPanel)、原子面板 (ComponentPanel) 獨(dú)立顯現(xiàn)的面板一般是可以單獨(dú)運(yùn)行的應(yīng)用程序界面，具有依賴性的面板是可獨(dú)立顯現(xiàn)的自由面板的一種特殊的形式 面板面板是用戶定義的可以嵌套到任意面板的而且不能獨(dú)立顯示的界面塊 原子面板是面板中的最小單位，是不可再分的面板。,界面描述語(yǔ)言,命令式語(yǔ)言 要求編程人員明確指定如何執(zhí)行任務(wù) C+, android 陳述式語(yǔ)言 要求編程人員只需要指定任務(wù)要做什么（抽象） 從XML獲取語(yǔ)法和句法,界面描述語(yǔ)言,界面：使用陳述性知識(shí)描述界面，使用過(guò)程進(jìn)一步解釋。 陳述性知識(shí)：給出事物本身的屬性及事物

7、之間的相互關(guān)系，對(duì)問(wèn)題的解答隱含在知識(shí)中。 過(guò)程性知識(shí)：給出解決一個(gè)問(wèn)題的具體過(guò)程。,陳述性語(yǔ)言,用戶界面標(biāo)記語(yǔ)言(UIML) 由結(jié)構(gòu)(structure)、樣式(style)、內(nèi)容(content)、行為(behavior)四個(gè)方面來(lái)描述,用戶界面標(biāo)記語(yǔ)言(UIML) 結(jié)構(gòu)：列舉了一系列界面部件何在不同的平臺(tái)中對(duì)應(yīng)的組織 樣式：定義界面部件中各種屬性對(duì)應(yīng)的值 類似HTML樣式表 內(nèi)容：將文本、聲音、圖片與做關(guān)聯(lián)，使得不同用戶組的界面國(guó)際化或自定義更為便利 行為：定義起作用的用戶界面事件和應(yīng)該做什么,陳述性語(yǔ)言,擴(kuò)展界面標(biāo)記語(yǔ)言(XIML) 由組件(Components)、關(guān)系(Relatio

8、ns)和屬性(Attributes)三部分構(gòu)成 組件：定義了任務(wù)、域、用戶、表現(xiàn)和對(duì)話五類,擴(kuò)展界面標(biāo)記語(yǔ)言(XIML),擴(kuò)展界面標(biāo)記語(yǔ)言(XIML) 任務(wù) 描述界面支持的業(yè)務(wù)流程或用戶任務(wù)，定義任務(wù)和子任務(wù)層次性的分解，在任務(wù)之間定義期望的流程和任務(wù)的屬性。 域 數(shù)據(jù)對(duì)象的集合，有層次結(jié)構(gòu)的類對(duì)象，該層次結(jié)構(gòu)類似于本體的本質(zhì)，但只在基本層次上，對(duì)象通過(guò)“屬性-值對(duì)”組成。 用戶 定義一個(gè)等級(jí)樹(shù)，等級(jí)中的一個(gè)用戶，可以表示一個(gè)用戶組或是用戶個(gè)體。 Eg: 用戶為 醫(yī)生，也可以是Smith醫(yī)生,擴(kuò)展界面標(biāo)記語(yǔ)言(XIML),表現(xiàn) 由層次性的交互元素組成用戶界面中與用戶通信的具體對(duì)象。 Eg:窗體

9、，按鈕，滑塊等 對(duì)話 定義了有結(jié)構(gòu)的元素集對(duì)使用界面的用戶有效的交互動(dòng)作，例如單擊、聲音、手勢(shì)等，對(duì)話指定了交互動(dòng)作流，組成用戶界面的導(dǎo)航，在本質(zhì)上與任務(wù)組件類似，但在具體層次上執(zhí)行，任務(wù)組件處在抽象層次上。 關(guān)系 連接了一個(gè)組件內(nèi)的或跨組件的兩個(gè)或更多的XIML元素的定義，這些關(guān)系即時(shí)控制了組成用戶界面的操作。 屬性: 被賦予值的元素的特征。,陳述性語(yǔ)言,XML用戶界面語(yǔ)言XUL XUL提供創(chuàng)建現(xiàn)代圖形界面大多數(shù)元素的能力。 可以被創(chuàng)建的元素有： 輸入控制，eg: Textbox, checkbox Buttons或其他內(nèi)容的Toolbar 菜單欄上的菜單或上下文菜單 Tab對(duì)話框，層次或制表信息的樹(shù)控件、快捷鍵等,XUL 是什么？,XUL 表示 XML 用戶界面語(yǔ)言（XML User Interface Language）。 因?yàn)槭?XML，所以 XUL 是一種聲明性語(yǔ)言。 XUL 提供了豐富的 UI 部件集合，這些部件可以加速開(kāi)發(fā)進(jìn)程。 它是一種跨平臺(tái)的語(yǔ)言，可以在 Linux 上