在制作提示信息時，每當觸發熱區之后，都能夠在演示窗口內顯示提示信息。本例將更進一步使得當鼠標進入熱區時，顯示提示信息，而一旦鼠標離開熱區時，提示信息隨之消失。為了區別起見，首先給背景上添加了一些說明文字，然后利用擦除圖標將它擦除。
熱區隨鼠標移動
(1) 單擊工具欄的new按鈕，新建一個課件文件。
(2) 將計算圖標拖動到流程線上，并命名為“窗口大小”。
(3) 雙擊“窗口大小”圖標，在編輯窗口內輸入resizewindow (260，220)，將演示窗口的大小定義為260×220像素。
(4) 將顯示圖標拖動到“窗口大小”的下方，將其命名為“背景”。
(5) 雙擊“背景”打開演示窗口，將背景圖片導入到演示窗口(如圖7-8所示)。
(6) 將顯示圖標拖動到“背景”圖標的下方，將其命名為“標題”。
(7) 雙擊“標題”圖標，打開演示窗口。
(8) 在演示窗口內輸入“漂亮的背景”，并使用綠色、24及宋體格式化文字。
(9) 將顯示圖標拖動到“標題”圖標的下方，將其命名為“文字”。
(10) 雙擊“文字”顯示圖標，打開演示窗口。
(11) 在演示窗口內分別輸入“我來了”與“退出”。
(12) 同時選擇“我來了”與“退出”，將它格式化為宋體、14及藍色。
(13) 將“交互”圖標拖動到流程線上，將它命名為“熱區響應”。
(14) 將群組圖標拖動到“熱區響應”的右下方，打開response type對話框。
(15) 選中hot spot單選按鈕之后，單擊ok按鈕，關閉打開的對話框。
(16) 將群組圖標命名為come。
(17) 雙擊come圖標上方的熱區響應標識符，打開熱區響應的屬性對話框。
(18) 打開match下拉列表框，選擇cursor in area選項。
(19) 單擊cursor右側的按鈕，打開cursor對話框。
(20) 選擇手形作為鼠標的形狀之后，單擊ok按鈕返回熱區響應的屬性對話框。
(21) 選擇演示窗口的熱區，將矩形框拖動到“我來了”的上方(如圖7-9所示)。
圖7-8 導入背景圖片 圖7-9 拖動熱區邊框
(22) 選擇熱區邊框上的控制柄，改變熱區邊框的大小。
(23) 在response選項卡內，選擇erase下拉列表框的before next erase。
(24) 單擊ok按鈕，關閉打開的熱區響應屬對話框。
(25) 雙擊come群組圖標，打開新的流程線窗口。
(26) 將擦除圖標拖動到流程線窗口，并將其命名為erase。
(27) 雙擊erase圖標，打開擦除圖標的屬性對話框。
(28) 在icons選項卡內，選中icons to erase單選按鈕。
(29) 單擊演示窗口的“標題”圖標的內容。
(30) 單擊ok按鈕，關閉打開的擦除圖標屬性對話框。
(31) 將顯示圖標拖動到erase圖標的下方，并將其命名為come。
(32) 雙擊打開come的演示窗口，在其中輸入“我輕輕地來了”。
(33) 使用綠色、宋體及24格式化輸入的文字。
(34) 選擇輸入的文字，使用ctrl+i組合鍵，打開文字屬性對話框。
(35) 在display選項卡內，單擊transition右側的按鈕，將提示信息的過渡效果設置為dissolve，bits。
(36) 在layout選項卡內，打開positioning下拉列表框，選擇on screen。
(37) 在initial文本框內，將文字的坐標定義為 (140，75)。
(38) 單擊ok按鈕，關閉打開的文字屬性對話框。
(39) 關閉come群組圖標的流程線窗口。
(40) 拖動計算圖標到交互圖標的右側，打開response type對話框。
(41) 選中hot spot單選按鈕之后，單擊ok按鈕，關閉打開的對話框。
(42) 將計算圖標命名為exit。
(43) 雙擊exit圖標上方的熱區響應標識符，拖動熱區使它覆蓋“退出”。
(44) 改變熱區的大小，使它正好與“退出”的大小相符。
(45) 將鼠標的形狀設置為手形之后，單擊ok按鈕，關閉對話框。
(46) 雙擊exit圖標，打開計算圖標的編輯窗口。
(47) 在編輯窗口內輸入quit( )。
(48) 單擊工具欄的播放按鈕，觀看并測試課件的演示窗口(如圖7-10所示)。
(49) 經過修改之后，得到如圖7-11所示的課件流程圖。
圖7-10 演示課件 圖7-11 課件流程圖
(50) 保存當前制作的課件文件。
在設置come群組圖標的熱區響應屬性時，由于將erase的選項確定為before next erase，這樣每當鼠標離開熱區時，顯示的“我輕輕地來了”將被擦除。由于將match下拉列表框的選項確定為cursor in area，這樣每當鼠標進入熱區時，就會顯示“我輕輕地來了”，在此之前由于在群組圖標內使用了erase按鈕，那么它將首先把“漂亮的背景”擦除，才顯示“我輕輕地來了”，否則兩者將同時出現在演示窗口內。
在第6章里，曾經通過按鈕響應制作了一個電子相冊，本例將使用熱區響應實現同樣的功能。當第一次打開電子相冊時，希望首先出現一張相片，而不是一片空白，或者是不相關的圖片。在本例中使用了系統函數presskey (“keyname”)，它將自動顯示由keyname鍵代表的相片。
制作電子相冊
(1) 在課件創建窗口內，單擊new按鈕，創建新的課件文件。
(2) 選擇modify→file→properties命令，打開文件的屬性設置對話框。
(3) 將演示窗口的大小定義為variable。
(4) 將演示窗口的背景定義為淺棕色。
(5) 單擊ok按鈕，關閉打開文件屬性對話框。
(6) 將計算圖標拖動到流程線上，并命名為“窗口大小”。
(7) 雙擊“窗口大小”圖標，打開計算圖標的編輯窗口。
(8) 將演示窗口的大小定義為320×360像素。
(9) 將計算圖標拖動到流程線上，將其命名為“顯示第1頁”。
(10) 雙擊“顯示第1頁”圖標，打開計算圖標的編輯窗口。
(11) 在編輯窗口內輸入presskey (“1”) (如圖7-12所示)。
(12) 將顯示圖標拖動到流程線上，將其命名為“背景”。
(13) 雙擊“背景”圖標，在打開的演示窗口內輸入“第1頁”、“第2頁”、“第3頁”、“第4頁”及“退出”。
(14) 雙擊箭頭工具，將輸入文字的顯示模式設置為透明(如圖7-13所示)。
圖7-12 編輯“顯示第1頁”圖標 圖7-13 確定熱區響應的位置
(15) 將交互圖標拖動到“背景”的下方，并命名為“相冊”。
(16) 將群組圖標拖動到“按鈕”圖標的右下角，打開response type對話框。
(17) 選中hot spot單選按鈕，單擊ok按鈕。
(18) 將群組圖標命名為1。
(19) 雙擊群組圖標的標識符，打開熱區響應的屬性設置對話框。
(20) 將演示窗口的虛線框拖動到“第1頁”上。
(21) 在key文本框內輸入1。
(22) 單擊ok按鈕，完成熱區響應屬性的設置。
(23) 雙擊打開群組圖標，將顯示圖標拖動到流程線上。
(24) 將顯示圖標命名為a。
(25) 雙擊a打開演示窗口，在演示窗口內導入第1張相片。
(26) 使用ctrl+i組合鍵，打開顯示圖標的屬性設置對話框。
(27) 在display選項卡內將圖片的過渡效果設置為zoom open。
(28) 在layout選項卡內打開positioning下拉列表框，選擇on screen。
(29) 選中initial單選按鈕，將圖片的位置定位在(160，160)。
(30) 單擊ok按鈕，完成顯示圖片屬性的設置。
(31) 重復上述(16)～(30)步的操作，添加群組圖標2、3及4，并導入相應的圖片。(如圖7-14所示課件的流程圖)。
(32) 將計算圖標拖動到群組圖標4的右側，將它命名為“退出”。
(33) 雙擊“退出”圖標，打開編輯窗口。
(34) 在編輯窗口內輸入quit (1)，并關閉和保存對話框。
(35) 單擊播放按鈕，觀看并測試課件文件。
(36) 保存課件文件。
為了使插入的圖片出現在顯示圖標相同的位置，可導入相同尺寸的圖片。此例使用photoshop將圖片的大小定義為250×320像素。在確定圖片的位置時，將它的位置統一定義在(160，160)處。
在熱區響應屬性對話框內，其中的response選項卡里有一個重要的perpetual復選框，啟用該復選框之后，將使課件始終接受用戶的響應。例如，將第一個相片的顯示時間定義為10秒時，在此期間單擊“第1頁”、“第2頁”、“第3頁”或“第4頁”時，都不會得到響應，這是由于未啟用perpetual復選框的緣故。一旦啟用perpetual復選框之后，在相片的顯示時間之內，只要單擊熱區，都會觸發相應的響應。
本例的折線是由橫坐標及縱坐標的頂點加上用戶單擊的位置組成的。authorware 6.0使用的坐標系是將水平向右作為x軸的正方向，假設x軸正方向的頂點位于a點，垂直向下作為y軸的正方向，假設y軸正方向的頂點位于b點，因此單擊演示窗口的任意一點c之后，將在acb之間連成一條折線。
自動繪制折線
(1) 在課件創建窗口內，單擊new按鈕，創建新的課件文件。
(2) 選擇modify→file→properties命令，打開文件的屬性設置對話框。
(3) 將演示窗口的大小定義為variable。
(4) 單擊ok按鈕，關閉打開文件屬性對話框。
(5) 將計算圖標拖動到流程線上，并命名為“窗口大小”。
(6) 雙擊“窗口大小”圖標，打開計算圖標的編輯窗口。
(7) 將演示窗口的大小定義為300×320像素。
(8) 將顯示圖標拖動到流程線上，將其命名為“背景”。
(9) 雙擊“背景”圖標，打開演示窗口。
(10) 在演示窗口內導入如圖7-15所示的背景圖片。
圖7-15 導入背景圖片
(11) 將交互圖標拖動到“背景”圖標的下方，將它命名為“折線”。
(12) 在“折線”的右側添加一個計算圖標，打開response type對話框。
(13) 選中hot spot單選按鈕之后，單擊ok按鈕。
(14) 將計算圖標命名為“單擊”。
(15) 雙擊計算圖標的交互屬性對話框，打開properties:response對話框。
(16) 打開erase下拉列表框，選擇don't erase。
(17) 打開branch下拉列表框，選擇continue(如圖7-16所示)。
(18) 在演示窗口內拖動虛線框，將整個窗口作為熱區響應的范圍。
圖7-16 設置“單擊”圖標的交互屬性
(19) 單擊ok按鈕關閉打開的熱區響應屬性對話框。
(20) 雙擊“單擊”圖標，打開計算圖標的編輯窗口。
(21) 在其中輸入pointx:=clickx、pointy:=clicky(如圖7-17所示)。
(22) 在“單擊”計算圖標的右側添加一個群組圖標，打開response type對話框。
(23) 選中conditional單選按鈕之后，單擊ok按鈕。
(24) 雙擊群組圖標上方的交互標識符，打開properties: response對話框。
(25) 單擊conditional標簽，打開conditional選項卡。
(26) 在condition文本框內輸入true。
(27) 單擊response標簽，打開response選項卡。
(28) 打開erase下拉列表框，選擇don't erase。
(29) 打開branch下拉列表框，選擇try again。
(30) 單擊open按鈕，打開二級流程窗口。
(31) 在二級流程窗口內添加一個計算圖標，并將它命名為“畫折線”。
(32) 雙擊打開計算圖標的編輯窗口，在其中輸入如圖7-18所示的程序代碼。
圖7-17 編輯計算圖標 圖7-18 編輯“畫折線”計算圖標
(33) 將計算圖標拖動到群組圖標的右側，將它命名為“退出”(如圖7-19所示)。
(34) 雙擊“退出”圖標，打開編輯窗口。
(35) 在編輯窗口內輸入quit (1)，并關閉與保存對話框。
(36) 單擊播放按鈕，觀看并測試課件文件。
(37) 保存課件文件。
播放課件時，每當用戶在演示窗口內單擊一次，都會產生一條折線。由于沒有使用擦除圖標，這樣再次單擊時，一條新的折線將添加到演示窗口(如圖7-20所示)。在本例中，調用了line(pensize,x1,y1,x2,y2)函數，該函數是繪制一條由點(x1,y1)到點(x2,y2)的直線，線的寬度由pensize控制。
圖7-19 課件的流程圖 圖7-20 添加新的折線
新聞熱點
疑難解答
