很多的表單中的輸入元件,都會進行關聯判斷,特別是在一些調查問卷中,選擇不同的選項,將會影響到後面的問卷題目。
本篇文章和大家分享一下,如何使用switch開關來控制表單的讀寫狀態。
製作過程
在本案例中我們用到了一個switch開關的元件,如何製作switch可參考我這篇文章說起來你可能不信,Axure製作Switch開關效果就是這麼簡單;還用到了輸入框的元件。
首先我們將switch元件和輸入框元件,加入到場景中。
為了讓輸入框看起來更加友好,我們設置它的圓角為3,並且將提示文字改成「請輸入」,同時選中禁用。
下面我們為switch設置交互效果,因為switch自帶了點擊後,切換的效果,所以在這個交互動效中,我們只需要新增,激活輸入框的設置就可以了。
上面的設置包含了3個關注點:
條件判斷:當開關處於關閉狀態下,才會激活下面的動作當點擊switch的時候,切換switch的顯示最後將禁用的輸入框設置為啟用。最後使用相同的方法設置,設置從開啟到關閉的交互動作,如下圖所示:
完成上面的配置,我們來看下最終的效果
如果你希望對深入學習Axure的話,推薦你一本書《Axure RP與APP原型設計完全學習教程》,我就是從這本書開始入門的。希望也可以幫到你!