Focusky(也稱為“FS軟件”)的交互功能不僅能幫您用彈窗的形式來顯示地圖上某地的具體信息,也可以幫您關(guān)掉該彈出窗口。如效果圖所示(單擊圓形框顯示彈窗,點擊close文本彈窗消失):
【圖1:地理圖標(biāo)示例】
該交互觸發(fā)效果不僅可以被應(yīng)用在地理教學(xué)中,也可以被廣泛應(yīng)用在商業(yè)演示,產(chǎn)品發(fā)布會,自我介紹,婚禮策劃等其它領(lǐng)域。
其操作原理非常簡單,您只需要選擇一個操作對象,之后為該操作對象添加多個觸發(fā)對象,并改變其觸發(fā)對象的透明度即可。
接下來讓我們一起來實際操作下:
1 準(zhǔn)備素材。添加一張中國地圖①并在其上面添加一個圓形框⑧來確定地理位置,同時在圓形框上方添加一個圓角矩形框②,在矩形框內(nèi)添加圖片③,文字④⑤⑥,close淺黃色按鈕⑦,素材按圖2位置進行擺放。
![交互觸發(fā)器 – 地理圖標(biāo)圖示應(yīng)用實例](http://files.focusky.com.cn/web/images/help/201701/2017012201z.png)
【圖2:準(zhǔn)備素材】
2 點擊“交互”按鈕進入交互界面,開始編輯2種觸發(fā)行為,編輯完成后單擊“退出交互模式”即可。
(1)觸發(fā)行為一:單擊圓形框,彈出相對應(yīng)的介紹窗口。效果圖如下:
![交互觸發(fā)器 – 地理圖標(biāo)圖示應(yīng)用實例](http://files.focusky.com.cn/web/images/help/201701/2017012203z.gif)
【圖3:效果圖】
分析:操作對象為圓形框,觸發(fā)對象為灰色圓角矩形框及框內(nèi)包含的所有元素(1張圖片,3處文本和1個淺黃色圓角矩形框)共6個。所以這里相對應(yīng)需要編輯六次觸發(fā)行為。
操作:單擊圓形框即可選擇操作對象 → 點擊“增加交互”按鈕 → 選擇鼠標(biāo)操作(鼠標(biāo)單擊)→ 選擇6個觸發(fā)對象(每次選擇1個觸發(fā)對象,執(zhí)行6次即可)→ 編輯觸發(fā)行為(選擇“改變不透明度”選項并把它們透明度設(shè)置為100%即1.00)→ 單擊“保存”按鈕即可完成設(shè)置。
![交互觸發(fā)器 – 地理圖標(biāo)圖示應(yīng)用實例](http://files.focusky.com.cn/web/images/help/201701/2017012204z.png)
【圖4:編輯交互行為】
![交互觸發(fā)器 – 地理圖標(biāo)圖示應(yīng)用實例](http://files.focusky.com.cn/web/images/help/201701/2017012205z.png)
【圖5:6次觸發(fā)行為】
(2)觸發(fā)行為二:單擊Close文本,介紹窗口消失。效果圖如下:
![交互觸發(fā)器 – 地理圖標(biāo)圖示應(yīng)用實例](http://files.focusky.com.cn/web/images/help/201701/2017012206z.gif)
【圖6:效果圖】
分析:操作對象為文本Close,觸發(fā)對象為與第一種觸發(fā)行為相同。所以這里也需要編輯六次觸發(fā)行為。
操作:單擊Close文本即可選擇操作對象 → 點擊“增加交互”按鈕 → 選擇鼠標(biāo)操作(鼠標(biāo)單擊)→ 選擇6個觸發(fā)對象(每次選擇1個觸發(fā)對象,執(zhí)行6次即可)→ 編輯觸發(fā)行為(選擇“改變不透明度”選項并把它們透明度設(shè)置為0% 即0.00)→ 單擊“保存”按鈕即可完成設(shè)置。
![交互觸發(fā)器 – 地理圖標(biāo)圖示應(yīng)用實例](http://files.focusky.com.cn/web/images/help/201701/2017012207z.png)
【圖7:編輯交互行為】
![交互觸發(fā)器 – 地理圖標(biāo)圖示應(yīng)用實例](http://files.focusky.com.cn/web/images/help/201701/2017012208z.png)
【圖8:6次觸發(fā)行為】
3 全選灰色圓角矩形及其框內(nèi)的所有元素并設(shè)置其透明度為0%,之后保存設(shè)置即可預(yù)覽觸發(fā)效果。
![交互觸發(fā)器 – 地理圖標(biāo)圖示應(yīng)用實例](http://files.focusky.com.cn/web/images/help/201701/2017012209z.png)
【圖9:改變透明度】