如何在Axure中制作輸入框的可編輯與不可編輯自動切換
Axure是一款非常好用的原型圖工具,當(dāng)我們使用Axure制作原型圖時,有時會遇到需要將輸入框設(shè)置為可編輯和不可編輯狀態(tài)自動切換的場景。那么接下來我將一步步進(jìn)行講解如何實現(xiàn): 第一步:準(zhǔn)備工作 首
Axure是一款非常好用的原型圖工具,當(dāng)我們使用Axure制作原型圖時,有時會遇到需要將輸入框設(shè)置為可編輯和不可編輯狀態(tài)自動切換的場景。那么接下來我將一步步進(jìn)行講解如何實現(xiàn):
第一步:準(zhǔn)備工作
首先,打開Axure軟件,并在畫布中拖入相應(yīng)的輸入框和文字。這里我以一個加載頁面的需求為例,假設(shè)要加載頁面時,輸入框為禁止編輯狀態(tài),當(dāng)點擊編輯按鈕時,輸入框變?yōu)榭删庉嫚顟B(tài)。
第二步:設(shè)置輸入框的初始狀態(tài)
選中輸入框,然后在右側(cè)屬性編輯區(qū)(繼續(xù)選中輸入框),切換至屬性操作頁,在禁用選項中勾選禁用。這樣設(shè)置后,加載頁面時輸入框?qū)⑻幱诮咕庉嫚顟B(tài)。
第三步:設(shè)置編輯按鈕的屬性
選中自定義的編輯按鈕,然后在右側(cè)屬性編輯區(qū)切換至屬性操作頁,接著點擊“鼠標(biāo)點擊”選項。
第四步:配置動作選擇框
在左側(cè)添加動作選擇框中找到“原件-啟用/禁用-啟用”,然后在右側(cè)配置動作選擇框中勾選要控制的輸入框,最后點擊確定按鈕。這樣設(shè)置后,當(dāng)點擊編輯按鈕時,輸入框?qū)⒆優(yōu)榭删庉嫚顟B(tài)。
第五步:預(yù)覽效果
點擊軟件右上角的預(yù)覽按鈕,打開瀏覽器進(jìn)行預(yù)覽。這樣你就可以看到頁面加載時,輸入框為禁止編輯狀態(tài),然后點擊編輯按鈕后,輸入框變?yōu)榭删庉嫚顟B(tài)。
通過以上步驟,你已經(jīng)成功地實現(xiàn)了在Axure中將輸入框的可編輯與不可編輯狀態(tài)自動切換的效果。希望這篇文章能對你有所幫助!