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