[Android教學]使用Android Studio製作第一個APP

最後更新於 2021 年 9 月 15 日

Android Studio是一個為Android平台開發程式的整合式開發環境。可供開發者免費使用。本篇我們將使用Android Studio開發第一個Android APP。

軟體名稱Android Studio
編寫語言Java、Kotlin
作業系統Windows, macOS, Linux
開發者Google、JetBrains
官方網站https://developer.android.com/studio

下載及安裝 android studio

首先至官網下載android studio。

9LA68zN [Android教學]使用Android Studio製作第一個APP
rphTzsb [Android教學]使用Android Studio製作第一個APP

其實官網都有說明文檔,英文讀起來也並不費力,建議初學者可以從官方文檔開始研究。官方文檔: https://developer.android.com/docs

建立Project

打開Android Studio新建一個project,選擇空白的模板。

[Android教學]使用Android Studio製作第一個APP

# 設定Project
Name = Project名稱
Save location = 專案儲存的位置
Minimum SDK = Android API等級,看有沒有特別需求,如果沒有建議是選擇API 26(含)以上的API等級,因為低於26的Android應用可能面臨被各大應用商店下架的風險。

NL9jish [Android教學]使用Android Studio製作第一個APP

Project 結構

在Android Studio左側的Project窗格會以樹狀結構列出專案資料夾中的檔案,但是因為專案內的檔案太多,所以Project窗格特別提供多種檢視方式,期他不常用的檔案會隱藏起來。

你可以點選左側Project窗格,上方點開下拉選單調整到Project模式

image 47 [Android教學]使用Android Studio製作第一個APP

Android把程式設計分為兩部分: 1.程式視覺設計(用XML描述) 2.程式碼的撰寫(使用JAVA程式語言),所以MainActivity.java為程式邏輯部分;activity_main.xml為使用者介面(UI)部分。

image 48 [Android教學]使用Android Studio製作第一個APP

現階段來說我們只需要知道MainActivity.java與activity_main.xml的用處即可。

建立模擬器

專案建立成功之後,在導航欄找到「Tools」-「AVD Manager」。

[Android教學]使用Android Studio製作第一個APP

選擇「Create Virtual Device..」新增模擬器設備。

mhcialQ [Android教學]使用Android Studio製作第一個APP

選擇設備的規格,如果找不到可以點「New Hardware Profile」新增一個。

fuWEwwn [Android教學]使用Android Studio製作第一個APP

主要設定設備名稱、設定屏幕大小、記憶體大小。

y8l5tof [Android教學]使用Android Studio製作第一個APP

選擇一個System Image,可根據安卓版本做選擇。

K3DVjTt [Android教學]使用Android Studio製作第一個APP

該裝的都裝好了,模擬器也設定好了,就可以點工具欄的 RUN [Shift + F10]。

5RGJycA [Android教學]使用Android Studio製作第一個APP

如果一切正常,模擬器就會正常開啟。

AnRJ1gm [Android教學]使用Android Studio製作第一個APP

執行的同時也可以進行修改,只要再點一次Run就可以重啟APP。

A4eoXEN [Android教學]使用Android Studio製作第一個APP

第一支APP

注意

一個手機畫面是由XML檔案描述構成的,這個檔案稱為「Layout」畫面配置檔,統一放在專案下的「res/layout/」資料夾下,而 activity_main.xml 是APP的第一個畫面。

打開 res - layout - activity_main.xml,在畫面中拖入ButtonTextView,這支APP主要目的是點擊按鈕後可以改變文字以及文字大小。

要注意的是,設定物件的位置需要在右邊屬性欄位找到Layout並設定Constraint Widget,新增上下左右四個位置,如果不設定,執行APP後物件就會在預設的位置(左上角)。

VN9BAbr [Android教學]使用Android Studio製作第一個APP

約束佈局

這個Constraint Widget是什麼?為什麼要特別去設定它呢?

如果不去設定,你會發現所有元件會擠成一坨:

U7EJK3A [Android教學]使用Android Studio製作第一個APP

左下角元件樹也會有紅色驚嘆號告知你「This view is not constrained.」。也就是說這幾個元件並沒有被”約束”,所以會跑到(0,0)的位置,你必須約束它們。

KaW1I1e [Android教學]使用Android Studio製作第一個APP
image 45 [Android教學]使用Android Studio製作第一個APP

你也可以在上方找到一個 魔術棒 的圖示直接自動約束所有物件,但這並不是最優解,有時候會有偏差。

YmAqYFA [Android教學]使用Android Studio製作第一個APP

我本人是習慣選中物件後在右側Constraint Widget處點 藍色+號 來約束該物件。

0NQRls2 [Android教學]使用Android Studio製作第一個APP

左下角Component Tree可以看到目前物件的資訊,我們可以利用這些物件的名稱來做簡易的APP。

hJzpgoT [Android教學]使用Android Studio製作第一個APP

打開 java – MainActivity.java
(建議閱讀:Activity是什麼? Java類別,沒有它就沒有互動了)

1.先宣告變數

private TextView textView;
private Button button;

2.獲得物件的值給宣告的變數

textView = (textView)findViewById(R.id.textView);
Button button (Button)findViewById(R.id.button);

3.新增一個按鈕點擊事件

button.setOnClickListener(new Button.OnClickListener(){
            @Override
            public void onClick(View v) {
                textView.setText("你好!");
            }
        });
pyF9qVP [Android教學]使用Android Studio製作第一個APP

效果如下:當點擊按鈕後,”Start” 會變成 “歡迎光臨!!!”

MjZdCJJ [Android教學]使用Android Studio製作第一個APP
7yuhdZB [Android教學]使用Android Studio製作第一個APP

至於這些程式碼的用法以及意義,我相信各位都可以自行領悟的,如果還是不了解,可以參考官方文件:TextViewButton

自動匯入所需套件

寫程式時時常因為沒有匯入相關套件而出現錯誤,一個個去import也很麻煩,為了能更方便可以設定Android Studio替你自動import。

File -> Settings

Mms0Tiv [Android教學]使用Android Studio製作第一個APP

Editor -> General -> Auto Import 將Inset imports on paster改為All,其他按照個人需求設定。

49UA7vh [Android教學]使用Android Studio製作第一個APP

名詞科普

SDK(Software Development Kit)

軟體開發套件,包含開發軟體所需的各種工具程式、函式庫等等,以供程式設計師用來開發應用程式。

API(Application Programming Interface)

應用程式介面,一般都是指開發特定軟體所需的函式庫。

[推薦延伸閱讀]
存取資源
[Android]Android筆記-基本概念

4e52d54f6bc42abb41d26eb5b0df6517?s=250&d=wavatar&r=g [Android教學]使用Android Studio製作第一個APP
5 1 評分
Article Rating
訂閱
通知
guest
0 Comments
在線反饋
查看所有評論