Hướng dẫn tạo ứng dụng Android đầu tiên

Thứ hai - 18/07/2016 21:49
Hướng dẫn cài đặt Android SDK và Eclipse

Ngôn ngữ Java được Google chọn để phát triển ứng dụng cho Android và Google hổ trợ plugin cho Eclipse IDE để trợ giúp cho việc phát triển ứng dụng.
Hướng dẫn tạo ứng dụng Android đầu tiên

Bài này hướng dẫn việc thiết lập Android SDK và Eclipse để lập trình phát triển ứng dụng cho Android.

1. Các công cụ cần thiết và link download:

– Java SDK: http://www.oracle.com/technetwork/java/javase/downloads/index.html

– Eclipse IDE: http://www.eclipse.org/downloads/

– Android SDK for Existing IDE: http://dl.google.com/android/installer_r22.0.5-windows.exe

+ Google có hổ trợ sẳn phiên bản Eclipse có tích hợp với Android SDK và ADT Plugin, có thể download bộ này cho phiên bản 32bit từ đây, 64 bit từ đây.

– ADT Plugin for Eclipse: http://dl.google.com/android/ADT-22.0.5.zip

+ Bản này là download về và cài đặt offline.

+ Chú ý là số hiệu của phiên bản ADT và Android SDK phải tương ứng với nhau.

+ Link download cung cấp ở đây là phiên bản mới nhất tới thời điểm hiện tại (08/2013).

2. Cài đặt:

– Cài đặt JDK (nếu máy chưa cài sẳn).

– Cài đặt Eclipse IDE: Phiên bản Eclipse download được ở đây là tập tin nén .zip. Chúng ta đơn giản chỉ giải nén nó ra thôi.

– Cài đặt Android SDK. Hoàn thành, chạy SDK Manager.exe để tải về phiên bản SDK hổ trợ cho việc phát triển ứng dụng.

SNAGHTML310a821

+ Lưu ý là thời gian tải có thể khá lâu (khoảng chừng hơn 1h, phụ thuộc vào tốc độ đường truyền).

– Cài đặt ADT Plugin: Chạy Eclipse lên, chọn Help – Install New Software…, hộp thoại Install hiện ra.

Trong hộp thoại Install, chọn nút Add nằm ở gần góc trên bên trái. Hộp thoại Add Repository hiện ra.

+ Trường hợp cài trực tiếp, cần phải có kết nối Internet: Trong hộp thoại Add Repository, mục Name nhập vào: ADT Plugin, mục Location nhập vào:

http://dl-ssl.google.com/android/eclipse/

SNAGHTML3202c7b

+ Trường hợp cài offline, sử dụng tập tin ADT Plugin đã tải ở bước trên: Trong hộp thoại Add Repository, mục Name nhập vào: ADT Plugin, sau đó, chọn nút Archive… nằm ở cạnh bên phải. Hộp thoại chọn file hiện ra, chọn tập tin ADT-22.0.5.zip đã tải về ở bước trên.

SNAGHTML324ad21

+ Sau đó, chọn OK, sẽ quay trở lại màn hình của hộp thoại Install, bạn hãy chọn hết các mục có sẳn như hình dưới

image

+ Quá trình cài đặt có thể chiếm khoảng 10 phút – 30 phút.

– Sau khi cài đặt xong ADT Plugin, chúng ta quay trở lại Eclipse IDE. Trong Eclipse IDE, chọn menu Window – Preferences. Hộp thoại Preferences hiện ra.

Trong hộp thoại Preferences, chọn mục Android, chỉnh đường dẫn trong SDK Location về thư mục của Android SDK đã cài ở bước trên.

SNAGHTML34695ea

Như vậy, chúng ta đã cài đặt xong các phần mềm cần thiết để hổ trợ cho việc phát triển ứng dụng cho Android.

 

Tạo ứng dụng Android đầu tiên – Hello world

 

Ở phần trên chúng ta đã biết cách cài đặt và thiết lập môi trường cho việc tạo ứng dụng Android. Trong bài viết này, chúng ta sẽ cùng nhau tạo ra ứng dụng Android đầu tiên, hiển thị chuỗi “Ứng dụng Android đầu tiên của tôi” ra màn hình.

1. Tạo ứng dụng Android trong Eclipse:

– Trong Eclipse, chọn File – New – Android Application Project

SNAGHTML100cbd18

Trong màn hình New Android Application, nhập thông tin giống như bên dưới

SNAGHTML1014f400

Application Name: tên của ứng dụng

Project Name: tên của project

Package Name: tên của package

Minimum Required SDK: phiên bản API nhỏ nhất mà ứng dụng yêu cầu để chạy, nó sẽ chặn người dùng sử dụng phiên bản nhỏ hơn

Target SDK: phiên bản API mà ứng dụng được thiết kế để chạy. Ứng dụng sẽ chạy ứng với API từ Minimum Required SDK đến Target SDK

Compile With: phiên bản API dùng để biên dịch ứng dụng

Theme: chọn theme dùng với ứng dụng

Xong, chọn nút Next để qua màn hình kế tiếp

SNAGHTML1035fc4d

Trong màn hình này

Nút chọn Create custom launcher icon: cho phép thay đổi icon của ứng dụng

Nút chọn Create activity: tạo một activity cho ứng dụng

Nút chọn Mark thi project as a library: tạo project này thành thư viện, không phải là ứng dụng

Nút chọn Create Project in a Workspace: lưu project trong workspace của Eclipse

Xong, chọn nút Next để qua màn hình kế tiếp

SNAGHTML103b2f1c

Trong màn hình này, chúng ta sẽ chọn icon cho ứng dụng. Chúng ta có thể chọn icon từ một hình có sẳn (dạng .png), từ Clipart hoặc từ bộ font chữ.

Xong, chọn nút Next để qua màn hình kế tiếp

SNAGHTML103f26cc

Trong màn hình này, nút chọn Create Activity cho phép tạo ra một Activity sẳn cho ứng dụng, chúng ta có thể lựa chọn:

– Blank Activity: Activity trống, chưa có gì hết

– Fullscreen Activity: Activity khi chạy lên sẽ chiếm toàn màn hình

– Master/Detail Flow: Activity dạn form Master/Detail

Trong ví dụ này, chúng ta sẽ chọn Blank Activity

Xong, chọn nút Next để qua màn hình kế tiếp

SNAGHTML1043477f

Trong màn hình này:

– Activity Name: tên của Activity sẽ được tao ra khi hoàn thành Wizard

– Layout Name: tên của tập tin xml quản lý giao diện tương ứng với Activity

– Navigation Type: chọn None – loại navigation sẽ dùng trong ứng dụng

Xong, chọn nút Finish để hoàn thành Wizard, chúng ta sẽ quay trở lại môi trường Eclipse

image

Trong màn hình này

– Graphical Layout (1): chúng ta có thể thiết kế giao diện của ứng dụng Android bằng cách kéo thả, chọn các control tương ứng ở cửa sổ bên trái

– activity_main.xml (2): chúng ta sẽ tạo giao diện của ứng dụng bằng cách mô tả trực tiếp trong tập tin xml.

+ Chúng ta sẽ chọn cách này để thiết kế giao diện cho ứng dụng Android

image

 

Trong màn hình activity_main.xml

– thẻ <TextView> có chức năng hiển thị 1 label

– thẻ con <android:text> mô tả chuỗi sẽ hiển thị

– chuỗi “@string/hello_world” mô tả chuỗi sẽ hiển thị được khai báo trong strings.xml

image

Thay đổi chuỗi “Hello world!” thành “Ứng dụng Android đầu tiên của tôi”. Xong lưu lại tập tin này (phím tắt Ctrl + S để lưu)

Đến đây, chúng ta đã hoàn thành việc tạo ứng dụng Android đầu tay. Bây giờ chúng ta sẽ chạy thử ứng dụng HelloWorld.

Trước khi chạy thử ứng dụng, chúng ta cần phải thiết lập AVD, nếu bạn chưa biết cách thiết lập AVD, tham khảo bài viết này.

image

Trong cửa sổ Workspace, click chuột phải vào tên của project “HelloWorld”

image

Trong context menu, chọn Run As – Android Application

SNAGHTML10686ae2

AVD sẽ khởi động và cài đặt chương trình HelloWorld vào, bây giờ, chúng ta mở khóa ứng dụng (bấm đè chuột trái vào hình cái khóa và kéo ra ngoài)

Sau khi mở khóa xong, ứng dụng HelloWorld sẽ chạy và hiển thị kết quả

SNAGHTML106ae41f
 

Tổng số điểm của bài viết là: 0 trong 0 đánh giá

Click để đánh giá bài viết

  Ý kiến bạn đọc

Mã bảo mật   
TIN XEM NHIỀU
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây