此次活動的舉辦方:Google Study Jams活動官網
通過前面對View和ViewGroup的認識,相信你對基本的控件(TextView, ImageView, Button等)和簡單的布局(LinearLayout,RelativeLayout)有了一定了解,此時此刻你一定也想自己動手敲一下,敲出自己的第一行代碼,運行出自己的第一個程序。
本筆記主要記錄和介紹Android開發環境的搭建和運行出第一行代碼以及生日賀卡的實現。
一、環境的搭建
1、JDK的安裝
A、安裝JDK
仍然推薦這個非常好的鏡像網站
打開上面的網站之后選擇JDK ,然后選擇一個版本進行下載,建議使用1.8版本
- 然后同意并對應著電腦的系統選擇下載即可,下載之后是個.exe文件
- 下載之后,打開.exe文件就是安裝JDK了,點擊下一步
- 選擇安裝項和安裝位置,一般都為默認,點擊下一步
- 目標文件夾,可以更改安裝目錄,點擊下一步
- 這時候JDK就安裝好了,點擊關閉即可
B、JDK環境變量的配置
- 右擊我的電腦(計算機),點擊屬性,然后點擊左側高級系統設置
- 點擊下方環境變量進行配置
- 雙擊系統變量中Path這一項
- 點擊右側新建按鈕,然后在下方填寫jdk的bin路徑,點擊確定
- 然后配置JAVA_HOME變量,點擊下方新建按鈕
- 變量名固定為JAVA_HOME,變量值為jdk的路徑
填寫完之后依次確定即配置完成
配置之后需要驗證環境變量是否添加成功,點擊電腦運行(Win + R),輸入cmd,點擊確定,然后輸入命令:java -version(查看jdk的版本)或者javac(java的命令幫助),如果能夠顯示結果即為配置成功。如未正常顯示則檢查環境變量是否配置正確。
2、Android Studio的安裝
首先我們需要下載Android Studio安裝包,這里推薦兩種方式下載
Android開發官網直接下載最新版本
推薦的鏡像網站下載,可以選擇歷史版本
由于我的電腦已經裝有Android Studio了,所以就不重復安裝了,這里推薦兩個網上的安裝教程,教程1和教程2
安裝成功之后就是這樣:
二、開始Android的第一行代碼以及制作生日賀卡
在上面介紹了環境的安裝之后,開始使用Android Studio創建第一個項目。
- 點擊Start a new Android Studio project創建項目
- 填寫項目名稱、包名,選擇項目在本地磁盤的位置(包名通常寫為com.xxxx,及公司域名倒著寫)
- 選擇sdk的兼容版本,這個一般默認即可,目前市場上4.0.3以上的手機占97.4%以上,所以我們最小兼容到4.0.3的版本即可,點擊Next
- 這一步的話,Studio給我們提供了好多種模板,這里我們只需要選擇EmptyActivity,也就是空白的頁面即可,點擊Next
- 為我們的主頁面命名,一般默認為MainActivity,點擊Next
- 這樣項目就創建好啦,這時候可以運行一下看看效果了
好了,項目建好并運行了在手機上的第一個應用程序,接下來該制作一個生日賀卡了。結合之前學習的View和ViewGroup進行實操。
由于這次的生日賀卡知識針對之前學習的內容進行回顧,所以Activity中沒有什么邏輯體現,只是通過控件和布局的配合實現簡單的生日賀卡頁面。所以直接呈上布局的代碼:
<?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>
我采用的根布局是相對布局,所以只需要對內部的View進行一個位置的控制即可,所以"To:Study Jams"放在左上角,由于相對布局默認出現的控件就在左上角,所以關于位置不需要任何屬性,賀卡的圖片是通過“android:layout_centerInParent”屬性放在布局的中間,"From:Mr.W"是放在布局的最后邊和最下邊,對應的布局是“android:layout_alignParentRight”和“android:layout_alignParentBottom”,這樣一個簡單的賀卡頁面就實現了。
最后來看一下效果圖: