Axure實現百度登錄頁面（一）

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

（1）首先拖入一個矩形框，將邊框可見性全部去掉

（2）將百度的圖片拖入，將“用戶名密碼登錄”和“簡訊快捷登錄”欄位設置好

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

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

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

（5）設置完上面那些基本的東西之後，下面實現點擊輸入框，邊框變成藍色的功能

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

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

（6）選中用戶名部分的【文本框】，

獲取焦點時，輸入框變為藍色：

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

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