跳至主要內容

[教學] 不管你幾歲,都能開發 Android App 2

拖了很久,才完成第二篇 XD
前言有點懶惰所以沒寫,哈哈

在這裡會說明如何安裝開發環境,開始寫第一個範例,並且在模擬器中執行。 讓我們開始吧!

 

如果有看過第一篇教學文,可以直接跳過下面安裝的步驟。下面安裝環境的步驟,算是目前最新的。 Android Developer Toole是Google整合的工具,就Android開發而言是一套完整的開發IDE。下載後解開壓縮檔,基本上就完成開發環境了!

相較於過去的安裝方式簡單很多,讓建置開發環境過程更加單純、容易。

 

環境安裝

首先請到 Android Dev官網下載 ADT(Android Developer Tools)工具,並且解壓縮出來。

Android Developers 官方網站,點擊右側下載 ADT Bundle
Android dev adt

勾選同意後點擊下載
Android dev adt

大約448MB,下載完成後請解壓縮出來到適合的地方
Android dev adt

打開資料夾後可以發現裡面有 eclipse 和 sdk資料夾
Android dev adt

進入eclipse資料夾,可以發現 Eclipse,你可能會注意到在 Windows 下為 Eclipse.exe
Android dev adt

點擊執行後請選擇儲存專案的地方
Android dev adt

Eclipse 載入中畫面,依據不同電腦時間不同
Android dev adt

Eclipse 歡迎畫面,可以忽略
Android dev adt

歡迎來到 Android 的開發環境,還期待下一步安裝嗎?
Android dev adt

 

新增專案 Hello World

 

讓我們直接開始 Android 開發吧! 首先必須先建立一個專案來開始開發,在下面會介紹如何新建專案、擺放按鈕,最後是撰寫程式。對於曾經寫過程式的人可能覺得開發環境不是很熟悉,程式卻很容易。

建議直接使用英文介面,在 File –> New –> Android Application Project
Android dev adt

專案名稱,在這裡我們用 HelloWorld,未來在開發新專案,你可以自己命名專案。
Android dev adt

好了,到這裡基本上 Hello World專案已經完成,是一個可以直接執行的專案
Android dev adt

 

放置第一個元件 Button

 

在左側可以看到 Button,用拖曳的方式拖到中間模擬畫面中
Android dev adt
Android dev adt

在下方分頁中,選擇activity_main.xml,並在 <Button 下加入 android:onClick=”button1″
Android dev adt

 

    <Button
        android:onClick="button1"
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView1"
        android:layout_below="@+id/textView1"
        android:layout_marginTop="31dp"
        android:text="Button" />

 

 

 

準備完成,撰寫程式

 

在左邊專案中,選擇編輯 src –> com.example.helloworld –> MainActivity.java
Android dev adt

讓我們使用 TextView,請加入 TextView tv1 並且使用FindViewById來取得button元件

package com.example.helloworld;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.widget.TextView;

public class MainActivity extends Activity {
	TextView tv1;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		tv1 = (TextView) findViewById(R.id.textView1);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

Android dev adt

 

 

 

外面加入點擊Button後的動作,讓字串換成Hello

	public void button1(View v) {
		tv1.setText("Hello");
	}

Android dev adt

 

建立模擬器

 

程式建立完成後,讓我們在模擬器中查看結果。
點擊 Window –> Android Virtual Device Manager 來創建模擬器
Android dev adt

點擊右側 New 新增模擬器
Android dev adt

AVD Name 可以自取,在這裡使用 mobile43,並參考其他欄位設定
Android dev adt

建立好模擬器後,右側點擊Start,點擊Launch啟動模擬器
Android dev adt

登愣,模擬器出現! 啟動時間依不同電腦速度不同
Android dev adt

 

執行專案到模擬器

 

把寫好的專案放到模擬器看看,在專案中點擊上方按鈕,第一次執行會有這個畫面,選擇 Android Application
Android dev adt

模擬器看到程式結果
Android dev adt

讓Button有其他動作

還記得剛剛改的字串嗎? 修改程式變成下面

	public void button1(View v) {
		tv1.setText("Hello");
	}

Android dev adt

在模擬器中點擊Button後,會發現字串變了!
Android dev adt

以此類推,你可以換成你想要的字串,甚至是中文

 

public class MainActivity extends Activity {
	TextView tv1;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		tv1 = (TextView) findViewById(R.id.textView1);
	}

	public void button1(View v) {
		tv1.setText("Hello, I am Tim.");
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

Android dev adt

Android dev adt

分類:教學文章

31 則留言

  1. newbie newbie

    為什麼run as androids application 後沒反應~”~明明按步驟做了 而且也沒顯示errors

    小俊回應:
    小俊想有可能是在 xml檔案下吧

    試試對專案按右鍵再run as application

  2. SAW SAW

    請問一下 我想要把JAVA程式改APP 請問有這個可能嗎? (該程式為聊天軟體 使用IP連線 所以需要主機開啟)

    小俊回應:
    是有可能的

  3. l510308 l510308

    http://i.imgur.com/FbUexMK.png
    小俊哥哥您好
    我找不到Android Application Project的選項
    可以提示一下嗎?

    小俊回應:
    有些版本的 IDE 會沒有那個選項,我也不知道為什麼。

    如果沒有就直接進入 Project 就對了 XD

  4. l510308 l510308

    我找到了
    在Project裡面
    不好意思打擾了!

    小俊回應:
    恭喜你 😀

  5. 想請問你 想請問你

    就是這些是你幾學的嗎?還是您專攻這方面的領域呢?
    我想從頭開始學eclipse,學習寫一個APP,要如何去學習呢?
    自己買書讀嗎?還是補習?那要從JAVA開始學嗎?還是??
    請教導我!

    小俊回應:
    某個程度上來說算是自己學的,也是自己看書或和別人交流。

    建議可以先買書來自己看,然後找同學討論之類的。 這mail是南台嗎? XD

  6. 想請問你 想請問你

    哈哈哈哈對的南台哈哈!!莫非你也是!?
    我想開始學做APP,那建議我從哪邊開始好呢?
    買哪類相關的書??
    還是網路哪邊可以學習呢??

    小俊回應:
    我是另一間,哈哈
    可以上博客來找找你想看的書,或是去北門路翻閱一下也可以。 推薦可以看的書 http://goo.gl/zSgBOv

    網路上就是靠 google慢慢看這樣,可能找幾個同學一起學習會快一點。

  7. 想請問你 想請問你

    哈哈哪間方便說嗎??
    那可以留一下你的信箱或者聯絡方式,以後有問題可以請教你嗎??
    因為我們專題也會用到做出一個APP!
    而且現在做一個APP對一個大學生來講簡直是不太可能的事情!!
    那現在用Eclipse軟體做的APP有書嗎?
    我看網路上很多人都用不同的軟體耶!!

    小俊回應:
    你們是比較好的那間學校 😛
    如果是資工背景,寫程式應該還可以應付。 目前市面上 Android開發的書非常的多,大部分都會用 Eclipse為主,如果進階的需求才會用其他工具開發。

  8. 黑

    你好~我想請問一下
    想要開發一個ANDROID的輸入法.該從何下手~

    謝謝你打這篇 讓我這個從未使用過JAVA的新手也可以做出一個小小APP
    感謝您~

    小俊回應:
    你好 😀 開發輸入法感覺有小小工程,可能還是要接觸一點 java 會更好實作。

  9. 明明按步驟做了讓我們使用 TextView,請加入 TextView tv1 並且使用FindViewById來取得button元件

    有X不可加入 TextView tv1 有X是不是正常嗎
    有的元件冇左打你教學元件入去無法 模擬器出現

    小俊回應:
    可以檢查看看 layout.xml 裡面是否有 TextView,然後使用 findViewById 取得元件的id

  10. tiki tiki

    小弟開不都android virtual device(avd)求解?按ok沒有反應

    小俊回應:
    能稍微詳細敘述狀況嗎?或是出現什麼畫面

  11. 想找你 想找你

    小俊有Android開發問題請問你,我Android開發有問題有片比你看!!你有電子信箱?
    我電子信箱gsooaqqpr@gmail.com
    我電子信箱gjhkn@yahoo.com.hk

    小俊回應:
    jpress.tw at gmail.com 小俊沒有很強,希望能幫助到
    是說香港的有些文字小俊看不太懂 XD

  12. 橘子 橘子

    不好意思
    能請您詳述(R.id.textView1)的部分嗎?
    我在eclipse使用
    但是都無法完成

    小俊回應:
    主要是對應到 layout.xml裡面的button的id,查看你的layout.xml的 TextView id 是不是 textView1

  13. setrrr setrrr

    俊哥我看完了您的第一篇及第二篇文章 想請問一下我在新增模擬器的部分
    我是操作這個步驟「點擊右側 New 新增模擬器」時
    相關欄位輸入完畢後 我要點選OK 完全沒有反應也沒有成功輸入進去的樣子

    請問是不是我有哪部分細節沒有注意到 我是在MAC底下執行

    小俊回應:
    有個圖什麼的嗎

  14. 幸運龍 幸運龍

    以上範例及教學, 在 2014/3/22 版的 ADT 實作, 失效了!
    按圖一步一步作出不來, 期待作者大大的改版!

  15. 幸運龍 幸運龍

    此範例在 2014/03/22 的 ADT, 按圖學習無法做出, 期待大大的改版!

    小俊回應:
    是阿,有改變一些東西.. 希望有時間寫 XD

  16. s8514012 s8514012

    不好意思,我在弄清楚究竟基本該裝的有什麼
    請問.為何在這裡沒寫到需載phonegap 做媒介?
    還是在這個教學版本裡的ADT 已經含phonegap 了?
    (如問題有太笨的地方煩請不吝指點..謝謝><)

    小俊回應:
    原生的 Android開發 是不包含 PhoneGap喔~
    PhoneGap 的出現是為了開發 “跨平台”的應用程式,只要開發一個專案即可生出 iOS, Android, Windows Phone等的應用程式這樣。

  17. 慎

    不好意思你用的版本是哪一版的?
    最近剛接觸App抓到的eclipse是最新版的4.3.2
    因為這版本是這幾天才出來的手邊課本用的eclipse版本沒這麼新
    網路上也沒新版的教學,學起來實在是有些難度

    小俊回應:
    小俊目前的 ADT版本 為 v22.6.2

  18. 茄子 茄子

    請問一下開發 剪輯音樂並加上專輯封面上傳到社群網站上的app很難嗎
    謝謝><

    小俊回應:
    要看你的技術背景知識有多少喔,有一點技術背景的應該還好

  19. 布衣 布衣

    如果電腦內沒有 Java 的 JDK,是不是還要去 Java 官網下載 JDK?

    小俊回應:
    是的,沒錯~

  20. 說謊蛋糕 說謊蛋糕

    圖都斷連了 0口0

    小俊回應:
    感謝回報… 已經好了 XDDD

  21. 請問有推薦的書嗎

    小俊回應:
    安卓書 或 Java書市面上蠻多的~
    看你的網站感覺程式很厲害阿 XD

  22. 小邱 小邱

    建立模擬器出現
    no cpu/abi system image available for this target
    怎麼處理??

    小俊回應:
    需要下載image,x86或ARM都可以

  23. 台南路過 台南路過

    俊哥,有第三篇嗎?我好期待喔

    小俊回應:
    已經偷懶到不行 XD

  24. 影

    你好~我有eclipse的問題想請教你,可以嗎?
    因為我還算是初學者,所以不是很會~
    請問有你電子信箱嗎?
    我電子信箱shadow0925010@yahoo.com.tw

    小俊回應:
    在這邊討論,也許能解決部分問題 😀

  25. Logan Logan

    請問我在開啟eclipse時 系統彈出了一個視窗說:Java was started but retumed exit code=13 是什麼問題? 謝謝:)

    小俊回應:
    在這之前,環境如何建立的呢?

  26. 不好意思> 不好意思>

    您好 我是最近開始想自學寫APP的
    請問string是可以儲存中文的嗎?
    我輸入中文後都無法顯示>< (模擬畫面無法出現,下方顯示有錯誤)
    可是在網路上有看到其他教學string打中文是可以成功的
    請問您知道這可能哪些問題嗎?

    小俊回應:
    String可以儲存中文,可以寫出錯誤或截圖嗎?

  27. 阿彭 阿彭

    想請問一下,我eclipse是灌在Linux Ubuntu下,可是我開Android Project後,src裡面沒有東西,沒有main.xml,也沒有給我拉Button的框架,請問我是漏了甚麼步驟還是少灌甚麼嗎?感恩!

    小俊回應:
    也許環境髒掉了? 小俊沒有遇過的說

  28. ANDOW ANDOW

    我想問一下 DDMS如何使用?

  29. 維維 維維

    筆者您好我想請問一下寫一個 偵測藍芽裝置 RSSI的軟體請問我該如何下手

  30. tommy tommy

    可以交過朋友嗎?我有一個app的意念,到現在為止也沒有在架上有相同功效的app下載,這是一個商機,可以合作賺錢嗎?

  31. 初雪 初雪

    上面說Java was started but retumed exit code=13的應該是因為安裝了java更新,以至於eclipse用原本jdk或jre的path會有問題
    解決方法:去控制台解安裝新的java更新(簡單)或是調整eclipse的path(複雜)

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

由 Compete Themes 設計的 Author 佈景主題