本文主要實現了百度登錄頁面的設計,其中最主要的是實現點擊用戶名和密碼框時使邊框顏色發生變化
(1)首先拖入一個矩形框,將邊框可見性全部去掉
(2)將百度的圖片拖入,將“用戶名密碼登錄”和“短信快捷登錄”字段設置好
(3)拖入兩個矩形框,設置框的大小,之后再拖入兩個文本框,設置合適的大小(我將文本框的大小和輸入框的大小設置成差不多的重合的狀態,之后將輸入框邊框隱藏)
注意⚠️,文本框默認是有邊框的,並且不能對其像矩形框那樣改變他的邊框是否能顯示,只能勾選隱藏邊框選項
(4)在文本框中輸入【提示文字】手機/郵箱/用戶名,同理對密碼輸入框進行同樣的設置,注意密碼文本框的類型要改成【密碼】
(5)設置完上面那些基本的東西之后,下面實現點擊輸入框,邊框變成藍色的功能
首先選中用戶名部分的【矩形框】,點擊屬性中的【選中】,如下圖
設置線段顏色,這個顏色即為點擊輸入框之后,邊框要變成的顏色
(6)選中用戶名部分的【文本框】,
獲取焦點時,輸入框變為藍色:
失去焦點時輸入框變為原來的灰色:
(7)對密碼框部分運用相同的方法即可實現這個功能