AxureRp9畫一個註冊並登錄界面,並驗證用戶名、密碼不能爲空,進行相應的提示信息!

之前用Axure9做了一個關於桔梗網的註冊登錄的界面,這次把功能補上。

一、之前的界面

因爲是做完了功能才寫的這個,所以界面上有很多黃色的這個,這個是事件。
在這裏插入圖片描述
在這裏插入圖片描述

二、添加跳轉和關閉功能

1)、在註冊的這個界面中,點擊登錄
在這裏插入圖片描述
2)、點擊交互,添加動作【單擊時】–選擇事件【打開鏈接】–選擇做好的登錄界面
在這裏插入圖片描述
3)、按下F5就可以實現效果,在登錄中跳轉回註冊也是這樣。

4)、右上角的這個×,可以是截圖的圖片×,也可以是自己畫的[兩條線接起來]。點擊–交互–單擊時–關閉窗口
在這裏插入圖片描述

三、在註冊界面中(登錄界面一樣的步驟)驗證用戶名、密碼不能爲空,並進行相應的提示信息

1)拖動一個矩形進來,取名name,再拖動一個矩形取名爲pwd,最後拖動一個矩形取名爲success
在這裏插入圖片描述

2)、把三個矩形的字型,字號,字的顏色都設置一下,並把矩形的邊框設置爲不可見。
在這裏插入圖片描述
3)、賬號裏面是文本框取名爲username,同理密碼的文本框取名爲password,點擊username這個文本框設置失去焦點時,添加情形case1和case2,password文本框也是這麼設置。
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
4)、點擊下面的“註冊桔梗網”,選擇動作單擊時,然後進行設置。
在這裏插入圖片描述

四、按下F5 ,看結果[同理登錄界面的操作],然後按下右上角的×關掉

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章