首頁歷史 > 正文

產品經理工具axure教程-區域性變數應用之註冊登入介面互動例項實現

2022-02-04由 產品經理的修煉之道 發表于 歷史

今天接著昨天講的案例“全域性變數的應用-之登入介面互動效果實現”繼續往下講,今天我們學習到的是原型設計軟體axure中區域性變數的應用。今天的案例還是站酷註冊登入介面互動效果的實現。

案例描述:

在昨天的案例基礎上,我們繼續解決輸入部分賬號名稱(例“xiao”),會提示“賬號已經存在”這一處bug。

首先我們準備元件:

具體元件都是什麼,又是怎麼命名的,請參照前一篇文章中的元件

接下來我們來分析一下實現的思路:

在上一案例中的全域性變數“UserName”中賬號的格式是以“<賬號名稱>”的格式進行儲存的;如果判斷條件為全域性變數“UserName”包含“<輸入的賬號>”,則能夠進行完全的匹配,不會出現輸入部分賬號名稱就提示錯誤的問題。因此,需要把輸入的賬號加上“<”和“>”後再進行判斷。

因此,需要修改下圖的條件判斷:

產品經理工具axure教程-區域性變數應用之註冊登入介面互動例項實現

具體的操作步驟如下:

1、將判斷條件更改為判斷【變數值】“UserName”【包含】【值】,單擊【fx】進入“編輯文字”的介面;

進行條件判斷設定:(圖2-32)

產品經理工具axure教程-區域性變數應用之註冊登入介面互動例項實現

2、在編輯文字的介面中【新增區域性變數】“n”獲取【元件文字】“當前元件”(This),然後在值的輸入框中輸入“<[[n]]>”完成判斷條件的編輯;當用戶輸入“xiao”時,就會被判斷的內容為“”,也就不會再出現錯誤了。

進行區域性變數設定的操作如下圖:

產品經理工具axure教程-區域性變數應用之註冊登入介面互動例項實現

到這裡,整個註冊介面的互動效果也就完成了,同時也不會出現輸入部分賬號名稱,出現錯誤提示的情況了。好了,現在我們可以按f5預覽一下效果了。今天的課程就到這裡,今天時間不足就不在講更多的內容了,下期再見!!!

頂部