起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識Axure RP 9 教程：設置鍵盤快捷鍵
很早之前寫過模擬手機撥號，今天我們在模擬撥號鍵盤的原型基礎(chǔ)上做一個小功能，設置按下電腦鍵盤上的按鈕，觸發(fā)撥號的交互，也可以用該設置方法做快捷鍵。
效果圖
可以看到，我在按下鍵盤上的數(shù)字按鈕的時候，對應原型中會觸發(fā)交互，因為我電腦沒有數(shù)字鍵盤，那我們就用頂部的區(qū)域設置為數(shù)字，把字母q設置為刪除已輸入的數(shù)字。
制作原理
Axure中有個交互叫，按鍵按下時的交互，然后我們?yōu)榘存I按下時設置if條件，if按下的按鈕為XX，就出發(fā)XX交互。因為我們沿用的案例時模擬撥號鍵盤的原型，因此我們在按下XX按鍵的時候，只要觸發(fā)鼠標點擊對應數(shù)字按鈕的交互就可以了。沒有模擬撥號鍵盤的同學們，可以做成if按下的鍵為XX時，觸發(fā)增刪改查等種種交互。
操作步驟
我們直接選中頁面設置交互，按鍵按下時，if按下的是1，那么觸發(fā)btn1鼠標按下時的交互，當按鍵松開時，我們觸發(fā)btn1鼠標松開時的交互即可。如圖所示：
那么這里提醒下大家，我這里是沿用了之前模擬撥號鍵盤的原型去做的（可以在我公眾號或人人都是產(chǎn)品經(jīng)理平臺中搜索到模擬撥號鍵盤的文章，里面有原型下載鏈接），因此我們在該交互設置的時候增加的選中，取消選中等交互，簡單講一下邏輯。模擬撥號鍵盤文章路徑
在模擬撥號鍵盤的案例中，我們設置了按下1的時候，讓按鈕選中，呈現(xiàn)出灰色的效果，松開1的時候，取消選中，灰色消失，顏色回歸，這樣便形成了真實點擊的效果。
同樣，在按下1的時候，數(shù)字顯示位置用全局變量帶入數(shù)字1，按下2的時候，追加2。按下刪除的時候，判斷當前字符串長度，并取消掉最后一位。這種情況下，我們只需要為原有交互設置快捷鍵，按下鍵盤按鍵的時候觸發(fā)之前設置好的交互即可。
結(jié)語
該教程其實非常簡單，之所以出是一位一位朋友遇到了設置快捷鍵的情況，但是搜索不到教程，既然搜索不到，那小編就簡單出一篇示范一下吧～對了，本期原型只能用Axure RP 9打開哦，請大家注意哦～
下載鏈接：https://pan.baidu.com/s/1Ov7bo_kCLU9DSJmC0MMWOQ
密碼：a0gj
溫馨提示，該文件需要使用Axure 9打開哦。
#專欄作家#
王得宇AIPM；公眾號：他們已經(jīng)在路上了（ID：PM-Silence），人人都是產(chǎn)品經(jīng)理專欄作家
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
- 目前還沒評論，等你發(fā)揮！
