2.3 使用Android Studio 簡單設計UI界面


首先 創建一個新的項目找到app 文件目錄下的layout的 activity_main.xml 

因為Android Studio 是可視化的,所有操作都可以在圖形界面進行。

該res 界面當中  drawable 可以將需要的圖片導入該目錄當中進行調用 layout的目錄是布局界面

values 當中存有可以更改界面的顏色 字符串還有款式的xml文件。當然也可以在可視化界面當中便捷的更改。

 

如下圖所示為可以添加到界面的各種符號,若賬號輸入框,密碼輸入框,按鈕和各種選擇鍵。

 

 

 添加輔助線的按鈕如下:

 

 

打開布局界面首先添加幾條輔助線,將界面的布局划分完整,使UI界面在不同尺寸,分辨率的設備上的兼容度更好。

分別為5% 20% 30% 40% 90%如圖所示

 

 

 首先引入以可以輸入圖片的框 

 

 然后引入輸入框 密碼輸入框一個按鈕 還有一個版本號的位置 如圖所示:

 

 把賬號輸入框 密碼輸入框設置提示 按鈕設置為登陸 輸入版本號 將圖片設置為與范圍高度對其  兩個輸入框設置為與 

運行界面如下:

 

 

 點擊bulid  生產apk 可以在手機上安裝使用

 

 兩個選項,當程序調試沒問題時選擇第一個直接發步到應用市場  第二種形式 可以直接安裝

 

 存儲填寫如下:

 

中間階段選擇debug 如果沒有問題就選擇創建release

 

 

 生產兩個文件

 

 手機操作如下:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM