一、擦除法1.設(shè)計思路其設(shè)計思路是當(dāng)鼠標(biāo)指針指向特定區(qū)域時,顯示功能按鈕,當(dāng)鼠標(biāo)指針離開該區(qū)域時,按鈕消失。其實現(xiàn)的方法是通過設(shè)置熱區(qū)響應(yīng),進(jìn)入該熱區(qū)時,顯示功能按鈕,當(dāng)離開該熱區(qū)時,擦除功能按鈕。按鈕的出現(xiàn)和消失是隨著激活顯示按鈕熱區(qū)和激活擦除按鈕熱區(qū)響應(yīng)實現(xiàn)的。由于工具按鈕的隱藏是通過擦除圖標(biāo)實現(xiàn)的,因此,暫且稱其“ 擦除法”。
2.設(shè)計方法(1)在主流程線上放置一個【交互】圖標(biāo),在其右側(cè)放置兩個【映射】圖標(biāo),分別命名為“顯示按鈕 ”和“清除按鈕”,其響應(yīng)類型設(shè)置熱區(qū)(hot spot)。見圖1。
(2)雙擊【顯示按鈕】交互按鈕,設(shè)置熱區(qū)位置、大小及參數(shù)如圖2所示。
(3)打開顯示按鈕【映射】圖標(biāo),在流程線上放置一個【交互】圖標(biāo),命名為“按鈕組”,在其右側(cè)放置兩個【映射】圖標(biāo),分別命名為“按鈕1”、“按鈕2”(僅以兩個按鈕為例,讀者可以根據(jù)自己的設(shè)計需要隨意增加),其響應(yīng)類型設(shè)置為按鈕響應(yīng)。雙擊顯示按鈕交互按鈕,設(shè)置按鈕位置、大小及參數(shù)如圖3所示(注意各個按鈕一定要放置在顯示按鈕熱區(qū)中)(4)如果設(shè)置若干功能按鈕,其具體設(shè)置可參考按鈕1的設(shè)置。這里不一一敘述。
(5)雙擊清除按鈕交互按鈕,除設(shè)置其熱區(qū)位置與顯示按鈕有所不同外,(如上圖3所示)其余參數(shù)設(shè)置和顯示按鈕相同。
(6)打開清除按鈕【映射】圖標(biāo),在流程線上放置一個【擦除】圖標(biāo),命名為“清除按鈕”。
(7)雙擊清除按鈕【擦除】圖標(biāo),用鼠標(biāo)點擊“按鈕1”和“按鈕2”,使設(shè)置窗口呈現(xiàn)圖4所示,其作用是當(dāng)鼠標(biāo)指針進(jìn)入擦除按鈕熱區(qū)時,將所有按鈕擦掉。由于擦除按鈕熱區(qū)設(shè)置在緊鄰顯示按鈕熱區(qū)上方,所以,當(dāng)鼠標(biāo)指針從顯示按鈕熱區(qū)向上移動時,經(jīng)過擦除按鈕熱區(qū),執(zhí)行【擦除】圖標(biāo),擦除所有顯示按鈕。
二、移動法1.設(shè)計思路其做法是將按鈕以熱區(qū)的形式設(shè)計在可移動的工具條上,當(dāng)鼠標(biāo)指針指向特定區(qū)域時,顯示工具條,當(dāng)鼠標(biāo)指針離開該區(qū)域時,通過移動圖標(biāo),將工具條移出畫面隱藏起來,由于工具按鈕的隱藏是靠移動圖標(biāo)將其移出顯示畫面以外,姑且稱其“移動法”。該法較擦除法復(fù)雜。
2.設(shè)計方法(1)在主流程線上放置一個【交互】圖標(biāo),在其右側(cè)放置兩個【顯示】圖標(biāo)和兩個【映射】圖標(biāo),分別命名為“工具條”、“按鈕1”、“進(jìn)入按鈕1”、“移動工具條”,其響應(yīng)類型均為熱區(qū)(hot spot),如圖5 示。
(2)雙擊工具條【顯示】圖標(biāo),裝入工具條圖片,雙擊“工具條”交互按鈕,設(shè)置熱區(qū)位置、大小、參數(shù)及工具條位置大致如圖6所示(注意熱區(qū)大小及以后出現(xiàn)的熱區(qū)的位置關(guān)系)(3)雙擊“按鈕1”交互按鈕,設(shè)置熱區(qū)位置、大小如圖6所示,其他參數(shù)設(shè)置為將match項設(shè)置成 cursor in area, cursor項設(shè)置成手形。選中p erpetual項,將erase設(shè)置為before next entry(4)打開“按鈕1”【顯示】圖標(biāo),裝入設(shè)計好的按鈕1被激活時的圖片,見圖7,調(diào)整該圖片的位置使其正好覆蓋工具條按鈕1的位置。注意此時應(yīng)將modify 菜單下的icon properties中的direct to screen項選中。
同時將其所在層次置于比工具條高一層。
(5)雙擊移動工具條交互按鈕,設(shè)置熱區(qū)位置、大小及參數(shù)如下圖8所示(注意該熱區(qū)應(yīng)與工具條熱區(qū)緊密相鄰),將match項設(shè)置成 cursor in area,cursor項設(shè)置成 none。
(6)打開移動工具條【映射】圖標(biāo),在流程線上放置一個【移動】圖標(biāo)。
(7)雙擊“工具條”顯示圖標(biāo),使工具條圖片顯示在設(shè)計窗口中,按住shift鍵不放,雙擊【移動】圖標(biāo),用鼠標(biāo)點擊工具條圖片,并垂直向下拖曳,直至全部移出顯示窗口消失。調(diào)整參數(shù)設(shè)置如圖9。
(8)在【移動】圖標(biāo)下放置一【擦除】圖標(biāo),雙擊【擦除】圖標(biāo),點擊按鈕1圖片(如果還有按鈕2、按鈕3、按鈕4等一并點擊)。
(9)雙擊“進(jìn)入按鈕1”交互按鈕,設(shè)置其熱區(qū)位置、大小及參數(shù)和“按鈕1”的設(shè)置基本相同,不同點是mat ch項選擇single-click。進(jìn)入“進(jìn)入按鈕1”【映射】設(shè)計窗口,在此設(shè)計單擊按鈕1需要執(zhí)行的內(nèi)容。
(10)按鈕2、按鈕3、按鈕4等可參考按鈕1進(jìn)行設(shè)計,這里不再敘述。
以上是筆者總結(jié)設(shè)計隱藏工具按鈕的兩種方法,讀者可參考制作,引入隱藏工具按鈕后,相信你的作品會有新的起色。
新聞熱點
疑難解答