1. 程式人生 > >Axure實現百度登入頁面(一)

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

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

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

 

(2)將百度的圖片拖入,將“使用者名稱密碼登入”和“簡訊快捷登入”欄位設定好

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

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

 

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

 

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

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

 

設定線段顏色,這個顏色即為點選輸入框之後,邊框要變成的顏色

 

 

 (6)選中使用者名稱部分的【文字框】,

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

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

 

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

&n