国产不卡在线观,国产高清一区,国产精品囗交

原型設(shè)計(jì)工具Axure RP入門教程（二）：自動選項(xiàng)卡字段教程

翻譯|使用教程|編輯：況魚杰|2020-03-02 14:56:07.160|閱讀 371 次

概述：在本教程中，您將學(xué)習(xí)如何創(chuàng)建一組文本字段，這些文本字段將在當(dāng)前字段完成后自動使光標(biāo)前進(jìn)。我們將使用的示例是生日日期表格。

相關(guān)鏈接：

Axure RP是一套專門為網(wǎng)站或應(yīng)用程序所設(shè)計(jì)的快速原型設(shè)計(jì)工具，可以讓應(yīng)用網(wǎng)站策劃人員或網(wǎng)站功能界面設(shè)計(jì)師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規(guī)格。

免費(fèi)下載Axure RP 優(yōu)惠購買Axure RP

在本教程中，您將學(xué)習(xí)如何創(chuàng)建一組文本字段，這些文本字段將在當(dāng)前字段完成后自動使光標(biāo)前進(jìn)。我們將使用的示例是生日日期表格。

小部件設(shè)置

打開一個新的RP文件，然后在畫布上打開Page 1。
將三個文本字段拖到畫布上。命名為一天字段，一個月字段和一年字段。（您可以選擇使用標(biāo)簽小部件為每個標(biāo)簽添加標(biāo)簽。）
使文本字段變窄，然后按以下順序排列它們：

[Month Field] [Day Field] [Year Field]

注意：隨意對文本字段進(jìn)行排序，以匹配您的區(qū)域日期格式。只要記住，您還需要在以下步驟中創(chuàng)建一個不同的游標(biāo)流。

自動從月到日字段前進(jìn)

將重點(diǎn)放在日間字段上

選擇月份字段，然后在Interactions（交互）窗格中單擊New Interactions（新建交互）。
在出現(xiàn)的列表中選擇Text Changed（文本更改）事件，然后選擇Focus （焦點(diǎn)）動作。
在目標(biāo)下拉列表中選擇日期字段。然后，單擊確定以保存操作。

僅在用戶輸入兩個數(shù)字后前進(jìn)

將鼠標(biāo)懸停在Text Changed（文本更改）標(biāo)題上，然后單擊右側(cè)的Enable Cases（啟用案例）。在出現(xiàn)的條件構(gòu)建器對話框中，單擊Add Logic（添加邏輯）。
在出現(xiàn)的條件行中，在第一個下拉列表中選擇小部件值的長度，然后在右側(cè)的字段中輸入2。
對話框底部的摘要應(yīng)顯示為：如果此值的長度等于2。當(dāng)文本字段的文本長度達(dá)到兩個字符時，將滿足此條件。
單擊確定關(guān)閉條件生成器。