天天看點

Android菜鳥的成長筆記(3)——給QQ登入界面說So Easy

我們前面已經做了第一個Android應用程式,雖然有點像QQ的登入界面,但是很多地方還是很難看,這一篇咱們來将這個界面做成一個标準的商業界面,并一起來了解Android中的代碼運作的原理。

好吧,咱們開始吧,首先啟動模拟器,為了讓咱們的界面和QQ的登入界面一樣我下載下傳了一個QQ的apk檔案,下面咱們将這個apk安裝到我們的模拟器上,看看效果。

怎麼将apk安裝到我們的模拟器上面呢?先給大家介紹一個SDK自帶的工具adb

如下圖所示這個工具在sdk/platform-tools/下面

Android菜鳥的成長筆記(3)——給QQ登入界面說So Easy

好吧直接輕按兩下怎麼一閃而過呢?這是因為我們沒有在環境變量裡面配置,還記得前面配置JDK的環境變量嗎?我們暫時先不配置

按住  開始+R  出現如下輸入框,輸入cmd然後确定

Android菜鳥的成長筆記(3)——給QQ登入界面說So Easy

好了,我們現在進入到window的控制台了,如下圖所示:

Android菜鳥的成長筆記(3)——給QQ登入界面說So Easy

在這裡用dos下面的指令:

D:  到D盤

cd xxx 到xxx目錄

Android菜鳥的成長筆記(3)——給QQ登入界面說So Easy

下面開始正式安裝我們的apk檔案,我将QQ的apk檔案放在D盤的根目錄

将apk檔案安裝到模拟器

Android菜鳥的成長筆記(3)——給QQ登入界面說So Easy

可以看到Success這說明我們已經安裝成功了,下面我們來打開模拟器上的QQ并到登入界面

其實有一種很好的學習方式就是抄襲,好吧,如果你認同我的觀點下面我們就來抄襲一下QQ是怎麼做的

在抄襲别人之前還必須有一定的技術,不然抄不過來的哦。呵呵,開個玩笑,其實這個很簡單。再給大家介紹一個SDK自動的工具。

好了啟動HierarchyViewer之後如圖,我們選擇QQ安裝包,然後點選Load View Hierarchy菜單

我們可以找到我們想要的界面的元件,比如上面的QQ頭像

好吧下面我們就一個一個仿照QQ的元件來修改我們的元件,修改好的xml布局檔案如下

activity_main.xml

現在的界面如下:

Android菜鳥的成長筆記(3)——給QQ登入界面說So Easy

這個界面和真真的QQ界面還有點不同的就是上面的标題myFirstApp,怎麼去掉這個标題呢?

我直接用第二種方法,在AndroidMainfest.xml檔案中的<appliaction>中添加如下屬性:

現在的運作效果如下:

Android菜鳥的成長筆記(3)——給QQ登入界面說So Easy

這個界面比上一個界面好多了吧!下一篇将介紹實作界面的主要元件及使用方法。

下一篇: 

繼續閱讀