中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導語：如何通過 AXURE 去制作一個高保真可輸入鍵盤？本文作者通過實操為我們分享了他的經驗。

一、演示

https://ht3rx6.axshare.com

二、步驟

1. 創建動態面板

在畫布中拖入一個動態面板，設置三個動態面板狀態：小寫、大寫、數字。

2. 設計原型樣式

在相應的狀態下，利用矩形繪制以下三個鍵盤。

小寫鍵盤

大寫鍵盤

數字鍵盤

3. 添加鍵盤切換交互

• 小寫鍵盤：點擊大寫按鈕切換到大寫鍵盤；點擊123按鈕切換到數字鍵盤。
• 大寫鍵盤：點擊小寫按鈕切換到小寫鍵盤；點擊123按鈕切換到數字鍵盤。
• 數字鍵盤：點擊ABC按鈕切換到小寫鍵盤。

交互示例：選中按鈕，添加交互，單擊時設置面板狀態為“大寫”。

4. 添加輸入交互

在頁面中拖入一個單行文本框。

選中一個字母按鈕，新建交互單擊時，設置文本框文本為文本框本身文本(Target.text)+按鈕文本(this.text)

將其他字母按鈕的交互設置完成。選中第一個字母的交互樣式，Ctrl+C復制，然后選中其他按鈕Ctrl+V粘貼。

5. 添加刪除交互

選中刪除按鈕，添加交互，單擊時設置輸入框文本為[[Target.text.substr(0,Target.text.length-1)]]。

substr(start,length)是截取函數。

6. 添加空格交互

選中刪除按鈕，添加交互，單擊時設置輸入框文本為[[Target.text]] 。需要注意[[Target.text]]后加一個空格。

7. 設置焦點

在每一個交互上添加新動作，獲取焦點到輸入文本框，這樣可以使輸入框內一直顯示光標。

本文由 @lexi 原創發布于人人都是產品經理，未經作者許可，禁止轉載。

題圖來自Unsplash，基于CC0協議。