此次活動的舉辦方:Google Study Jams活動官網(wǎng)
通過前面對View和ViewGroup的認(rèn)識,相信你對基本的控件(TextView, ImageView, Button等)和簡單的布局(LinearLayout,RelativeLayout)有了一定了解,此時此刻你一定也想自己動手敲一下,敲出自己的第一行代碼,運(yùn)行出自己的第一個程序。
本筆記主要記錄和介紹Android開發(fā)環(huán)境的搭建和運(yùn)行出第一行代碼以及生日賀卡的實現(xiàn)。
一、環(huán)境的搭建
1、JDK的安裝
A、安裝JDK
仍然推薦這個非常好的鏡像網(wǎng)站
打開上面的網(wǎng)站之后選擇JDK ,然后選擇一個版本進(jìn)行下載,建議使用1.8版本

- 然后同意并對應(yīng)著電腦的系統(tǒng)選擇下載即可,下載之后是個.exe文件

- 下載之后,打開.exe文件就是安裝JDK了,點擊下一步

- 選擇安裝項和安裝位置,一般都為默認(rèn),點擊下一步

- 目標(biāo)文件夾,可以更改安裝目錄,點擊下一步

- 這時候JDK就安裝好了,點擊關(guān)閉即可

B、JDK環(huán)境變量的配置
- 右擊我的電腦(計算機(jī)),點擊屬性,然后點擊左側(cè)高級系統(tǒng)設(shè)置

- 點擊下方環(huán)境變量進(jìn)行配置

- 雙擊系統(tǒng)變量中Path這一項

- 點擊右側(cè)新建按鈕,然后在下方填寫jdk的bin路徑,點擊確定

- 然后配置JAVA_HOME變量,點擊下方新建按鈕

- 變量名固定為JAVA_HOME,變量值為jdk的路徑

填寫完之后依次確定即配置完成
配置之后需要驗證環(huán)境變量是否添加成功,點擊電腦運(yùn)行(Win + R),輸入cmd,點擊確定,然后輸入命令:java -version(查看jdk的版本)或者javac(java的命令幫助),如果能夠顯示結(jié)果即為配置成功。如未正常顯示則檢查環(huán)境變量是否配置正確。

2、Android Studio的安裝
首先我們需要下載Android Studio安裝包,這里推薦兩種方式下載
Android開發(fā)官網(wǎng)直接下載最新版本
推薦的鏡像網(wǎng)站下載,可以選擇歷史版本
由于我的電腦已經(jīng)裝有Android Studio了,所以就不重復(fù)安裝了,這里推薦兩個網(wǎng)上的安裝教程,教程1和教程2
安裝成功之后就是這樣:

二、開始Android的第一行代碼以及制作生日賀卡
在上面介紹了環(huán)境的安裝之后,開始使用Android Studio創(chuàng)建第一個項目。
- 點擊Start a new Android Studio project創(chuàng)建項目

- 填寫項目名稱、包名,選擇項目在本地磁盤的位置(包名通常寫為com.xxxx,及公司域名倒著寫)

- 選擇sdk的兼容版本,這個一般默認(rèn)即可,目前市場上4.0.3以上的手機(jī)占97.4%以上,所以我們最小兼容到4.0.3的版本即可,點擊Next

- 這一步的話,Studio給我們提供了好多種模板,這里我們只需要選擇EmptyActivity,也就是空白的頁面即可,點擊Next

- 為我們的主頁面命名,一般默認(rèn)為MainActivity,點擊Next
- 這樣項目就創(chuàng)建好啦,這時候可以運(yùn)行一下看看效果了


好了,項目建好并運(yùn)行了在手機(jī)上的第一個應(yīng)用程序,接下來該制作一個生日賀卡了。結(jié)合之前學(xué)習(xí)的View和ViewGroup進(jìn)行實操。
由于這次的生日賀卡知識針對之前學(xué)習(xí)的內(nèi)容進(jìn)行回顧,所以Activity中沒有什么邏輯體現(xiàn),只是通過控件和布局的配合實現(xiàn)簡單的生日賀卡頁面。所以直接呈上布局的代碼:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#1F1A17"
android:padding="@dimen/activity_horizontal_margin"
tools:context="com.shawpoo.app.MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="To:Study Jams"
android:textColor="@android:color/white"
android:typeface="serif"
android:textSize="35sp"/>
<ImageView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:src="@mipmap/img_happy_birthday"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:text="From:Mr.W"
android:typeface="serif"
android:textColor="@android:color/white"
android:textSize="35sp"/>
</RelativeLayout>
我采用的根布局是相對布局,所以只需要對內(nèi)部的View進(jìn)行一個位置的控制即可,所以"To:Study Jams"放在左上角,由于相對布局默認(rèn)出現(xiàn)的控件就在左上角,所以關(guān)于位置不需要任何屬性,賀卡的圖片是通過“android:layout_centerInParent”屬性放在布局的中間,"From:Mr.W"是放在布局的最后邊和最下邊,對應(yīng)的布局是“android:layout_alignParentRight”和“android:layout_alignParentBottom”,這樣一個簡單的賀卡頁面就實現(xiàn)了。
最后來看一下效果圖:
