天天看點

安卓小白開發第二彈 UI圖形界面設計

各位小白們,這一講主要就是介紹安卓開發的第一步,圖形界面的設計。這裡介紹最基礎的圖形界面,僅僅包含圖像(使用者頭像),使用者姓名,登入密碼和登入按鍵以及版本型号的圖形顯示。

這裡就不再講述開始的建立項目操作,仍然選擇最簡單的Empty activity。自己命名一個自己能看懂的名字。

第一個知識點:constraintv layout

安卓小白開發第二彈 UI圖形界面設計

對于圖檔中的紅色提示解決方案:

1、對應的文本框邊框有四個圓圈,可以點選圓圈将圓圈和整個界面的上下左右四個界面邊框相連接配接進行固定(這是一種比較麻煩的方法)

2、

安卓小白開發第二彈 UI圖形界面設計

接下來設定姓名和密碼文本框:

安卓小白開發第二彈 UI圖形界面設計

差別兩種文本形式的是,密碼的文本形式是加密的,不以明文字的形式顯示

限制好了文本的位置後,

安卓小白開發第二彈 UI圖形界面設計

仍然有一些警告需要消除,接下來就是對這些警告進行消除

安卓小白開發第二彈 UI圖形界面設計

這也是上一講提到的,文本中的内容不建議填hard doding,需要添加到string.xml檔案中。下面就是添加的兩種方式:

1、

安卓小白開發第二彈 UI圖形界面設計
安卓小白開發第二彈 UI圖形界面設計

然後傳回到頁面設計界面,輕按兩下版本文本框,添加設定的名稱和鍵值

安卓小白開發第二彈 UI圖形界面設計
安卓小白開發第二彈 UI圖形界面設計

這裡的警告提示感歎号就消失了。

2、第二種消除警告的方式:(簡單)[這種方法我試了一下,在windows系統開發下好像不可以,在mac系統開發下才可以]

安卓小白開發第二彈 UI圖形界面設計
安卓小白開發第二彈 UI圖形界面設計

需要注意的就是,在填充賬号和密碼的時候,需要的是用hint進行填充。

都填充好了之後,會發現仍然有警告的地方

安卓小白開發第二彈 UI圖形界面設計

點選警告提示,檢視警告的原因:

圖檔的原因是沒有設定string,内容和鍵值,點集警告按鍵,點選fix,點選展開最下面的fix裡就會出現設定圖檔名稱和鍵值的内容。

都用相似的方式設定完後,就會發現所有的警告都消失了

安卓小白開發第二彈 UI圖形界面設計

接下來運作界面設定,具體的運作方式以及apk格式的設定上一講已經講述過了。