所謂隱藏按鈕就是當(dāng)鼠標(biāo)移動(dòng)到響應(yīng)區(qū)域時(shí),將自動(dòng)響應(yīng),從而出現(xiàn)按鈕可供選擇;移開響應(yīng)區(qū)域時(shí),將自動(dòng)消失,可謂“呼之即來,揮之即去”,靈活的交互性必將給你的作品增色不少。
擦除方式
一、基本制作思路
使用交互圖標(biāo),將其type設(shè)置為hot spot,match設(shè)置為cursor in area,然后在交互圖標(biāo)下放置顯示圖標(biāo),將顯示圖標(biāo)中的內(nèi)容作為熱物(hot object),實(shí)現(xiàn)選擇交互;最后在交互圖標(biāo)旁邊再放置一個(gè)大體相同的交互圖標(biāo),擦除顯示圖標(biāo)中的內(nèi)容,從而實(shí)現(xiàn)按鈕的顯示和隱藏,本例流程圖如圖1。
圖1
二、制作步驟
1、啟動(dòng)authorware 5.0,新建一個(gè)文件并且保存為“隱含按鈕”,打開“修改→文件→屬性”(ctrl+shift+d),將background設(shè)置為白色,size設(shè)置為variable(任意),不選其他選項(xiàng),單擊確定;最后將演示窗口大小設(shè)置為250×160;
2、拖一個(gè)交互圖標(biāo)至流程線,取名為控制欄;在交互圖標(biāo)下放置一個(gè)群組圖標(biāo),出現(xiàn)對(duì)話框,type為hot spot,并且取名為選擇項(xiàng);打開交互圖標(biāo)屬性對(duì)話框,對(duì)參數(shù)進(jìn)行設(shè)置:hot spot下match設(shè)置為cursor in area,cursor選擇為手形;response下scope設(shè)置為perpetual,erase設(shè)置為don't erase,branch設(shè)置為return;
3、在交互圖標(biāo)下再放置一個(gè)群組圖標(biāo),取名為擦除按鈕,將hot spot下cursor選擇為none;雙擊“控制欄”圖標(biāo),設(shè)置群組圖標(biāo)響應(yīng)區(qū)域的位置如圖2;
圖2
4、雙擊“選擇項(xiàng)”圖標(biāo),在下面放置三個(gè)顯示圖標(biāo),第一個(gè)放入一個(gè)工具欄(可用photoshop制作),其余依次輸入響應(yīng)類型的名稱、調(diào)整位置。這里需要提一下的是:你可以根據(jù)自己的需要放置顯示圖標(biāo),并且每個(gè)響應(yīng)項(xiàng)只能放置在一個(gè)顯示圖標(biāo)里面。雙擊“擦除按鈕”圖標(biāo),在下面放置一個(gè)擦除圖標(biāo),擦除的內(nèi)容為剛才的三個(gè)顯示圖標(biāo)中的內(nèi)容;
5、拖一個(gè)交互圖標(biāo)至流程線,命名為響應(yīng)項(xiàng),在交互圖標(biāo)下再放置兩個(gè)群組圖標(biāo),type為hot object;按ctrl+r運(yùn)行程序,將連續(xù)兩次出現(xiàn)對(duì)話框,分別選擇“中國(guó)電腦教育報(bào)”和“新思工作室”,確定即可;然后在兩個(gè)群組圖標(biāo)下放置相應(yīng)的內(nèi)容;
圖3
6、按ctrl+r運(yùn)行程序,當(dāng)鼠標(biāo)移動(dòng)到響應(yīng)區(qū)域時(shí),將出現(xiàn)工具條,點(diǎn)擊上面的按鈕即可響應(yīng),當(dāng)離開響應(yīng)區(qū)域時(shí),工具條將會(huì)消失,響應(yīng)也將不復(fù)存在。
函數(shù)響應(yīng)方式
一、基本制作思路
在交互圖標(biāo)下放置群組圖標(biāo),將他們的交互類型(type)分別設(shè)置為hot spot和button,然后通過響應(yīng)函數(shù)來控制按鈕的顯示和隱藏。
二、制作步驟
1、新建一個(gè)文件后,在流程線上放置一個(gè)交互圖標(biāo),在下面放置五個(gè)群組圖標(biāo),并將他們的type設(shè)置為hot spot和button,然后分別取名(如圖3);將響應(yīng)區(qū)域和按鈕的位置進(jìn)行調(diào)整(如圖4)。
圖4
2、選中“顯示按鈕”圖標(biāo),按組合鍵ctrl+=,在出現(xiàn)的計(jì)算圖標(biāo)中輸入show:=1,同樣將“隱藏按鈕”圖標(biāo)的值設(shè)為show:=0,兩個(gè)圖標(biāo)上面會(huì)出現(xiàn)“等于號(hào)(=)”。
3、雙擊“軟件天地”上的小按鈕打開propertise對(duì)話框,在response下active if中輸入show,erase設(shè)置為don't erase,單擊即可;用上述方法對(duì)“電腦教育”和“退出”進(jìn)行同樣的設(shè)置。
4、在“軟件天地”、“電腦教育”和“退出”三個(gè)群組圖標(biāo)中分別放入所需內(nèi)容,如“退出”放一個(gè)計(jì)算圖標(biāo),輸入quit(0),其余的根據(jù)需要放入所需內(nèi)容,當(dāng)然也可以根據(jù)需要再增加一些按鈕。
按ctrl+r運(yùn)行程序,可以發(fā)現(xiàn)本例與第一例實(shí)現(xiàn)的效果差不多,不過這兒的按鈕具有動(dòng)感,而第一例中只是靜止的文字(也可以換成圖片)。如果不使用默認(rèn)的按鈕而重新制作按鈕,然后進(jìn)行調(diào)用,定會(huì)給作品錦上添花。
新聞熱點(diǎn)
疑難解答