起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)Axure教程：顯示隱藏——推拉元件（常用于文本框提示語）
主要實(shí)現(xiàn)在登錄過程中，判斷文本框?yàn)榭諘r(shí)提示語顯示與隱藏——推拉元件。
登錄案例講解如下：
（1）繪制如下原型，分別給文本框命名為Anum，Password，提示文本命名為分別為：Atext，Ptext；登錄按鈕命名為：lg
（2）選中Atext，Ptext，隱藏（隱藏的原因：增強(qiáng)用戶體驗(yàn)且視覺效果也更美觀）
（3）單擊【登錄】時(shí)，判斷賬號(hào)和密碼不能為空，若為空則提示請(qǐng)輸入賬號(hào)或密碼，分解步驟如下：
1）選中【登錄】—》【鼠標(biāo)單擊時(shí)】事件—》添加條件—》設(shè)置賬號(hào)/密碼為空—》單擊【確定】
2）輸入框?yàn)榭諘r(shí)，則需要對(duì)提示文本進(jìn)行設(shè)置提示語，單擊【設(shè)置文本】—》勾選賬號(hào)/密碼為空的提示語，如下：
3）由于一開始我們把提示語，設(shè)置為【隱藏】了，故在此處單擊【登錄】時(shí)，我們需要讓提示語顯示出來，步驟：單擊元件顯示/隱藏中的【顯示】—》勾選為空時(shí)需要顯示的提示語Atext/Password—》設(shè)置動(dòng)畫，更多選擇【推動(dòng)元件】，方向【下方】，其他可根據(jù)需要設(shè)置。
4）為空時(shí)提示語顯示后，我們可以讓它等待一段時(shí)候再隱藏，單擊其它【等待】，設(shè)置等待時(shí)長。
5）顯示一段時(shí)候后，隱藏為空時(shí)提示語，單擊【隱藏】—》勾選文本提示語及【拉動(dòng)元件】—》設(shè)置動(dòng)畫（根據(jù)自身需要設(shè)置），最后單擊【確定】，整個(gè)登錄提示語就完成了。
最后就完美的完成整個(gè)流程啦~
本文由 @?猴子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
- 目前還沒評(píng)論，等你發(fā)揮！
