天天看點

Android UI元件----用相對布局RelativeLayout做一個登陸界面

【正文】

兩個小時的學習成果,對于我這種還沒入門但渴望不斷進步的初學者來說,是一種激勵。通過自己一行一行的敲代碼,實作了用相對布局做一個登陸界面的效果。

xml檔案完整版代碼如下:

Android UI元件----用相對布局RelativeLayout做一個登陸界面
Android UI元件----用相對布局RelativeLayout做一個登陸界面

代碼解釋如下:

05行:設定整個relativelayout的内邊距為20dp,給界面留白。

21、22行:讓編輯框的左邊對齊到父控件的左邊,右邊對齊到父控件的右邊,這樣一來,就剛好橫向覆寫整個界面。

30行:将passwordview放到usernameview的下面,以保證二者的相對位置不變。

34行:輸入密碼時顯示為星号,以保證密碼的安全

41、42行:将“取消”按鈕放到passwordview的下面,并貼齊到父控件的右邊

50、51行:将“确定”按鈕放到“取消”按鈕的左邊,并貼齊到“取消”按鈕的下邊,以保證二者的相對位置不變

最終在手機上運作後,顯示效果如下:

Android UI元件----用相對布局RelativeLayout做一個登陸界面

繼續閱讀