Axure實現百度登錄頁面(一)


本文主要實現了百度登錄頁面的設計,其中最主要的是實現點擊用戶名和密碼框時使邊框顏色發生變化

(1)首先拖入一個矩形框,將邊框可見性全部去掉

 

(2)將百度的圖片拖入,將“用戶名密碼登錄”和“短信快捷登錄”字段設置好

(3)拖入兩個矩形框,設置框的大小,之后再拖入兩個文本框,設置合適的大小(我將文本框的大小和輸入框的大小設置成差不多的重合的狀態,之后將輸入框邊框隱藏)

注意⚠️,文本框默認是有邊框的,並且不能對其像矩形框那樣改變他的邊框是否能顯示,只能勾選隱藏邊框選項

 

(4)在文本框中輸入【提示文字】手機/郵箱/用戶名,同理對密碼輸入框進行同樣的設置,注意密碼文本框的類型要改成【密碼】

 

(5)設置完上面那些基本的東西之后,下面實現點擊輸入框,邊框變成藍色的功能

首先選中用戶名部分的【矩形框】,點擊屬性中的【選中】,如下圖

 

設置線段顏色,這個顏色即為點擊輸入框之后,邊框要變成的顏色

 

 

 (6)選中用戶名部分的【文本框】,

獲取焦點時,輸入框變為藍色:

失去焦點時輸入框變為原來的灰色:

 

 (7)對密碼框部分運用相同的方法即可實現這個功能

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM