起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識Axure教程：按鈕的啟用和禁用設(shè)計(jì)
原型中常要用到按鈕的禁用和啟用，比如常見的：輸入手機(jī)號獲取驗(yàn)證碼的獲取按鈕，在未輸入內(nèi)容前按鈕不可點(diǎn)，輸入按鈕后，可點(diǎn)擊獲取按鈕獲取驗(yàn)證碼。那我們本文就一起來看看按鈕的啟用和禁用設(shè)計(jì)。
如下圖：
首先，我們來看看效果
沒有輸入內(nèi)容前，按鈕灰色不可點(diǎn)，輸入內(nèi)容后，按鈕變亮，表示可以點(diǎn)擊。
設(shè)計(jì)步驟
（1）設(shè)計(jì)好元件：輸入框+按鈕。
（2）設(shè)置按鈕的屬性：點(diǎn)擊交互樣式中的選中，在彈窗中設(shè)置按鈕被選中時(shí)的顏色為綠色；在彈窗中切換到禁用，禁用時(shí)的顏色為灰色，點(diǎn)擊確定。
（3）勾選引用頁中的禁用、選中。
（4）對輸入框進(jìn)行交互設(shè)置：選擇交互方式：文字改變時(shí)。
（5）在彈出的交互編輯窗口中編輯用例條件：當(dāng)輸入框中的元件文字為空時(shí)。
（6）選擇交互工作：當(dāng)輸入框中的元件文字為空時(shí)，按鈕禁用。
（7）可以看到，第5步點(diǎn)擊了確定之后，屬性中的用例1已經(jīng)成功設(shè)置了按鈕的禁用。再次點(diǎn)擊文字改變時(shí)，設(shè)置用例條件。
（8）將用例條件設(shè)置為輸入框中的元件文字不為空時(shí)。
（9）選擇啟用/禁用，為輸入框在改變文字之后配置啟用動(dòng)作，點(diǎn)擊確定。
（10）此時(shí)按鈕的禁用啟用已經(jīng)完成，點(diǎn)擊預(yù)覽測試一下吧。
本文由 @萍萍仔 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
解決了我的今天的難題，特定留言感謝，axure每個(gè)版本變來變?nèi)ィo我整蒙圈了
你的是7 的axure吧 用例里面的”=” 8 里面是”==”, 而且你的文本框?yàn)樯哆€有基礎(chǔ)的交互設(shè)置
親，你用的哪個(gè)版本的axure啊，我用的8，可是預(yù)覽的時(shí)候選中的狀態(tài)由灰色變?yōu)榘咨?，而不是綠色，什么原因呢？麻煩解答一下
我想問一下，為啥我文本框已經(jīng)沒有內(nèi)容了,但是按鈕還是不能禁用
個(gè)人覺得按樓主的思路，“選中”的顯示就沒有必要設(shè)置啊，畢竟輸入文字后“發(fā)送”框顯示的就是初始狀態(tài)，并不是顯示的“選中”狀態(tài)（初學(xué)Axure，還請多指教）
如果只利用禁用（用例為:如果輸入框內(nèi)容為空時(shí)，禁用按鈕）;當(dāng)輸入框中有了內(nèi)容之后，按鈕是不會(huì)發(fā)生變化的。所以呀，選中的設(shè)置還是有必要的
您說的沒錯(cuò)，可以加一個(gè)“選中”，但是您第9步少了“選中”的設(shè)置
直接在初始狀態(tài)設(shè)置綠色就可以了，不用設(shè)置選中
這個(gè)編輯器是啥？
什么編輯器？就是用Axure做了原型之后，截圖然后用word寫粗來