2017Google Study Jams之L1Android Studio的安裝與生日賀卡的實現(xiàn)

此次活動的舉辦方:Google Study Jams活動官網(wǎng)

我的博客(同步此次活動筆記):CSDN博客、我的簡書

Google Developers

通過前面對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版本

選擇JDK的版本
  • 然后同意并對應(yīng)著電腦的系統(tǒng)選擇下載即可,下載之后是個.exe文件
同意并下載JDK
  • 下載之后,打開.exe文件就是安裝JDK了,點擊下一步
安裝JDK
  • 選擇安裝項和安裝位置,一般都為默認(rèn),點擊下一步
安裝JDK
  • 目標(biāo)文件夾,可以更改安裝目錄,點擊下一步
安裝JDK
  • 這時候JDK就安裝好了,點擊關(guān)閉即可
安裝JDK

B、JDK環(huán)境變量的配置

  • 右擊我的電腦(計算機(jī)),點擊屬性,然后點擊左側(cè)高級系統(tǒng)設(shè)置
配置JDK環(huán)境變量
  • 點擊下方環(huán)境變量進(jìn)行配置
配置環(huán)境變量2.png
  • 雙擊系統(tǒng)變量中Path這一項
配置環(huán)境變量
  • 點擊右側(cè)新建按鈕,然后在下方填寫jdk的bin路徑,點擊確定
配置環(huán)境變量
  • 然后配置JAVA_HOME變量,點擊下方新建按鈕
環(huán)境變量的配置
  • 變量名固定為JAVA_HOME,變量值為jdk的路徑
配置環(huán)境變量
  • 填寫完之后依次確定即配置完成

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

驗證環(huán)境換量

2、Android Studio的安裝

首先我們需要下載Android Studio安裝包,這里推薦兩種方式下載

由于我的電腦已經(jīng)裝有Android Studio了,所以就不重復(fù)安裝了,這里推薦兩個網(wǎng)上的安裝教程,教程1教程2

安裝成功之后就是這樣:

安裝完成

二、開始Android的第一行代碼以及制作生日賀卡

在上面介紹了環(huán)境的安裝之后,開始使用Android Studio創(chuàng)建第一個項目。

  • 點擊Start a new Android Studio project創(chuàng)建項目
開始創(chuàng)建項目
  • 填寫項目名稱、包名,選擇項目在本地磁盤的位置(包名通常寫為com.xxxx,及公司域名倒著寫)
填寫項目名稱,選擇創(chuàng)建目錄
  • 選擇sdk的兼容版本,這個一般默認(rèn)即可,目前市場上4.0.3以上的手機(jī)占97.4%以上,所以我們最小兼容到4.0.3的版本即可,點擊Next
設(shè)置SDK版本
  • 這一步的話,Studio給我們提供了好多種模板,這里我們只需要選擇EmptyActivity,也就是空白的頁面即可,點擊Next
選擇Activity的模板
  • 為我們的主頁面命名,一般默認(rèn)為MainActivity,點擊Next
為主頁面命名
  • 這樣項目就創(chuàng)建好啦,這時候可以運(yùn)行一下看看效果了
創(chuàng)建項目成功
運(yùn)行結(jié)果

好了,項目建好并運(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)了。

最后來看一下效果圖:

生日賀卡效果圖
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容