《AxureRP9原型設計實戰(zhàn)案例教程（APP與Web）》課程教案課題：事件、行為與動作教學目的：學會Axure的打開鏈接和關閉窗口行為，包括當前窗口、新窗口、彈出窗口、父窗口、關閉窗口鏈接行為。學會在內部框架中打開鏈接行為，了解什么是內部框架元件，并學習內部框架和父框架的使用。學會使用滾動到元件行為，這是一個經常會用到的一個功能，在很多網站上都會用到這樣的功能。理解自適應視圖功能，Axure提供多視圖設計以使電腦、平板、手機等不同尺寸的終端顯示不同的內容。學會使用Axure元件的顯示與隱藏行為，通過切換方式控制元件的顯示與隱藏交互效果；通過變量方式控制元件顯示與隱藏效果；學會設置多個導航菜單聯動效果。學會使用設置文本和設置圖片行為，給文本進行通過多種方式進行賦值，使圖片不同觸發(fā)事件下顯示不同的圖像。學會使用設置選中行為，常用于單選按鈕選中和復選框選中效果。學會使用設置列表選中項行為，學會設置下拉列表的一對一聯動效果和一對多聯動效果。學會使用元件的啟用和禁用行為、移動、旋轉、置于頂層和置于底層行為。學會使用元件的獲取焦點、展開、收起樹節(jié)點行為。課型：新授課課時：本章安排2個課時。教學重點：重點：學會在內部框架中打開鏈接行為，了解什么是內部框架元件，并學習內部框架和父框架的使用。教學難點：難點：學會使用設置列表選中項行為，學會設置下拉列表的一對一聯動效果和一對多聯動效果。教學過程：教學形式：講授課，教學組織采用課堂整體講授和分組演示。教學媒體：采用啟發(fā)式教學、案例教學等教學方法。教學手段采用多媒體課件、視頻等媒體技術。板書設計：本課標題事件、行為與動作課次1授課方式理論課□討論課□習題課□其他□課時安排2學分共2分授課對象普通高等院校學生任課教師教材及參考資料1.《AxureRP9原型設計實戰(zhàn)案例教程（APP與Web）》；電子工業(yè)出版社。2.本教材配套視頻教程及學習檢查等資源。3.與本課程相關的其他資源。教學基本內容教學方法及教學手段課程引入事件（Event）：用戶與原型交互時觸發(fā)的操作，如鼠標單擊、鼠標懸停、頁面加載等。事件是交互的起點，決定了"什么時候"執(zhí)行動作。行為（Action）：在事件觸發(fā)后執(zhí)行的具體操作，如顯示/隱藏元件、設置面板狀態(tài)、打開鏈接等。行為是交互的核心，決定了"做什么"。動作（Case）：事件和行為的組合，一個事件可以包含多個動作，每個動作可以執(zhí)行多個行為。動作可以設置條件，實現更復雜的交互邏輯。參考以下形式：1.銜接導入2.懸念導入3.情景導入4.激疑導入5.演示導入6.實例導入7.其他形式一、打開鏈接鏈接行為最簡單的方式就是通過單擊跳轉頁面。1.1當前窗口打開鏈接1.2新窗口打開鏈接1.3彈出窗口打開鏈接Axure可以在彈出的窗口中打開鏈接。1.4父窗口打開鏈接除了在當前窗口、新窗口以及彈出的窗口打開鏈接外，還可以在父窗口打開要顯示的頁面。1.5關閉窗口關閉窗口動作用來關閉瀏覽器窗口頁面。二、在內部框架中打開鏈接Axure的內部框架，可以在同一個瀏覽器窗口中顯示多個頁面，從而在該窗口中實現不同頁面的切換效果。就像在HTML網頁代碼中有iframe標簽，iframe元素會創(chuàng)建包含另外一個文檔的內聯框架，從而實現不同條件下的文檔嵌入效果。Axure的內部框架和iframe元素的功能相近，都能夠實現不同條件下的文檔嵌入效果。。2.1內部框架2.2父框架三、滾動到元件（錨點鏈接）經常會接觸到這樣的頁面，其右側會懸浮一塊區(qū)域，單擊懸浮區(qū)域里的鏈接，頁面會滾動到鏈接指定的位置，例如頁首或者頁尾，Axure同樣也能實現這樣的功能。四、設置自適應視圖現在進行原型設計的時候，要考慮多終端問題，電腦、平板、手機等不同設備具有不同的尺寸，其顯示側重點也有所不一樣。電腦：可以全面考慮所有內容，然后漸進地為更小的屏幕設計。平板：為用戶使用平板而設計。手機：為更小的屏幕設計，能夠確保為智能手機用戶設計關鍵功能和內容，并考慮到更小屏幕和一些不可預知的網絡連接問題。Axure提供自適應視圖功能，在設計原型的時候，可以考慮多尺寸設置，在哪種終端下顯示什么內容，或者在不同尺寸下顯示不同內容。比如淘寶網在1200分辨率和1024分辨率下顯示的內容是不一樣的，紅色線框圈出的內容，是在兩個分辨率下顯示出的不同內容。實戰(zhàn)——弘揚二十大精神網站首頁制作登錄頁簽標題設計五、顯示/隱藏元件的顯示/隱藏行為是經常會用到的一種交互效果，常用于二級菜單的顯示與隱藏交互效果。5.1切換方式控制元件顯示隱藏5.2變量方式控制元件顯示隱藏通過使用切換可見性行為，可以控制元件的顯示與隱藏效果，除了使用這樣方式，還可以通過變量方式控制元件的顯示與隱藏。5.3多個導航菜單聯動效果當單擊導航一菜單的時候，想讓導航一和導航二的二級菜單都顯示出來。但是怎么才能實現兩個甚至多個導航菜單的聯動效果呢？六、設置文本和設置圖片設置文本行為一般可以應用于便簽元件、標題元件、矩形元件等元件，有文本內容的元件都可以為其設置文本行為；設置圖片行為是針對圖片元件的。6.1設置文本行為6.2設置圖片行為七、設置選中設置選中行為常用于單選按鈕元件和復選框按鈕元件的選中與未選中以及選中和未選中狀態(tài)的切換。7.1單選按鈕選中行為一般給單選按鈕和復選框添加這樣交互行為。7.2復選框選中行為八、設置列表選中項設置列表選中項行為常用于下拉列表和列表框元件。下面通過設置兩個下拉列表的聯動效果，來學習如何設置列表選中項行為。8.1一對一聯動效果從小學到中學，再到大學，每個學生都經歷了無數的考試，每次考完試都有一個成績排名，可能是小紅第一名、小虎第二名、小明第三名。下面就開始制作兩個下拉列表，一個代表學生的姓名，另一個代表學生的名次，實現它們的聯動效果。九、啟用/禁用在默認的情況下拖曳到工作區(qū)域中的元件是處于啟用狀態(tài)的，但有的時候需要禁用一些元件，例如復選框在某些情況下是不能勾選的。可以對文本框、文本段落、下拉列表、復選框、單選按鈕、提交按鈕等元件設置啟用或者禁用。十、移動/旋轉和置于頂層/底層移動行為可以設置元件移動的相對位置以及絕對位置，動畫效果和移動的時間，其經常用于制作導航菜單的時候，移動菜單選中的背景；旋轉行為用于調整元件的角度，可以自行定義元件的角度；置于頂層/底層行為可以控制元件上下關系，設置元件處于在頂層或者底層，以達到元件的顯示效果。十一、獲取焦點和展開/收起樹節(jié)點獲取焦點行為常用于文本框、文本段落；展開/收起樹節(jié)點常用于展開或收起樹形結構。實戰(zhàn)——完成省市聯動效果雖然實現兩個菜單的聯動效果，但是也會發(fā)現兩個下拉列表是一一對應的，在實際的使用過程中，可能是一對多關系，經常會碰到省市縣3級聯動，選擇某個省份，第二個下拉列表選項里有多個市區(qū)，假如選擇黑龍江省，跟著聯動的下拉列表里應該有哈爾濱市、佳木斯市等等，怎么才能實現這樣的效果呢？1．教學以學生學習教材的基本內容為主，系統全面地學習稅收制度的構成要素的基本內容。2．整個教學過程中，各教學點可根據實際情況，進行拓