設置鍵盤快捷鍵電腦怎么設置快速撥號鍵盤
設置鍵盤快捷鍵電腦怎么設置快速撥號鍵盤
很早之前寫過模擬手機撥號,今天在模擬撥號鍵盤的原型基礎上做一個小功能,設置按下電腦鍵盤上的按鈕,觸發撥號的交互,也可以用該設置方法做快捷鍵。效果圖;可以看到,在按下鍵盤上的數字按鈕的時候,對應原型中會觸發交互,因為我電腦沒有數字鍵盤,那我們就用頂部的區域設置為數字,把字母q設置為刪除已輸入的數字。制作原理;Axure中有個交互叫,按鍵按下時的交互,然后我們為按鍵按下時設置if條件,if按下的按鈕為XX,就出發XX交互。因為我們沿用的案例時模擬撥號鍵盤的原型,因此在按下XX按鍵的時候,只要觸發鼠標點擊對應數字按鈕的交互就可以了。沒有模擬撥號鍵盤的同學們,可以做成if按下的鍵為XX時,觸發增刪改查等種種交互。操作步驟;
導讀很早之前寫過模擬手機撥號,今天在模擬撥號鍵盤的原型基礎上做一個小功能,設置按下電腦鍵盤上的按鈕,觸發撥號的交互,也可以用該設置方法做快捷鍵。效果圖;可以看到,在按下鍵盤上的數字按鈕的時候,對應原型中會觸發交互,因為我電腦沒有數字鍵盤,那我們就用頂部的區域設置為數字,把字母q設置為刪除已輸入的數字。制作原理;Axure中有個交互叫,按鍵按下時的交互,然后我們為按鍵按下時設置if條件,if按下的按鈕為XX,就出發XX交互。因為我們沿用的案例時模擬撥號鍵盤的原型,因此在按下XX按鍵的時候,只要觸發鼠標點擊對應數字按鈕的交互就可以了。沒有模擬撥號鍵盤的同學們,可以做成if按下的鍵為XX時,觸發增刪改查等種種交互。操作步驟;
![](https://img.51dongshi.com/20250104/wz/18541078952.jpg)
設置鍵盤快捷鍵(電腦怎么設置快速撥號鍵盤)很早之前寫過模擬手機撥號,今天我們在模擬撥號鍵盤的原型基礎上做一個小功能,設置按下電腦鍵盤上的按鈕,觸發撥號的交互,也可以用該設置方法做快捷鍵。效果圖可以看到,我在按下鍵盤上的數字按鈕的時候,對應原型中會觸發交互,因為我電腦沒有數字鍵盤,那我們就用頂部的區域設置為數字,把字母q設置為刪除已輸入的數字。制作原理Axure中有個交互叫,按鍵按下時的交互,然后我們為按鍵按下時設置if條件,if按下的按鈕為XX,就出發XX交互。因為我們沿用的案例時模擬撥號鍵盤的原型,因此我們在按下XX按鍵的時候,只要觸發鼠標點擊對應數字按鈕的交互就可以了。沒有模擬撥號鍵盤的同學們,可以做成if按下的鍵為XX時,觸發增刪改查等種種交互。操作步驟我們直接選中頁面設置交互,按鍵按下時,if按下的是1,那么觸發btn1鼠標按下時的交互,當按鍵松開時,我們觸發btn1鼠標松開時的交互即可。如圖所示:那么這里提醒下大家,我這里是沿用了之前模擬撥號鍵盤的原型去做的(可以在我公眾號或人人都是產品經理平臺中搜索到模擬撥號鍵盤的文章,里面有原型下載鏈接),因此我們在該交互設置的時候增加的選中,取消選中等交互,簡單講一下邏輯。模擬撥號鍵盤文章路徑在模擬撥號鍵盤的案例中,我們設置了按下1的時候,讓按鈕選中,呈現出灰色的效果,松開1的時候,取消選中,灰色消失,顏色回歸,這樣便形成了真實點擊的效果。同樣,在按下1的時候,數字顯示位置用全局變量帶入數字1,按下2的時候,追加2。按下刪除的時候,判斷當前字符串長度,并取消掉最后一位。這種情況下,我們只需要為原有交互設置快捷鍵,按下鍵盤按鍵的時候觸發之前設置好的交互即可。結語該教程其實非常簡單,之所以出是一位一位朋友遇到了設置快捷鍵的情況,但是搜索不到教程,既然搜索不到,那就簡單出一篇示范一下吧~對了,本期原型只能用AxureRP9打開哦,請大家注意哦~下載鏈接:/s/1Ov7bo_kCLU9DSJmC0MMWOQ密碼:a0gj溫馨提示,該文件需要使用Axure9打開哦。#專欄作家#王得宇AIPM;公眾號:他們已經在路上了(ID:PM-Silence),人人都是產品經理專欄作家本文原創發布于人人都是產品經理。未經許可,禁止轉載題圖來自Unsplash,基于CC0協議
設置鍵盤快捷鍵電腦怎么設置快速撥號鍵盤
很早之前寫過模擬手機撥號,今天在模擬撥號鍵盤的原型基礎上做一個小功能,設置按下電腦鍵盤上的按鈕,觸發撥號的交互,也可以用該設置方法做快捷鍵。效果圖;可以看到,在按下鍵盤上的數字按鈕的時候,對應原型中會觸發交互,因為我電腦沒有數字鍵盤,那我們就用頂部的區域設置為數字,把字母q設置為刪除已輸入的數字。制作原理;Axure中有個交互叫,按鍵按下時的交互,然后我們為按鍵按下時設置if條件,if按下的按鈕為XX,就出發XX交互。因為我們沿用的案例時模擬撥號鍵盤的原型,因此在按下XX按鍵的時候,只要觸發鼠標點擊對應數字按鈕的交互就可以了。沒有模擬撥號鍵盤的同學們,可以做成if按下的鍵為XX時,觸發增刪改查等種種交互。操作步驟;
為你推薦