jump to navigation

HelloWord trên Android 16/10/2010

Posted by hnb1988 in Android Development.
Tags:
trackback

Chào các bạn ! Trong vài năm gần đây có lẽ như phát triễn phần mềm trên lĩnh vực mobile khá mạnh mẽ (game, ứng dụng,…). Trong tương lai chắc hẵn các thiết bị di động sẽ thay thế cho máy tính.

Gần đây với sự xuất hiện của Android, một hệ điều hành mới mẽ cho Mobile nhưng khá mạnh mẽ trong cuộc chiến về hệ điều hành và khả năng viết ứng dụng cho mobile.

Chúng ta thử tìm hiểu xem một tí về Android. Bài đầu tiên khá đơn giản là cài đặt Toolkit và thử một xuất ra một dòng HellWord… 🙂

Cài đặt để lập trình ứng dụng cho Android, chúng ta cần công cụ như sau:

  • Chắc chắn là phải có Android toolkit của Google. (bạn có thể tải trên website http://developer.android.com/index.html)
  • Cài đặt máy ảo Java (các bạn nên cài bản 1.6 trở về sau)
  • Cài Eclipse

Có một điều chú ý khi các bạn cài đặt, nếu bạn cài trên hệ điều hành 64 bit thì bản SDK – Android và JDK-Java bạn cũng phải cài bản 64 bit.

Sau khi cài đặt xong các công cụ trên bạn phải add hêm plugin Android vào Eclipse bằng cách.

Mở cửa sổ Eclipse, làm theo các bước sau:

  • Select Help menu -> Install new software
  • Click the Available Software Sites link in the dialog that appears
  • Click the Add… button.
  • Enter the location of the Android Development Tools update site:
    https://dl-ssl.google.com/android/eclipse/

(Đẻ hiểu rõ thêm từng bước làm, cụ thể bạn tham khảo ở cuốn Hello Android)

Click OK để trở lại, Click Test Connection. Nếu có vấn đề gì về kết nối bạn có thể thay thế http cho https ở địa chỉ nhập ở trên thử xem.

Nếu tất cả ổn thì bạn OK, để tiếp tục quá trình cài đặt.🙂

Nếu quá trình cài đặt thành công, xong tất cả bạn Restart lại Eclipse trên thanh công cụ sẽ có biểu tượng của Android là ổn rồi.

 

Biểu tượng Android trên thanh công cụ

Biểu tượng Android trên thanh công cụ

 

Giờ công việc tiếp theo có lẽ chúng ta nên tạo một máy ảo giả lập phone (Emulator). Bạn làm như sau:

  • Click vào biểu tượng Android trên thanh công cụ
  • Chọn Virtual Devices -> New
  • Sau đó nhập tên máy ảo,  Target (ver Android)

Bạn xem hình sau:

 

Tạo Emulator

Tạo Emulator

 

 

Tạo Emulator

Tạo Emulator

 

Xong create AVD để tạo Emulator thôi. Như thế là bước này xong.

Rồi tới đây mọi việc cấu hình để bắt đầu bước vào làm việc là xong xuôi rồi. Giờ chúng ta bắt đầu với project nhỏ đầu tiên là xuất ra HelloWorld lên Android 🙂

———————————————————————————————–

Bước 1: Tạo Project Android

Eclipse: Menu File -> New -> Project -> Project Android

 

Tạo project Android

Tạo project Android

 

Điền đầy đủ thông tin cho project

 

Điền đầy đủ thông tin project

Điền đầy đủ thông tin project

 

Ở bước này bạn chú ý:

Android yêu cầu phải cho package của bạn vào các thư mục nên khi bạn đặt  tên package nên điền tên theo kiểu phân cấp folder1.folder2….PackageName. Ví dụ mình đặt myApp.HelloWorld (bạn xem hình dưới)

 

Đặt tên package

Đặt tên package

 

Vậy là việc tạo project xong. Sau khi điền các thông số, các bạn ấn finish. Chúng ta vừa tạo một project HelloWorld chạy được trên Android.

Bước 2: Cấu trúc thư mục & Run

  • Một project Android cơ bản có nhưng cấp thư mục sau, nhìn qua cửa sổ bên trái nơi chưa package ta thấy
  • Đầu tiên là thư mục scr, nơi chứa các file code của project. File code cho Android cũng là java
  • Thư mục tiếp theo là gen, chưa file R.java tự động tạo ra.
  • Thư mục Android1.6 chứa các package hỗ trợ cho việc lập trình
  • Thư mục res, chứa các tài nguyên (images, audio,…) Trong đó có thư mục con layout, chúng ta hoàn toàn thiết kế GUI dễ dàng hơn với những file xml trong thư mục  này. Sau này chúng ta tìm hiểu sau.

 

Giao diện cửa sổ làm việc

Giao diện cửa sổ làm việc

 

Giờ nếu ta chạy Emulator lên thì vẫn xuất ra cho chúng ta HelloWorld, tại vì trong quá trình chúng ta tạo project đã tạo sẵn dòng Text đó rồi. Nếu bạn nhìn ở hình trên thì thấy chuỗi string đang mang giá trị  “Hello World, HelloWord!”

Để chạy project này bằng Emulator, bạn click chuột  phải vào project chọn Run As -> Android App

(Lưu ý Emulator chạy khởi động khá lâu đó nên bạn phải chờ tí chứ không phải do lỗi mà mở lên tắt xuống như mình🙂 )

Sau khi chạy và chờ đợi chúng ta có kết quả trước tiên như sau:

HelloWorld trên Android

Bước 3: Giờ chúng thử code để xuất ra HelloWorld

Chúng ta sẽ tạo TextView hiển thị dòng chữ : “Hello World, Wellcome to Android – Demo with TextView”

Trong thư mục src, tìm tới file HelloWorld.java, bạn chèn đoạn code này vào

TextView HelloWorldTextView = new TextView(this);
        HelloWorldTextView.setText("Hello World, Wellcome to Android
                                          - Demo with TextView");

và đổi setContentView(R.layout.main) thành setContentView(HelloWorldTextView)

Như vậy đoạn code của chúng ta sẽ như sau:

public class HelloWord extends Activity {
 /** Called when the activity is first created. */

 @Override

 public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         TextView HelloWorldTextView = new TextView(this);
         HelloWorldTextView.setText("Hello World, Wellcome to Android
                                                 - Demo with TextView");
         setContentView(HelloWorldTextView);
     }
}

Như vậy là xong rồi đó các bạn, giờ run thì bạn xem kết quả như thế nào !

Kết quả cuối cùng như sau:

 

Kết quả HelloWorld

Kết quả HelloWorld

 

Như thế là chúng ta đã xong, bài viết sau tôi và các bạn cùng tìm hiểu về giao lập giao diện và tìm hiểu thư viện của Android.

Chúc các bạn vui vẻ !

———————————————————————————————-

Bạn có thể tìm một số tài liệu về Android như :

Android Application Development

Beginning Android 2

Hello Android

Pro Android.

———————————————————————————————-

bloghnb

// // //

Comments»

1. Tạo một state mới trên Android « Blog IT & Life - 20/11/2010

[…] HelloWrord trên Android […]

2. Lập trình Android – Tạo menu trên Android (Adding Menu – Adding Setting) « Blog IT & Life - 15/01/2011

[…] Hello trên Android […]

3. conan - 15/01/2011

anh Bang ơi em là theo hướng dẫn ko thiếu 1 bước nào cả và em đã làm đi làm lại rất nhiều lần nhưng vẫn ko được ạ nó cứ báo lỗi “you project contains error(s) please fix them before running your application”

còn đây là code ạ
package myapp.helloworld2;

import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;
public class helloworld2 extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
TextView ha = new TextView(this);
ha.setText(“hello anh Hanh”);
setContentView(ha);
}
}
anh xem giùm em với.
cảm ơn anh nhiều

hnb1988 - 15/01/2011

Giờ em kiểm tra những cái này nha.

Thứ nhất em xem eclipse của em mở bao nhiêu projects về android. Có thể project đang làm không lỗi nhưng do tác động những project khác. Nếu có đóng bớt các project kia lại cho chắc.

Thứ 2 kiểm tra thử có dấu đỏ báo lỗi ở file nào không. (dấu x màu đỏ).

Nếu 2 thứ trên OK hết em vào menu project -> clean rồi build lại nha.

Có gì không được nữa thì em gửi source qua anh kiểm tra thử ha.

Chúc em thành công!

4. Trinh phu luc - 16/02/2011

Đúng vậy mình làm theo bài viết của bạn cũng bị lỗi như vậy. Mình đã sửa nó lại như sau: Nó báo lỗi ở file AndroidManifest.xml. Trong Manifest Extras bạn xóa cái Uses SDK di thì sẽ chạy được. Nó sẽ tự động tạo ra một Uses SDK khác mà không có vision. Có lẻ do luc tạo project Android điền vision là bao nhiêu vào thì báo lổi. Híc Mình không biết nhiều lém cũng đang tự mò thôi

5. ptung - 04/09/2011

Mình làm y chang bạn, nhưng đến khi chuột phải, run as Android Application thì nó không hiện ra hello word, mà hiện ra giao diện của màn hình di động? hic

hnb1988 - 04/09/2011

Ah, bạn lưu ý là nếu bạn run lên chạy không có lỗi thì 90% là ok rồi, còn có thể là lỗi logic thôi.

Trường hợp của bạn có thể emulator khởi động lâu đó bạn, mất thời gian 1,2 phút đó… bạn muốn kiểm tra thực sự chương trình đã chạy lên chưa thì ở cửa sổ console bạn nhìn log xem ứng dụng bạn install success chưa ha.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: