學(xué)習(xí)目標(biāo)了解交互的原則熟悉交互的樣式及條件掌握交互中的觸發(fā)事件具有使用交互事件完成原型設(shè)計(jì)的能力基本框架界面效果交互簡(jiǎn)介交互樣式交互樣式是指在觸發(fā)特定事件時(shí)，用來(lái)控制元件部分樣式的改變。交互樣式有四種狀態(tài)，分別是“鼠標(biāo)懸停”、“鼠標(biāo)按下”、“選中”和“禁用”?？梢栽O(shè)置其字體、顏色、透明度等樣式。交互簡(jiǎn)介交互條件原型設(shè)計(jì)師在進(jìn)行交互執(zhí)行某一操作時(shí)，可能需要對(duì)其進(jìn)行不同的條件設(shè)置，從而顯示不同的內(nèi)容。一般通過(guò)觸發(fā)事件來(lái)設(shè)置交互條件，一種觸發(fā)事件可以設(shè)置多個(gè)交互條件。組件交互觸發(fā)事件鼠標(biāo)移入時(shí)：是指當(dāng)鼠標(biāo)進(jìn)入到某個(gè)元件范圍內(nèi)之后觸發(fā)鼠標(biāo)移出時(shí)：是指當(dāng)鼠標(biāo)離開(kāi)某個(gè)元件范圍內(nèi)之后觸發(fā)鼠標(biāo)單擊時(shí)：應(yīng)用于除了動(dòng)態(tài)面板的所有元件，點(diǎn)擊時(shí)觸發(fā)按鍵松開(kāi)時(shí)：編輯文本框內(nèi)容時(shí)，在鍵盤(pán)上按下某一按鍵松開(kāi)時(shí)觸發(fā)組件交互觸發(fā)事件獲取焦點(diǎn)時(shí)：一個(gè)組件通過(guò)點(diǎn)擊觸發(fā)獲取焦點(diǎn)時(shí)用例失去焦點(diǎn)時(shí)：一個(gè)組件失去焦點(diǎn)時(shí)觸發(fā)移動(dòng)時(shí)：是指通過(guò)某一事件的觸發(fā)控制面板移動(dòng)時(shí)顯示或隱藏時(shí)：當(dāng)面板狀態(tài)為顯示或隱藏時(shí)觸發(fā)組件交互組件交互的使用組件的交互分為元件自身變化以及誘發(fā)其他元件變化。元件自身變化是指在使用觸發(fā)事件時(shí)，僅僅使自身元件根據(jù)不同事件產(chǎn)生不同效果；誘發(fā)其他元件變化是指通過(guò)觸發(fā)一個(gè)元件的某一事件，使另一元件隨之發(fā)生改變。組件交互組件交互的使用組件的交互分為元件自身變化以及誘發(fā)其他元件變化。元件自身變化是指在使用觸發(fā)事件時(shí)，僅僅使自身元件根據(jù)不同事件產(chǎn)生不同效果。鼠標(biāo)未移入時(shí)鼠標(biāo)移入時(shí)組件交互組件交互的使用誘發(fā)其他元件變化是指通過(guò)觸發(fā)一個(gè)元件的某一事件，使另一元件隨之發(fā)生改變。鼠標(biāo)未移入時(shí)鼠標(biāo)移入時(shí)頁(yè)面交互觸發(fā)事件在頁(yè)面交互設(shè)計(jì)中內(nèi)，可根據(jù)不同應(yīng)用場(chǎng)景選擇不同的觸發(fā)事件。頁(yè)面中常用的觸發(fā)事件有“頁(yè)面載入時(shí)”、“窗口調(diào)整尺寸時(shí)”以及“窗口滾動(dòng)時(shí)”。除了這三種常用的觸發(fā)事件還有許多其他的觸發(fā)事件。頁(yè)面交互頁(yè)面交互的使用頁(yè)面交互，一般是通過(guò)添加用例，鏈接到指定的頁(yè)面或者頁(yè)面地址，實(shí)現(xiàn)頁(yè)面的跳轉(zhuǎn)。第一種：鏈接到指定頁(yè)面頁(yè)面交互頁(yè)面交互的使用第二種：鏈接到頁(yè)面地址任務(wù)總結(jié)本任務(wù)使用動(dòng)態(tài)面板以及交互的知識(shí)在組件與頁(yè)面之間進(jìn)行交互，實(shí)現(xiàn)了“