主要內容
基本操作提要
在本實例中,我們主要練習如下命令按鈕的使用和操作:
authorware中框架結構設計按鈕的使用和authorware中正文對象的創建;定向設計按鈕的使用;正文對象風格的設定和使用;超文本的建立和使用;在正文對象風格中加入超級鏈接。
authorware的知識同實例中的具體內容結合起來進行學習,然后將這些具體的內容結合起來,學習建立整個實例的操作過程。這樣,讀者在對authorware具體內容的學習中就可以結合實例進行體會,對各具體內容有一定的掌握后,再對整體的實例進行學習,則我們學習的效果會更好,讀者對實例中的操作也會更容易理解和掌握。
實例過程
正文對象的創建
在交互式應用程序中,文本的使用是非常普遍的。一般情況下,我們在【顯示】設計按鈕或【交互作用】設計按鈕的展示窗口中要創建一些文本信息來給出某些操作的提示信息,或者是某些需要表達的反饋信息以及需要最終用戶閱讀的學習內容等等。所有的這些我們都需要使用文本對象。
圖3-1 【圖形工具箱】
在authorware中,要創建或編輯正文對象,我們使用的工具是【圖形工具箱】(如圖3-1所示)中的正文輸入工具(圖3-1中高亮的“a”型符號)。
用鼠標單擊【圖形工具箱】中的正文輸入工具,使其高亮,表示它處在被選中狀態,此時,將鼠標移到展示窗口上方,我們會發現鼠標的形狀變成“i”形,該鼠標形狀表示此時,處在正文輸入狀態,用鼠標在展示窗口中要輸入文本的起始位置單擊,此時,在展示窗口中出現如圖3-2所示的一條文本寬度標志線和閃爍的光標,讀者可以在閃爍的光標后輸入文本。
我們有下列方法來打開【圖形工具箱】,從而可以使用它的正文輸入工具來創建或編輯文本對象。
1. 選擇【control】中的【restart】命令(ctrl+r快捷鍵)運行程序。當authorware的程序在執行過程中遇到任意一個不包含任何內容的【顯示】設計按鈕或【交互作用】設計按鈕,authorware會自動打開該設計按鈕的展示窗口,【圖形工具箱】將會出現在屏幕上,我們可以選擇正文輸入工具來創建新的正文對象。
圖3-2 輸入文本時的展示窗口
圖3-3 標尺上各標志的含義和使用方法
2. 用鼠標雙擊程序流程線上的任何一個【顯示】設計按鈕或【交互作用】設計按鈕都可以彈出該設計按鈕的展示窗口和【圖形工具箱】,然后我們可以創建新的文本對象或編輯已有的文本對象。
3. 當我們在運行程序或編輯顯示對象時,用鼠標雙擊展示窗口中任何文本或圖形對象都可以彈出【圖形工具箱】,從而可以使用文本輸入工具創建新的文本對象或編輯已有的文本對象。
下面我們來學習標尺上各標志的作用:
1. 文本右邊距調整標志:該標志是一個三角形,它定義了文本的右邊距。當我們輸入文本到這個標志時,authorware會自動換行,進入下一行。
2. 同右邊相對應的文本左邊距標志。不同的是,該三角形標志被分為上下兩個三角形,上邊的三角形是左縮進標志,代表文本的左邊界,下邊的三角形是首行縮進標志,當用戶回車另起新的一行時,新的一行從該標志開始,如圖3-2所示。
3. 在該標尺上,我們還可以使用制表符。在圖3-2出現所示狀態下,用鼠標在標尺的文本寬度線上任意點擊,在文本寬度線上會出現圖3-3所示的三角形,該三角形就是制表符,輸入文本時,用戶按下【tab】鍵后,光標會自動跳到其最近的制表符位置。讀者可以在標尺上加入任意多的制表符,并可以用鼠標拖動它們來調整位置。
4. 標尺兩端的有兩個白色小方框,是用來調整文本輸入區域的大小。我們可以用鼠標選中這兩個小方框來調整文本輸入區域在展示窗口中的區域大小。
5. 所有標尺上的標志都可以用鼠標選中,然后拖動來調整。
使用正文輸入工具時,文本的輸入有以下兩種方式:
(1):屏幕直接輸入。
在圖3-2所示的閃爍光標所在處直接用鍵盤輸入文本,如圖3-3所示。
(2):引入外部文件。
大型多媒體軟件的設計是一個多方面協作的過程,多媒體軟件的程序設計人員不可能把精力放在文本的輸入上,這就需要有專業的輸入人員來輸入程序所需要的文本內容,authorware考慮到了這種情況,故在文本的輸入中,為用戶提供了引入外部文件的功能。
我們可以把純文本的外部文件直接引入到authoware中,把文本插入到文本輸入區域。
讓我們來學習具體的引入步驟:
1. 選擇【file】菜單中的【import】命令,或使用快捷鍵(ctrl+shift+r),屏幕上彈出圖3-4所示的插入文件對話框:
圖3-4 插入文件對話框
2. 使用該對話框,讀者可以選擇你用字處理軟件輸入的文本文件來引入文本內容。用鼠標在你所要使用的文件名上單擊即可,該文件就顯示在〖文件名〗正文輸入框中。
3. 〖link to file〗選項的使用:
authorware默認的情況是:當把文件中的文本引入展示窗口后,authorware便把引入的文本作為authorware的內部內容。程序運行過程中,不在使用該文本文件。如果選擇該選項,則authorware把引入的文本內容作為一個外部文件來顯示,程序的運行過程中,authorware要使用該文本文件。當我們改變該文本文件的內容時,authorware展示窗口中相應的文本內容也會改變。如果選擇該選項,希望讀者把該文本文件同該程序放到同一個目錄下,或專門為引入的文本文件創建一個目錄,避免在最終發行軟件時把文本文件丟失。
4. 〖show preview〗選項的使用:該選項是通過圖3-4中右上方的空白方框區域來預覽引入文件的內容,對于 文本文件,該選項失效,不能預覽文本文件。對于圖形文件,若選擇該選項,我們可以在預覽窗口看到縮小的圖形的內容。
5. 如果要同時引入多個文本文件,該怎么辦?難道我們要重復使用相同的操作么?不要擔心,authorware為我們提供了一次性同時引入多個文件的功能。用鼠標單擊圖3-4中右下方的小“+”字符號,彈出圖3-5所示的同時引入多個文本文件對話框。
圖3-5 同時引入多個文本文件對話框
在該對話框中有兩個區域,左邊區域和圖3-4相同,右邊的區域是引入的文件列表,下面我們來學習引入文件的方法:
首先,在左邊的文件列表中找到要引入的文件,用鼠標單擊該文件,使其顯示在左區域的〖文件名〗輸入框中,然后單擊右區域中〖add〗命令按鈕,我們可以看到剛才選擇的文件名便出現在引入文件列表區域,重復上述操作,將需要引入的文本文件添加到引入文件列表中。
如果我們要把該目錄下所有的文件都引入到程序中,只需單擊右區域中的〖add all〗命令按鈕,左區域文件列表中的所有文件就都可以添加到引入文件列表中。
如果想把右區域引入文件列表中的某個文件去掉,只需單擊該文件名使其高亮,單擊右區域中的〖remove〗命令按鈕,該文件就會從引入文件列表中被去掉。
選擇完所有需要引入的文件,單擊〖import〗命令按鈕,結束文件的選擇,把所選文件引入到展示窗口中。單擊該命令按鈕后,屏幕上彈出如圖3-6所示的文本格式對話框。
圖3-6 文本格式對話框
6.下面我們來介紹文本格式對話框各選項的含義:
【hard page break】分頁符:
選擇〖ignore〗忽略選項,那么在插入文本時,當authorware遇到文本文件中的分頁符時,會忽略不計。
選擇〖creat new display icon〗選項,插入文本時,當authorware遇到文本文件中的分頁符時,authorware會自動產生一個新的顯示圖標。
【text object】文本對象:
選擇〖standard〗選項,那么在引入過程中,引入的文本文件被轉化為標準的文本對象。
如果選擇〖scrolling〗選項,那么引入過程中,引入的文本文件將被轉化為滾動顯示的文本對象。
在分頁符和文本對象兩個選擇區域中,每個區域多必須選擇。authorware默認的選擇是建立新的顯示圖標和標準文本對象。
單擊【ok】命令按鈕結束設置,將文件插入。在這里我們選擇〖ignore〗和〖standard〗,插入后的文本效果如圖3-7所示。
圖3-7 插入后的文本文本的效果
將文本文件引入展示窗口后,我們可以象在其它字處理軟件中一樣,對圖3-7所示的文本進行編輯和處理。
用鼠標單擊【圖形工具箱】中的【指針】工具,圖3-7中的文本對象變成圖3-8所示的被選中狀態,在文本對象周邊出現圖示的白色句柄。
我們可以用鼠標拖動白色句柄來改變文本區域的大小,還可以用鼠標拖動整個文本,改變其在展示窗口中的位置。
使用外部文件引入文本對象的方法我們學習完了,下面讓我們來學習直接從剪貼板來輸入文本文件。
三:使用剪貼板傳遞文本對象:
如果我們要插入的文件不是文本格式的文件,則我們必須使用剪貼板來傳遞文本對象。下面,讓我們逐步學習該方法。
首先,打開處理文件的字處理軟件,我們以“word”字處理軟件為例來學習這種方法,打開“word”字處理軟件,并把要插入的文件打開。
圖3-8 選中狀態的文本對象
然后,用鼠標或菜單命令選中處理軟件中調入文件內容中我們所需要的內容。使內容處在高亮。
使用字處理軟件的【copy】命令來把選中的內容拷貝到剪貼板中。如圖3-9所示。
圖3-9 在字處理軟件中選定文本對象
最后,關閉字處理軟件,切換到authorware中,在圖3-2所示的文本輸入狀態,使用authorware中的【edit】菜單項中的【paste】命令把剪貼板中的內容粘貼到authorware中。
粘貼后,其它的設置和方法同引入外部文件時相同。請讀者自行使用即可。
文本屬性的設置
對于顯示在展示窗口上的文本對象,我們可以通過對字體類型、字體式樣、字體大小等字體特性的改變來創建形式多樣,內容豐富的多媒體交互程序。
在設置文本的特性之前,我們首先要在文本輸入區域中選中要改變特性的文本對象。選定文本有兩種方式:
如果是部分選定文本,用鼠標選定文本部分,如圖3-10所示。
圖3-10 部分選定的要改變特性的文本
如果是改變文本區域中所有的內容,只需用鼠標雙擊展示窗口中的文本對象,使其處在被選定狀態,周邊出現圖3-11所示的白色句柄。
圖3-11 全部選定要改變特性的文本
然后利用authorware的【text】菜單中的各命令選項來設定選定文本對象的文本特性。
下面讓我們對authorware的【text】菜單項中用來設置文本特性的各命令項(如圖3-12)進行逐一學習。
【text】菜單項中的各命令如圖3-12所示。
圖3-12 【text】菜單選項
(1)使用“font”字體命令選項來改變所選定文本的字體特性:
選擇該命令項中的〖other〗選項,彈出圖3-13所示的【font】對話框來選擇相應的字體。
圖3-13 【font】對話框
在該對話框中的中間區域是范例,該區域中的內容隨讀者選擇的字體類型的改變自動改變,使讀者可以實時預覽所選字體的效果。
在圖3-13中,預覽區域中的內容“the quick brown fox jumped over the lazy dog!”是目前世界上字符最少但包括所有的26個英文字母的語句。authorware使用該內容使用戶能在預覽窗口中觀察選定字體所有英文字符的效果。而對于我們輸入正文的用戶來說,只有在展示窗口中來看效果了。
字體的選擇列表如圖3-14所示,列表中的字體是windows中的字體,其內容隨不同的系統而有所不同。請讀者注意。
圖3-14 字體選項列表
選定合適的字體類型后,單擊【font】對話框中的【ok】按鈕。結束字體的設置,這里我們選擇楷體,展示窗口中字體的效果(如圖3-15所示)。
圖3-15 改變為楷體的文本
當我們選擇楷體之后,請讀者注意【text】菜單選項中【font】命令菜單的改變如右圖3-16所示。有標志的是當前使用的字體類型所有使用過的字體類型都會在該列表中羅列出來。
圖3-16 【font】菜單項
(2)〖size〗菜單選項的列表如圖3-17所示,有標志的是當前使用的字體大小,如果選擇字體的大小從8到72,我們可以直接在該列表中進行選擇。
圖3-17 【size】選項列表
如果使用的字體大小在列表中沒有列出,我們可以選擇【other】命令,彈出圖3-18所示的【font size】對話框,我們可以在【font size】的正文輸入框中直接輸入我們希望的字體大小的數值。在預覽窗口中我們會看到所輸入字體大小的效果。單擊【ok】命令按鈕完成設置。
圖3-18【font size】對話框
我們還可以使用【size up】(快捷鍵為ctrl+shift+rtarrow)或【size down】(快捷鍵為ctrl+shift+lftarrow)來直接在展示窗口中改變字體的大小。每執行一次上述命令,字體改變一個字號。我們可以通過不斷選中兩個選項或使用快捷鍵來逐步調整文本的大小。
(3)【style】菜單選項列表如圖3-18所示,為風格的選項列表,有標志的是當前使用的文本風格,我們通過用鼠標單擊選項列表中的相應風格來選擇。
圖3-19 【style】選項列表
下面,請讀者對該選項列表中的風格逐一學習。
注意:
在該風格列表中,除了【superscript】和【subscript】兩種風格以外,其它各種風格都可以組合使用,讀者可以選擇不同的文本風格,然后在展示窗口上查看這些風格的組合效果,從這些組合效果中選擇滿意的風格組合。
【plain】 普通字體樣式。
【bold】 粗體字體樣式,快捷鍵為ctrl+alt+b。
【italic】 斜體字體樣式,快捷鍵為ctrl+alt+i。
【underline】 下畫線字體樣式,快捷鍵為ctrl+alt+u。
【superscript】 上標字體樣式。
【subscript】 下標字體樣式。
各種風格的效果及其組合效果請讀者自行實踐。
(4)如圖3-19所示為【alignment】命令的選項列表,下面我們逐一介紹列表中各選項的含義:
【left】 左對齊方式,快捷鍵為ctrl+[。
【center】 中心對齊, 快捷鍵為ctrl+/。
【right】 右對齊方式,快捷鍵為ctrl+]。
【justify】 由文本輸入工具標尺的左右邊界來控制,快捷鍵為ctrl+shift+/。
圖3-20 【alignment】命令的選項列表
有標志的表示是當前使用的方式。
(5)選擇【scrolling text】選項,把文本的顯示方式改為滾動條方式顯示。如圖3-20所示,請讀者把該顯示方式同標準顯示方式對比。
(6)當authorware運行在同你編程使用的計算機不同的計算機上的時候,在其它的計算機上,有可能使你的文本每一行的長度有所改變。選擇【preserve line breaks】選項,在程序的運行過程中,authorware將保持最初程序設計時文本每一行的長度。不隨運行環境的改變而變化。
圖3-21 兩種顯示方式的比較
文本風格的創立
前面我們學習了如何為屏幕上的文本設置不同的顯示特性。但是,讀者會想象到,如果我們必須為每一個文本塊都人工設置這些屬性的話,工作量將是非常巨大和繁瑣,這將會拖長多媒體軟件的開發過程,而且,一旦在開發的過程中,要改變某種文本塊的顯示特性,我們又需要對每一個文本塊進行重新的手工設置。讀者可以想象這種設置和改變的工作量有多么大。
為了進一步提高開發效率,authorware為我們提供了定義一種風格的能力,一旦定義了一種風格,我們就可以把該風格應用到作品中的文本塊上,如果需要改變該類特性文本塊的屬性設置,則不需要對每一個文本塊一一重新設定,只需修改所定義的該類風格,該類風格所應用的文本塊將自動更改其顯示特性。從而大大減少了工作量,提高了軟件的開發效率。 執行authorware中【text】菜單項中的【define styles】命令(快捷鍵為ctrl+shift+y)打開定義風格對話框如圖3-22所示。
圖3-22 風格定義對話框
風格定義對話框中包含下面內容:
(1)風格列表(如圖3-22所示):在定義風格對話框的左側是風格列表,列表上包含已被定義的所有風格的名稱以及未命名的風格的列表。例如一個列表中的“(宋體)”這樣的未命名風格,是每一次人工設置字體、字號、風格和顏色時,authorware都會自動建立的。
要想查看列表中的某個風格的屬性,只需用鼠標單擊風格列表中的風格名即可。一旦選擇了某種風格,這種風格的屬性會在風格定義對話框中間部位顯示出來。
在風格列表的下方,是風格列表文本框。在該文本框中,讀者可以為新建風格命名,或為當前選擇的風格改變名稱。
如圖3-22所示,在該對話框的中間部分,顯示的是所選中的風格的屬性,在該部分文本屬性中,我們在前面沒有介紹的特性有:
①〖text color〗:文本顏色,使用該選項,我們可以設定展示窗口中文本字體的顏色,用鼠標單擊圖3-22中部〖text color〗右邊的色彩塊,彈出圖3-23所示的【text color】對話框。該對話框的右上方是顏色預覽窗口,左邊是調色板,我們可以在調色板中選擇合適的顏色塊,預覽窗口會出現所選的顏色的預覽,讀者可以在預覽窗口瀏覽所選顏色的效果。單擊【ok】命令按鈕,結束對文本顏色的設置。
②〖數字格式〗:在文本塊中的數字,也包含了其相關屬性,如有關顯示在小數點前和后的十進制數字等。單擊【format命令按鈕彈出圖3-24所示的【number format】對話框,下面讓我們來學習該對話框的設置。】
圖3-23 【text color】對話框
圖3-24 【number format】對話框
〖example〗:該區域顯示的是當前設置的數字顯示格式的例子。
〖decimal〗:區域中我們設定了小數點前和小數點后的數字格式。
選擇〖show numbers after decimal〗選項,顯示小數點后的數字。
在〖use〗選項,我們可以設定在顯示數字時是如何顯示小數點。
選擇〖local standard〗選項,則顯示小數點時,使用國別控制面板中所設定的特定的顯示特性。
選擇〖period〗選項,在顯示數字時,可以使用“.”來作為小數點分隔符。
〖comma〗:選擇該選項,在顯示數字時,使用“,”作為小數點分隔符。
〖include _ digits to right of decimal〗:在該輸入框中輸入的是讀者需要在小數點后顯示的數字的個數。
〖include trailing zero〗:當數字結束時,在數字末尾補零。比如,我們顯示數字1,小數點后顯示2位,在顯示時authorware顯示的是“1.00”。
〖before decimal〗:小數點前,該選擇區域是用來設置小數點前的數字的顯示。
〖leading zeros to _ places〗:選擇該選項,在該輸入框中輸入的是在顯示小數點前數字時前置零的個數,例如:我們在該輸入框中設定前置零的個數為4,當我們顯示5時,顯示形式為“0005”,當我們要顯示455時,顯示形式為“0455”。當我們希望所有顯示的數字都有相同的數字個數時,可以選擇該選項。
〖show thousands/millions separate〗:
其中〖use〗選項用來設定在顯示數字時,如何顯示千或百萬之間使用分隔符。
選擇〖local standard〗選項,顯示分隔符時,使用國別控制面板中所設定的特定的顯示特性。
選擇〖period〗選項,在顯示分隔符時,使用“.”。
選擇〖comma〗選項,在顯示分隔符時,使用“,”。
讀者可以隨意改變該對話框中的各項設置,同時觀察〖example〗區域中相應的變化。
設置結束后,單擊【ok】按鈕結束設置。
(2)風格定義對話框中相關命令按鈕的使用:
①【modify】:修改命令按鈕:使用該按鈕可以修改已經存在的風格,改變該風格初始的特性,讀者可以從風格列表中選擇一種風格,設定其特定屬性后,單擊【modify】命令按鈕確認對該風格的設定。
②【add】:添加,使用該按鈕用來創建一種新的風格,并把風格名添加到風格列表中,用鼠標單擊【add】按鈕,輸入新的風格名,設定該風格的特性后,點按【modify】按鈕,確認對該風格的設定。
③【remove】:刪除按鈕,使用該按鈕從風格列表中刪除一個已經定義的風格,首先,我們要選擇該風格,使風格列表中該風格名稱高亮,然后用鼠標點按【remove】按鈕,刪除該風格。如果這種風格正被應用在作品中,則該風格不能被刪除。
文本風格的應用
上面我們學習了文本風格的創建,下面將學習如何把所定義的文本風格應用的到文本塊上。
在authorware中有兩種方法用來把風格應用到文本塊上。前提是我們要應用風格的文本塊應該是處在被選中狀態,周邊出現了灰色句柄。
(1)使用authorware中【text】菜單中的【apply styles】命令選項,彈出文本風格對話框,如圖3-25所示:
圖3-25 文本風格對話框列出你作品中定義的所有風格
在列表中用鼠標單擊相應風格前的方框,選擇該風格,所選中的風格會立刻被應用到該文本塊上,讀者可以實時地觀察應用風格的效果。
文本風格對話框是一個獨立的窗口,用戶可以讓它作為一個浮動窗口處在激活狀態,便隨時可以在展示窗口中使用。
(2)使用圖3-26所示在authorware中位于主菜單下的工具欄中的風格下拉列表,下拉列表中列出了讀者作品中所定義的所有風格的名字。
圖3-26 主菜單下的工具欄中的風格下拉列表
在列表中選擇一種風格,選中的風格會立刻被應用到文本塊上。
風格選擇可以同時選擇多個風格,各種風格的組合效果只有讀者在實際操作后才能知道。使用風格的組合效果,我們可以創建出豐富多彩的文本對象。
應用風格的組合效果,我們可以大大地提高作品的開發效率。例如,可以設置包含某些特性的風格,然后再設置一些包含超級鏈結功能的另一種風格。把這些風格組合起來,我們就相當于有了一個可供選擇的控制板,通過風格的組合,實現程序的交互作用,如果用人工來設置這些特性的話,將是一個非常繁瑣的工作。
使用風格定義和應用,以及風格組合使用,將會大大提高開發作品的工作效率。縮短作品的開發周期。
超文本鏈接風格的設置
利用超文本對象建立的定向鏈接有如下特性,當我們用鼠標單擊、雙擊或將鼠標移到具有超級鏈接功能的正文對象時,authorware會自動進入與該正文對象所鏈接的頁中,執行該頁中的信息。這樣的正文對象我們稱為超文本,這樣的鏈接我們稱為超文本鏈接或超級鏈接。
在authorware的正文風格定義對話框中,我們可以設定一種風格和作品中具體頁之間的鏈接,如圖3-27所示。使用應用風格,可以把設定的鏈接和相應的正文對象鏈接起來,使正文對象具有超文本鏈接的特性。
圖3-27 authorware的風格定義對話框中超文本的定義
在authorware的正文風格定義對話框中,我們可以設定一種風格和作品中具體頁之間的鏈接,如圖3-27所示,使用應用風格,可以把設定的鏈接和相應的正文對象鏈接起來,使正文對象具有超文本鏈接的特性。
下面,我們對圖3-27所示的各選項進行深入的學習。
(1)觸發超文本鏈接的方式,交互方法有single click(鼠標單擊)、double click(鼠標雙擊)或只是將鼠標移動到包含超文本風格的文本上。
如果我們選擇“none”(沒有)選項時,即沒有超文本鏈接,則其它的交互選項都會失效。
(2)選擇“auto highlight”選項后,并且當最終用戶用上面設定的觸發方式觸發了超文本鏈接后,在這個區域就顯示一個反色的圖像,來提醒用戶,該超文本鏈接已經觸發,計算機正在處理用戶的輸入。
我們在多媒體的開發過程中,要考慮到,并非所有用戶的計算機都是速度非常快的。有很多用戶還使用速度相當慢的計算機,當在速度比較慢的計算機上運行我們開發的作品時,在用戶輸入一個響應后,如果系統對用戶的輸入沒有實時的反應時,用戶會很著急,會認為第一次的輸入沒有被計算機存儲,則用戶會再輸入一次響應。如此,計算機會進入一個重復工作的狀態,所以,我們在設計多媒體作品時,應對用戶的輸入信息及時給一個反饋,使最終用戶知道自己的輸入已經被計算機所接受,計算機正在處理用戶的輸入。
(3)當光標經過包含超級鏈接的文本對象時,讀者可以讓鼠標改變形狀來提醒用戶該對象可以執行某種操作,選擇“cursor”項就可以實現該功能。
單擊“cursor”右邊的小方框,彈出圖3-28所示的光標庫,在光標庫中選擇合適的光標。
圖3-28 光標類型對話框
至于如何改變光標類型,請參見實例二中光標的改變。
(4)如果把超文本鏈接作為文本風格的一部分,讀者可以選擇“navigate to”選項。
選擇該選項后,單擊其右邊的方框,彈出圖3-29所示的導航條件設置對話框。設置對話框中的設置。
圖3-29 導航圖標設置對話框
定義鏈接的詳細步驟參見〖高級交互與查找〗中的【定向】設計按鈕的使用。
將超文本鏈接功能作為一種風格應用到文本對象上,使文本對象擁有超文本鏈接的功能,當最終用戶觸發文本對象后,authorware會自動導航到相應的鏈接中。
高級交互與查找
在本節中,我們要學習authorware提供的強大的高級交互工具:定向結構。定向結構中包括【定向】設計按鈕和【框架】設計按鈕。
在開發程序的過程中,為了提高開發效率,可以高效地創建和維護應用模塊。為了使最終用戶能更加高效地識別相關的內容,方便最終用戶對多媒體作品的使用,我們可以使用authorware的高級交互工具和查詢功能。下面我們將對authorware提供的上述功能逐一學習。
在下面的學習中,我們要使用到程序的跳轉與調用,控制的方式和程序的流向非常復雜,所以該內容是學習authorware中的一個要點也是一個難點。希望讀者認真學習。
該內容是我們創建豐富的多媒體交互功能的基礎,只有充分掌握了該部分內容,并能夠靈活運用,才能夠設計出豐富靈活的多媒體作品。
定向結構介紹
在交互作用的多媒體作品中,程序要根據最終用戶不同的輸入響應,來匹配相應的作品內容,也就是允許最終用戶選擇不同的路徑來執行程序的分支流程。
定向結構通過不同的定向控制,使最終用戶可以在多媒體作品中很方便地跳轉到所需要的地方。
1.定向類型:
authorware為我們提供了以下兩種類型的定向:
(1)在一個authorware文件的內部,程序從一個地方跳轉到另一個地方。
(2)程序從一個authorware文件跳轉到另一個authorware文件執行。
對于上述兩種類型的定向方式,authorware為我們提供了不同的實現方法:
對于第一種定向類型,authorware提供了【定向】設計按鈕和【框架】設計按鈕來實現該定向類型。
對于第二種定向類型,authorware提供了jumpfile()和jumpfilereturn()兩個函數來實現該定向類型。
首先,讓我們來學習第一種定向類型。在authorware的程序設計中,【定向】設計按鈕和【框架】設計按鈕之間相互協作,實現了大量的定向設置。事實上,【框架】設計按鈕就是由一組不同定向指向的【定向】設計按鈕按一定規則的組合,是【定向】設計按鈕的綜合使用。
在第一種定向類型中,讓我們先來熟悉一下【定向】設計按鈕,能實現的功能。
2.【定向】設計按鈕:
【定向】設計按鈕可以被拖放在程序流程線上的任意位置,甚至可以放到【框架】設計按鈕中。
請讀者注意,雖然【定向】設計按鈕可以放置在流程線的任意位置,但是,【定向】設計按鈕的指向必須是附屬于【框架】設計按鈕的頁,附屬于【框架】設計按鈕的任意設計按鈕我們都稱之為一頁,如圖3-30所示。
圖3-30 定向示意圖
authorware還為我們提供了一個函數goto()來實現定向,goto()函數的參數是要指向的設計按鈕的iconid值,使用的形式是goto(iconid@“icontitle”),但由于函數的跳轉使程序的設計結構化較混亂,不容易維護,所以我們一般情況下不使用該函數,而是直接使用【定向】設計按鈕,【定向】設計按鈕使用起來更靈活,可以實現較復雜的定向結構。而事實上,【框架】設計按鈕就是【定向】設計按鈕靈活性的體現。
【定向】設計按鈕主要有以下優勢:
【定向】設計按鈕主要有以下優勢:
(1)可以指向任意一個【框架】設計按鈕中的任意一頁。
(2)當authorware程序執行到【定向】設計按鈕時,可以迅速地跳轉到該【定向】設計按鈕指向的設計按鈕中。
(3)當authorware程序執行完【定向】設計按鈕所指向的設計按鈕中的內容后,可以迅速返回到最終用戶使用的最后一頁。
(4)還可以把最終用戶最近使用的頁以列表的形式顯示在屏幕上,最終用戶只需雙擊列表中頁的標題即可以跳轉到該頁中。
(5)為最終用戶提供一個對話框,在該對話框中,最終用戶可以設置查詢選項來查找特定設計按鈕中的特定內容,并迅速地把查詢到的情況以列表的形式顯示出來,最終用戶可以選擇相應的內容,迅速定位要查詢的內容。
【定向】設計按鈕只能指向【框架】設計按鈕中的頁,由于【定向】設計按鈕和【框架】設計按鈕的這種特殊關系,在學習應用【定向】設計按鈕之前,讓我們先來學習【框架】設計按鈕的相關內容。【框架】設計按鈕是【定向】設計按鈕特殊的應用。
3.【框架】設計按鈕:
在authorware程序中,【框架】結構有如圖3-31所示的兩部分組成。
圖3-31 【框架】結構
(1)【框架】設計按鈕;
(2)附屬于【框架】設計按鈕的其它任意設計按鈕。我們稱任何附屬于【框架】設計按鈕的設計按鈕為【框架】設計按鈕中的一頁。
對于【框架】設計按鈕,雙擊【框架】設計按鈕打開該設計按鈕,其包括三部分(如圖3-32所示):
圖3-32 【框架】設計按鈕的組成
(1)進入畫面:authorware程序在進入【框架】結構中的任意一頁之前,都必須執行進入畫面中的內容。例如,我們在進入畫面中設置一個背景圖案,則程序在執行【框架】結構的附屬設計按鈕時,該背景圖案會出現在【框架】結構的所有附屬頁中。
請讀者注意:我們在設計【框架】結構時,首先要分析各附屬設計按鈕,弄清楚各附屬頁中是否有相同的內容,我們可以把各設計按鈕中相同的內容放置到進入畫面中,這樣可以減少程序的大小,并利于對程序的維護。當修改相關內容時,只需要修改進入畫面中的內容即可,而不需要對附屬設計按鈕中相同的內容進行重復修改。
(2)authorware提供一套缺省的【定向】設計按鈕:這套缺省的【定向】設計按鈕以控制按鈕框在展示窗口中顯示的形式,如圖3-33所示為缺省【定向】設計按鈕和控制按鈕框中按鈕的對應關系。
圖3-33 定向設計按鈕與控制按鈕框中按鈕的對應關系
authorware提供的這一套定向控制按鈕,其按鈕與功能的對應關系如下:
圖3-34 定向控制按鈕與功能的對應關系
注意,【框架】結構中的頁是按照由左到右的順序進行排序的,附屬于【框架】設計按鈕最左邊的設計按鈕為第一頁,當【框架】結構被放置在主流程線上,在程序順序執行到該【框架】設計按鈕時,程序會在顯示【框架】結構中的進入畫面后,自動執行第一頁中的內容。
(3)退出畫面:authorware在退出框架結構之前,需要執行下面的操作:
①首先,authorware在退出框架之前,擦除展示窗口中進入畫面和頁的內容,這些內容包括正文、圖片、數字化電影、聲音等多種媒體信息,使整個屏幕的顯示恢復到authorware程序進入框架結構前的狀態。
②authorware程序重新回到框架窗口,直接進入退出畫面來執行退出畫面的設置。authorware在退出畫面中默認的是空操作。
讀者學習了上述的【框架】設計按鈕之后,是否覺得【框架】設計按鈕默認的八個定向控制按鈕的圖標對于最終用戶來說比較難于理解,若對各按鈕的功能不能有一個直觀的解釋,則我們開發出來的作品對于最終用戶來說學習起來就比較難,使用起來也不方便。所以我們有必要對【框架】設計按鈕默認的定向控制按鈕的圖標和形狀進行設定,使控制按鈕的形狀和圖標更符合最終用戶的需要,使我們的最終作品更易于學習和使用。直觀性差和可操作性差的作品是不會受到用戶歡迎的。
4.【框架】設計按鈕中定向控制按鈕外觀的重新設定
這里我們學習的內容包括定向控制按鈕和控制框在顯示屏幕上外觀的設定,這種修改只會改變控制按鈕和控制框在顯示屏幕上的外觀,方便最終用戶的使用,對程序的流程的執行沒有任何的影響。具體的操作如下:
(1)用鼠標雙擊【框架】設計按鈕彈出框架窗口(如圖3-33所示)。
圖3-35 缺省按鈕框
(2)用鼠標雙擊圖3-33中的標題為〖gray navigation panel〗的【顯示】設計按鈕,打開【presentation window】窗口,如圖3-35所示,在展示窗口中出現按鈕框在authorware中的默認形狀。我們可以使用【圖形工具箱】中的工具對按鈕框進行放大、縮小、移動位置、框線粗細、填充色和外觀圖案等進行設置。
事實上,按鈕框在程序的執行過程中,只是為了美觀的作用。沒有實際的執行價值。如果我們要設定其它外觀的定向控制按鈕,按鈕框是可以刪除的。對程序的執行沒有任何影響。
(3)修改定向控制按鈕:要修改定向控制按鈕的圖標,需用鼠標雙擊圖3-33中所示的相應的定向控制按鈕所對應的響應類型圖標,彈出【properties response】對話框,如圖3-36所示。在該對話框的左上角有定向控制按鈕的外觀預覽。用鼠標單擊【button】命令按鈕,彈出圖3-37所示的【buttons】對話框來修改按鈕的外觀。
圖3-36 【properties response】對話框
我們在前面已經學習過按鈕的定制,請讀者自己練習來改變一下定向控制按鈕的外觀。并運行程序觀察效果。
圖3-37 【buttons】對話框
5.【定向】設計按鈕的使用和相關內容的設置
單擊任意一個程序流程線上的【定向】設計按鈕,彈出如圖3-38所示的【定向按鈕】對話框。
一個【定向】設計按鈕的設置內容主要是執行該【定向】設計按鈕后程序的流向:
在authorware中定向設計按鈕對程序流向的影響有五種形式:下面請讀者逐一學習這五種程序流向的方式:
(1)選擇【recent】選項,可以在程序和用戶使用過的頁之間建立定向鏈接,從而可以讓最終用戶非常容易地返回以前使用過的頁中重新使用該頁中的內容。
選擇了該選項,當程序執行到該定向控制按鈕后,程序流向會返回到最終用戶使用過的頁中。返回的方式有以下兩種:
選擇【page】中的【go back】命令回到前一頁;
選擇【list recent pages】將最終用戶使用過的頁標題以列表的形式顯示在屏幕上,最終用戶可以用鼠標雙擊標題名來跳轉執行該頁的內容。選擇該選項使最終用戶返回已使用過的相應內容變得非常方便與快捷。
圖3-38 【定向】設計按鈕的【recent】復選框
(2)選擇【nearby】選項,可以建立【框架】結構內部頁之間的鏈結或者退出【框架】結構。選擇該選項,彈出如圖3-39所示的對話框。在〖page〗選項中有五個單選項。其各自含義如下:
圖3-39 【定向】設計按鈕的【nearby】復選框
①〖previous〗:選擇該選項,程序跳轉到當前頁前一頁。
②〖next〗:選擇該選項,程序跳轉到當前頁的下一頁。
③〖first〗:選擇該選項,程序跳轉到【框架】結構中的第一頁。
④〖last〗:選擇該選項,程序跳轉到【框架】結構中的最后一頁。
⑤〖exit framework/return〗:選擇該選項,程序退出【框架】結構。
(3)選擇【anywhere】選項,可以建立與【框架】結構中任何 一頁的鏈接關系。使用【定向】設計按鈕中的該選項可以跳轉到程序中的任意一個【框架】結構中的任意一頁。選擇該選項,對話框變成圖3-40所示:在該對話框中我們可以設定鏈接的范圍,是鏈接到某一【框架】結構內部的頁還是鏈接到整個程序的所有框架結構所有頁中的某一頁。我們還可以設定鏈接的返回方式。具體內容我們在下面逐步學習。
圖3-40 【定向】設計按鈕的【anywhere】復選框
①〖type〗單選框:該選項設定鏈接的類型:
〖jump to page〗:單向鏈接,直接跳轉到所鏈接的頁中。
〖call and return〗:返回式鏈接,當執行完所鏈接頁中的內容之后,程序還要返回到跳轉時的起始點,繼續執行程序的內容。
②〖page〗選項是在作品中所使用的所有框架結構標題的列表。選擇任意框架結構的標題,在圖3-40對話框中的〖page〗中下方的頁列表中便顯示出選擇的該【框架】結構中的所有頁標題。
如果我們選擇〖entire file〗,在圖3-40對話框中的〖page〗中下方的頁列表中便顯示出整個作品中所有【框架】結構中的所有頁的標題。
我們可以在這些頁列表中選擇需要鏈接到的頁,設定鏈接。
如果希望最終用戶可以在作品中通過直接查找某一單詞或關鍵詞來查閱讀者感興趣的內容,那么可以使用該對話框中的可搜索定向鏈接。
③下面講一下“find”,即〖可搜索定向鏈接〗。可搜索定向鏈接是一種非常重要的定向鏈接。它允許最終用戶輸入單詞或某一設計按鈕的關鍵詞來查閱作品中的所有頁。例如:當最終用戶輸入“物理”,則在作品中所有含有“物理”這個正文對象的所有頁的標題就會以列表的形式顯示到展示窗口,讀者可以雙擊列表中頁的標題查閱該頁中的內容。
注意:
在authorware【框架】結構中缺省的對象控制中,就有一個可搜索的定向鏈接。作品運行后,單擊定向控制按鈕中的【查尋】按鈕,彈出如圖3-41所示的【find】對話框。
圖3-41 【find】對話框
在【word/phrase】正文輸入框中輸入一個為單詞或短語的正文對象,然后單擊【find】命令按鈕或按【回車】鍵,則authorware會將含有該正文對象的所有頁以列表的形式顯示在圖示的【page:】顯示框中。最終用戶如果想查閱某一頁,只需用鼠標雙擊該頁標題直接進入該頁中的內容,或者用鼠標單擊該頁的標題使其處在選中狀態,然后單擊【go to page】命令即可。程序直接進入含有該正文對象的頁中,在該頁中查找到的正文對象以彩色高亮顯示,如圖3-42所示。
圖3-42 跳轉到含有搜尋對象的頁中
6.重新設置【find】對話框:
在authorware中,【find】對話框缺省的設置如圖3-42所示:
讀者可以為【find】對話框設置中文形式的提示,這樣可以方便最終用戶對作品的理解和使用,并非所有的最終用戶都是專業的計算機從業人員,對計算機英語的掌握是有限的,我們在開發作品的過程中,要盡量避免使用英文的提示;一般情況下使用最終用戶容易理解的語言來指導他們的操作。
authorware支持我們對默認的【find】對話框進行修改,我們可以使用中文來替換英文的輸入、顯示以及按鈕命令標題。
具體的操作方法如下:
①如圖3-43所示,選擇authorware【modify】菜單中【file】子菜單的【navigation setup】選項,彈出【navigation setup】對話框,如圖3-44所示。
圖3-43 執行【navigation setup】命令
圖3-44 【navigation setup】對話框
②使用【navigation setup】對話框中的【navigate icons set to search】區域的中文輸入框我們可以設定【find】對話框的標題名和按鈕名,相應的對應關系見圖3-45所示:
③如果要【find】對話框在單擊【go to page】命令按鈕后自動關閉,我們可以選擇【close when page is selected】選項。
④如果想使查找到的正文對象在展示窗口中彩色高亮,我們可以選擇【highlight found word】選項。單擊圖3-45中【highlight found word】選項右邊的彩色方塊。彈出圖3-46所示的【color】對話框。選擇合適的顏色,然后單擊【ok】命令來結束顏色的設置。
圖3-45 【navigate icons set to search】區域的正文輸入設置和
修改后的【find】對話框的關系
⑤單擊【ok】命令按鈕結束修改設置。
創作人員可以在程序中預先設定要搜索的正文對象(單詞或關鍵詞),如圖3-40中所示,我們可以在【find】正文輸入框中輸入單詞或設計按鈕的關鍵詞;
在正文輸入框的下方有【word】和【keyword】復選框,這兩個選項是來限定authorware在程序中的搜尋范圍。單選【word】選項,authorware只在正文對象中搜尋,單選【keyword】選項,authorware只在所有設計按鈕的關鍵詞中搜尋。如果兩個選項都選擇的話,authorware會在程序中所有的正文對象和設計按鈕關鍵詞中搜尋。并把搜尋到的結果以列表方式顯示在屏幕上。
圖3-46 【color】對話框
7.設置頁的關鍵詞
在多媒體應用程序中,通過搜索正文對象來查閱有關的頁,是一個非常方便的方法,但是,頁中的內容并不僅僅是正文或圖片,還包括聲音、圖像、數字化電影或者視頻信息等。因此,通過搜索正文對象來查閱相關頁的方法顯得力不從心,所以authorware為我們提供了另外一種查找方法,即利用頁的關鍵詞來查找相關頁;意思就是為相應的頁設定代表該頁內容的關鍵詞,在所有頁關鍵詞中利用關鍵詞查找與其相匹配的頁關鍵詞,然后跳轉到匹配關鍵詞的頁中。
利用關鍵詞查找的方法讀者已經在圖3-40 【定向】設計按鈕的【anywhere】復選框中使用過,但要使用關鍵詞來查找相關頁,首先必須為相應的頁設定關鍵詞。下面請讀者來學習頁的關鍵詞的設置。
圖3-47 執行菜單中的【keywords】命令
具體步驟如下:
(1)在程序流程線上選定要設置關鍵詞的設計按鈕,使其高亮。
(2)如圖3-47所示,選擇【modify】菜單中【icon】子菜單的【keywords】命令,彈出【keywords】對話框,如圖3-48所示。
圖3-48 【keywords】對話框
(3)在【icon】下拉列表中選擇要設置關鍵詞的設計按鈕的類型,則在最右邊的列表區域中,將顯示出程序中所有該類型設計按鈕的標題。
(4)在該列表中選擇要設置關鍵詞的設計按鈕的標題,使其高亮。然后單擊下方的【edit keywords】,使該設計按鈕處在設置關鍵詞的狀態。請的讀者注意,在圖3-48所示對話框的左上方有一個當前設計按鈕的圖標和標題,來標志正在設置關鍵詞的設計按鈕。
(5)在【keywords】正文輸入框中輸入要設立的關鍵詞,然后單擊【modify】命令按鈕將輸入的單詞設置成為關鍵詞。
(6)一個設計按鈕或一頁可以設置多個關鍵詞。如果想繼續設立另外一個關鍵詞,只需單擊【add】命令,在【keywords】正文輸入框中輸入要設立的另外一個關鍵詞,然后單擊【modify】命令按鈕即可。
(7)還可以對設計按鈕或頁的關鍵詞進行修改,方法是單擊對話框中最左邊的關鍵詞列表中需要修改的關鍵詞,則該關鍵詞便出現在【keywords】正文輸入框中,修改該輸入框中的關鍵詞,然后單擊【modify】命令按鈕即可將修改后的單詞作為關鍵詞。
(8)使用【add】命令可以添加新的關鍵詞。
(9)使用【modify】命令按鈕確認關鍵詞或關鍵詞的修改。
(10)選擇關鍵詞,然后使用【remove】命令來刪除該關鍵詞。
(11)在對話框中間的區域是其它設計按鈕使用的關鍵詞的列表。我們可以選擇該列表中的關鍵詞,然后使用【copy】命令來將該關鍵詞設置成為當前設計按鈕的關鍵詞。
(12)設置完畢后,使用【done】命令按鈕來結束設置。
注意:
頁的關鍵詞的設置方法同樣適用于所有的設計按鈕的關鍵詞的設置。在authorware中,可以為任何設計按鈕設置關鍵詞。
上面我們學習了和【anywhere】選項相關的設計內容。下面請讀者繼續對【定向】設計按鈕鏈接方式的學習。
authorware的內容非常繁多,各內容中既有其各自的獨立性,又有相互的緊密聯系,各種不同的內容可以相互組合,所以我們在authorware的學習中要細心,要善于靈活地運用所學到各知識點,把它們靈活地組合利用。
(1) 【calculate】類型的定向鏈接是使用authorware支持的表達式來設置鏈接的頁。表達式由變量、函數、邏輯符合以及運算符號組成,如圖3-49所示。
圖3-49 【定向】設計按鈕的【calculate】復選框
在學習設置該對話框之前,請讀者先學習一些預備知識:
①iconid變量:在authorware中,每一個設計按鈕都有一個id標識,該id標識是數字型的,表示的是authorware訪問該設計按鈕的入口地址。iconid變量是一個多值變量,它的作用就是返回一個設計按鈕的id標識。具體的使用方法是:iconid@“title” ,其中“title”是設計按鈕的標題。例如,我們要得到“物理”設計按鈕的id標識,則可寫為icon@ “物理”。
②函數:在這里我們只簡單介紹正文對象的搜尋工具:findtext()函數。該函數的語法結構為:
findtext("searchstring", scopeiconid, textorkeywords, matchpattern, resultsincontext, convertresultstopageids, searchinbackground)
searchstring代表要查找的字符串,該字符串可以是任何一頁中的正文對象。請讀者注意,在使用該字符串時,必須為要查找的正文對象加上雙引號(“ ”)。
scopeiconid用來指定要搜索的流程線上的設計按鈕,其默認值是0,使用該默認值,則函數搜索整個文件。
textorkeywords用來設置是搜索正文對象(0)、關鍵詞(1)還是在正文對象和關鍵詞中同時搜索(2);該參數的默認值為0。
matchpattern用來設置搜索的方式,如果設置為true,則以指定的字符串為搜索對象來搜索,如果設置為false,則只搜索字符串中的第一個單詞,對于一個單詞我們可以設置為false;該參數的默認值為false。
resultsincontext:如果將該參數設置為true,則該參數從三個方面影響authorware的搜索結果:
第一方面:設置為true的情況下,authorware會存儲與指定字符串相匹配的上下文,讀者可以使用gettextcontaining來顯示所存儲的上下文,當設置為false時候,authorware不會存儲與指定字符串相匹配的上下文。
第二方面:設置為true的情況下,authorware會檢驗搜索到的每一個相匹配的正文對象,但是,為了檢驗搜索相匹配的正文對象,authorware要打開每一個能顯示的正文對象,并重新確認所匹配對象的存在,這將耗費額外的時間,因而降低了搜索的速度。事實上,在authorware中,搜索的匹配中是很少出現錯誤的,如果你確實希望重新檢驗,就可以把該參數設置為true。
圖3-50 使用【calculate】鏈接的例子
第三方面:設置為true時,authorware會存儲一個設計按鈕中所有的匹配,這是非常有用的,當我們同時把convertresultstopageids 參數也設置成為true時,我們就可以知道在任意一個設計按鈕中匹配正文定向的次數。當有多個匹配時,它們都會出現在頁列表中;當把resultsincontext設置為false時,我們只能得到一個頁標題的列表,而沒有頁的id標識。
convertresultstopageids:當該參數設置為true時,authorware會將所有查閱到的與指定字符串相匹配的所有頁的設計按鈕的id標識以列表的形式儲存起來。如果參數設置為false,authorware將存儲所有與之相匹配的設計按鈕id標識和該設計按鈕的標題。(在一個頁的設計按鈕中可能包含若干個設計按鈕)。該參數的默認值是false。
searchinbackground:當該參數設置為true時,authorware在進行其它工作的同時,在后臺會進行搜索工作。當該參數設置為false時,findtext()函數只有在其它運算結束后才能執行。下面,請讀者學習一個小例子來理解【calculate】鏈接到頁的方式的使用方法。 這個例子是使用函數findtext()和變量iconid來鏈接到指定的頁中。程序的邏輯結構如圖3-50所示,【定向】設計按鈕1鏈接到“物理課程”,【定向】設計按鈕2鏈接到“化學課程”。
具體的設計步驟如下:
①如圖3-50所示設計好邏輯結構設計圖,將兩個定向設計按鈕設置成為持續性交互作用響應。
②雙擊【定向】設計按鈕,彈出【navigate icon】對話框,選擇【calculate】選項彈出【calculate】復選框。
③如圖3-49所示,單擊icon區域的正文輸入框,輸入“iconid @“封面1””或findtext(“封面1”,0,1,false,false,true,false)”。
④根據需要選擇返回方式,即選擇【jump to page】或【call and return】選項,然后單擊“ok”命令按鈕結束設置。
⑤同樣設置第二個定向設計按鈕。在icon區域的正文輸入框中輸入“iconid @“封面2””或findtext(“封面2”,0,1,false,false,true,false)”。
設置是非常簡單的,讀者可以嘗試一下,看一看程序的執行效果,是否符合程序設計的需要。
圖3-51 【定向】設計按鈕的【search】復選框
(2)【search】可搜索定向鏈接,如圖3-51所示,其中:
①【type】選項用來鏈接返回方式,我們已經熟悉。
②【search】用來設置搜索范圍。
選擇〖current framework〗選項,authorware在當前的框架結構中搜索。
選擇〖entire file〗選項,authorware在整個文件中搜索。
③【consider】:用來設置搜索的方式。
〖keywords〗:按照關鍵詞搜索。
〖words〗:按照正文對象搜索。
兩個選項可以同時選中,既按照關鍵詞又按照正文對象來搜索。
④【preset text】正文輸入對話框中輸入要預搜索的字符。在【find】對話框中有要搜索的預設內容,如圖3-52所示。
圖3-52 預設搜索對象的【find】對話框
⑤【option】:搜索特性設置
當選擇〖search immediately〗選項時,一旦最終用戶雙擊定向分支,authorware 會直接進行搜索,不需要彈出【find】對話框。
當選擇〖show in context〗選項時,顯示匹配正文對象的上下文。使用該選項搜索耗費的時間較長。
同時,該選項只適用于對正文對象的搜索,不適用于對關鍵詞的搜索。
其它的相關內容參見【anywhere】設置內容中的搜索定向鏈接的設置。
實例操作
該實例是建立一個多媒體課程教學的整體結構,在該整體結構中,首先,程序顯示出兩個課程的選擇按鈕,當最終用戶單擊展示窗口的物理課程或化學課程按鈕時,用戶便進入相應的課程學習,在每一課程中,還有各章的列表,用鼠標單擊相應的章節進入各章內容的學習,在各章的學習中,用戶可以隨時返回或跳轉到課件的各部分,并能夠隨時退出課件。
步驟一建立物理課程的框架結構。
如圖3-53所示,拖曳一個框架結構到主流程線上,命名為“物理課程”。
圖3-53 物理課程整體結構
拖曳一個【映射】設計按鈕到【框架】設計按鈕下方釋放,則【映射】設計按鈕自動連接到【框架】設計按鈕的下方,命名為“封面1”;
重復該操作,拖曳另外三個【映射】設計按鈕到【框架】結構下方,分別命名為“靜力學”,“運動力學”,“電磁學”。
步驟二建立化學課程的框架結構。
如圖3-54所示,拖曳另一個框架結構到主流程線上,命名為“化學課程”。
圖3-54 化學課程整體結構
拖曳一個【映射】設計按鈕到化學課程【框架】設計按鈕下方釋放,則【映射】設計按鈕自動連接到【框架】設計按鈕的下方,命名為“封面2”;
重復該操作,拖曳另外兩個【映射】設計按鈕到【框架】結構下方,分別命名為“無機化學”和“有機化學”。
步驟三建立整體的跳轉,從總目錄跳轉到各課程。
拖曳一個【交互作用】設計按鈕到圖3-55所示的主流程線上。
拖曳一個【定向】設計按鈕到【交互作用】設計按鈕下方,響應類型設置為【button】按鈕,按鈕標題命名為“物理課程學習”。
拖曳另一個【定向】設計按鈕到圖示位置,按鈕標題命名為“化學課程的學習”。
整體的程序結構我們設計結束,下面請讀者根據程序的需要來設置各設計按鈕中的各種參數設置。
步驟四調整“物理課程學習”按鈕的位置和大小。
(1)手工調節:
圖3-55 程序整體邏輯結構
用鼠標雙擊圖3-55所示的【交互作用】設計按鈕,彈出圖3-56所示的【交互作用】設計按鈕展示窗口。
圖3-56 調整按鈕的位置和大小
用鼠標單擊展示窗口中的按鈕,使其處在選中狀態,如圖3-55所示周邊出現灰色選中句柄。
用鼠標拖動句柄的邊框可以在展示窗口內任意位置移動按鈕。
拖動任意灰色句柄可以調整按鈕的大小。
(2)數字調節:
雙擊圖3-56中的按鈕或雙擊圖3-55程序流程線上的響應類型圖標。彈出如圖3-57所示的按鈕響應的【properties:response】對話框,在該對話框的【size】和【location】正文輸入區域中,讀者可以輸入數字、變量或數字型表達式來設定按鈕的大小和位置。
圖3-57 【properties:response】的〖button〗對話框
步驟5設定“物理課程學習”按鈕特性。
設定當鼠標移過按鈕時改變的形狀,單擊圖3-57所示對話框中【cursor】右方的小方塊,彈出【cursor】對話框,在該對話框中選擇合適的光標形狀。
步驟6設置按鈕響應類型響應特性。
單擊圖3-57中的【response】命令按鈕,打開【properties:response】的【response】對話框,如圖3-58所示。
設置【response】對話框:
【erase】:擦除選項,選擇〖before next entry〗。
【status】:狀態選項,選擇【not judged】,不判斷。
【branch】:分支選項,選擇【exit iteraction】,退出交互結構。
圖3-58 【properties:response】的【response】對話框
其它各選項使用authorware的默認值。
步驟7設置“化學課程學習”按鈕的大小和位置以及該按鈕的相關特性:
具體的設置方法同“物理課程學習”按鈕的相關設置。
步驟8設置“物理課程學習”響應分支中的【定向】設計按鈕。
(1)雙擊圖3-55所示的【定向】設計按鈕,彈出圖3-59所示的【properties:navigate icon】對話框。
圖3-59 【properties:navigate icon】對話框
(2)在【destination】下拉選項選擇〖anywhere〗;
(3)【type】選項選擇〖jump to page〗;
(4)在【page】下拉選項中選擇框架“物理課程”。
(5)在【page】下方的頁列表中,選擇“封面1”。使該【定向】設計按鈕同“物理課程”框架結構中的標題為“封面1”的頁建立鏈接關系。
程序的效果是當最終用戶按下“物理課程學習”按鈕時,程序會進入物理課程學習的封面。
步驟9設置“化學課程學習”響應分支中【定向】設計按鈕:
重復上述操作,使該【定向】設計按鈕同“化學課程”框架結構中的標題為“封面2”的頁建立鏈接。
程序的效果是:當最終用戶按下“化學課程學習”按鈕時,程序會進入化學課程學習的封面。
步驟10建立“物理課程”框架結構的第一頁—封面1。
(1)雙擊圖3-55所示的框架結構中標題為“封面1”的【映射】設計按鈕,拖曳一個【顯示】設計按鈕到打開的映射設計按鈕中(如圖3-59所示),命名為“封面1”來顯示物理課程學習內容的列表。
(2)雙擊打開【顯示】設計按鈕。
(3)使用【圖形工具箱】中的【文本】輸入工具,如圖3-60所示,輸入圖示的文本內容。
圖3-60 輸入文本
(4)設置文本的風格:
①使用authorware中【text】菜單項中的【define stytles】命令(快捷鍵為ctrl+shift+y),彈出圖3-61所示的【define stytles】對話框。
圖3-61 【define stytles】對話框
②單擊【add】命令按鈕,在名稱輸入框中輸入所定義風格的名稱,輸入title1。
③在該對話框中間的區域中設定字體的各種特性:
字體大小選擇32磅;
字體設置為黑體;
選擇有色文本,顏色選擇任意讀者喜歡的顏色;
④單擊【modify】命令按鈕確認設置。
⑤使用同樣的步驟,定義“text34”
字體大小選擇24磅;
字體設置為黑體;
選擇有色文本,顏色選擇讀者喜歡的顏色。
⑥設置鏈接的風格,如圖3-62所示
圖3-62 定義鏈接的風格
單擊【add】命令添加一種導航風格。
將觸發鏈接的方式設定為【single click】單擊鼠標。
選擇【auto highlight】選項,當觸發響應時使文本高亮。
選擇【cursor】選項,當鼠標移動到具有鏈接功能的文本上時,鼠標形狀改變。
選擇【navigate to】選項,單擊右邊的圖標,彈出圖3-63所示的【navigate stytle】對話框。
⑦在圖3-63所示的對話框中設定鏈接到的頁:
【type】選項選擇〖call and return〗,鏈接的方式是調用,然后返回。
鏈接到的“page”設定為“物理課程”框架結構中的標題為“靜力學”的頁。名字設定為“navigate1”。
使用同樣的方法,定義名字為“navigate2”,鏈接到標題為“運動學”的頁的鏈接風格。
同法名字為“navigate3”,鏈接到標題為“電磁學”的頁的鏈接風格。
最后單擊【done】命令按鈕,保存所有的風格設置。
圖3-63 【navigate stytle】對話框
(5)將我們設定的風格應用到文本中:
①雙擊打開【顯示】設計按鈕。
②使用authorware中【text】菜單項中的【apply stytles】命令(快捷鍵為ctrl+alt+y),彈出圖3-64所示的【apply stytles】對話框。對話框中是所有風格的列表。
圖3-64 【apply stytle】對話框
③單擊【圖形工具箱】中的【指針】工具,使用指針工具選擇要設定風格的文本對象,使其處在被選中的狀態,周邊出現灰色句柄。
④在【apply stytles】對話框中選擇合適的風格,我們可以在展示窗口中看到文本風格的改變。并調整文本區域的大小,如圖3-65所示。
圖3-65 應用風格樣例
⑤為“靜力學”文本對象設置鏈接風格。 使“靜力學”文本對象處在選中狀態,在【apply styles】對話框中選擇如圖3-66所示的兩種風格。
圖3-66 應用雙重風格來設置鏈接風格
⑥為“運動力學”文本對象設置鏈接風格:使“運動力學”文本對象處在選中狀態,在【apply styles】對話框中選擇如圖3-67所示的兩種風格。
圖3-67 “運動力學”設置鏈接風格
⑦為“電磁學”文本對象設置鏈接風格。使“電磁學”文本對象處在選中狀態,在【apply stytles】對話框中選擇如圖3-68所示的兩種風格。
⑧關閉【apply stytle】對話框和【圖形工具箱】,關閉展示窗口。保存文件。
運行程序,檢查設置的文本風格和程序是否運行正常。
在authorware程序的設計過程中,快捷鍵(ctrl+r)是非常常用的,用來運行程序,檢查程序的運行結果。我們在程序的設計過程中,隨時都可以使用該快捷鍵來運行程序。
圖3-68 “電磁學”設置鏈接風格
將該快捷鍵和【stop】旗幟相結合使用,可以將程序從最開始運行到程序中【stop】旗幟所在處。
單擊標題為“物理課程學習”的按鈕,程序跳轉進入“物理課程”框架結構,程序運行結果如圖3-69所示,當鼠標移動到具有鏈接功能的文本對象上時,鼠標改變形狀。
圖3-69 封面1的展示窗口
單擊相應的具有鏈接功能的文本,程序可以跳轉到相應的框架結構的頁中來執行頁的內容。
步驟11建立“化學課程”框架結構的第一頁—封面2。
為封面2中的文本設置風格和鏈接功能。
“無機化學”正文對象鏈接到化學課程框架結構中的無機化學頁。
“有機化學”正文對象鏈接到化學課程框架結構中的有機化學頁。
最終用戶用鼠標單擊相應的具有鏈接功能的正文對象,程序會自動跳轉到相應的頁中來執行頁中相應的內容。
在程序的展示窗口中,有一套authorware默認的一套對象控制按鈕,使用對象控制按鈕中的相應功能來控制框架結構內部頁之間的跳轉。如圖3-70所示。
圖3-70 封面2的展示窗口
步驟12為程序添加退出功能:
(1)拖曳一個【運算】設計按鈕到主流程線上,如圖3-71。
圖3-71 添加【運算】設計按鈕
(2)雙擊打開該【運算】設計按鈕。
(3)在【運算】設計按鈕正文輸入框中輸入函數quit(0),該函數的功能是自動快速退出authorware的程序,如圖3-72所示。
圖3-72 【運算】設計按鈕正文輸入框
步驟13對于框架結構內部課程各章節的具體內容,讀者可以自行添加。
注意:
在框架結構內部各分支映射按鈕中還可以嵌套框架結構。
步驟14保存文件,完成設計。
步驟15程序邏輯結構分析。
圖3-73 程序整體邏輯結構
如圖3-73所示,在該作品中,我們使用的設計按鈕有:【交互作用】設計按鈕、【框架】設計按鈕、【定向】設計按鈕、【映射】設計按鈕、【顯示】設計按鈕、【運算】設計按鈕。
交互作用分支結構為課程選擇創建了按鈕響應分支。通過按鈕響應分支中的定向設計按鈕跳轉到相應課程的學習。程序的跳轉結構如圖所示。
框架結構以頁的方式顯示課程的各章內容。在各章的映射設計按鈕中還可以嵌套框架結構以頁的方式顯示具體的課程內容。
在框架結構中,我們將第一頁設置為封面,在封面顯示設計按鈕中,我們將正文對象設置為具有鏈接功能的文本,最終用戶可以單擊鏈接功能的文本,進入具有相應內容的頁中學習。
在框架結構內部,讀者可以使用authorware提供的一套默認的對象控制按鈕來控制框架結構內部頁之間的跳轉和對相關正文對象的搜索。
將具有鏈接功能的文本對象和對象控制按鈕相互結合起來,使程序達到靈活、便利的目的。
【運算】設計按鈕通過quit(0)函數實現程序的快速退出。
練習
(1)在程序中,我們使用了authorware默認的定向控制按鈕,由于其提示較少,當對authorware不熟悉的用戶使用的話,使用起來非常不方便。請讀者利用本實例中我們學習的預備內容,重新設置一套定向控制按鈕,使其美觀而且實用。定制后的這套定向控制按鈕可以應用到后續的實例中。
(2)請讀者嘗試調節兩種課程框架結構封面中文本的色彩和大小,達到能夠熟練地操作【圖形工具箱】中的文本輸入工具,應用定義風格對話框和應用風格對話框來定義風格和應用風格;特別請讀者注意,不同風格的組合使用,希望讀者在練習的過程中,多定義不同的文本風格,將它們組合使用,觀察各種風格的組合效果。
(3)我們在【交互作用】分支結構中使用了按鈕響應類型,按鈕響應類型使我們的多媒體程序外觀較呆板,請讀者自己為【交互作用】分支結構設計熱區響應或熱對象響應等類型來實現作品中的跳轉功能。
(4)請讀者在框架結構中的頁中嵌套框架結構:即在“物理課程”框架結構的“靜力學”頁的【映射】設計按鈕中添加一個框架結構,并設置相應的頁。
新聞熱點
疑難解答