helloworld

November 24, 2012 at 2:45 am Leave a comment

Trên màn hình Eclipse bạn chọn New project – android project – next.
Ở màn hình tiếp theo, bạn cần điền các thông số cho project của bạn bao gồm tên project, tên app, tên của activity đầu tiên, package chứa project , phiên bản thấp nhất của HĐH android có thể chạy được app của bạn.
Giả sử ta cần code 1 app HelloWorld với mục đích hiển thị dòng HelloWorld lên màn hình
Ta tạo theo hình sau:

Các bạn chú ý : ở phần chọn ver cho Android các bạn chọn 1.6 (cho dễ tương thích, mặc dù có 4.x rồi) và ở phần Min SDK thì gõ 4 vào –> Số 4 này lấy ở đâu : xin thưa là ở cái bảng Build Target ấy : android 1.6 sẽ ứng với API là 4.
Còn nữa : Android yêu cầu fai cho package của bạn vào các thư mục vì thế khi bạn điền tên package nên điền tên theo kiểu phân cấp folder1.folder2….NamePackage( như trong hình là mình điền myApp.helloWorld). Eclipse ko chấp nhận tên package chỉ trơ trọi cái tên đứng 1 mình, cái này để bạn quản lý dễ hơn. Khi vào thư mục chứa android data bạn sẽ thấy Eclipse tạo 1 cái 4der myApp cho bạn.

Sau khi điền các thông số, các bạn ấn finish. Vậy là ta vừa tạo 1 app HelloWorldText chạy được trên Android, tiếc là nó ko làm j cả. hehe.

Giờ dạo qua xem cái package của ta chứa những cái j nhé. Bạn nhìn sang cửa sổ bên trái, nơi chứa các package, click vào các dấu cộng để xem bên trong các thư mục là cái j nhé.

Đầu tiên là thư mục src, nơi chứa file code của project:

Cấu trúc của 1 file Android code là 1 file java, chỉ khác về các package, class và các method trong class thôi. Vì thế dễ hiểu vì sao các bạn nhìn thấy file Android code có đuôi là .java, và khi click vào đó thì các form, từ khóa giống như trong java. Nếu bạn nào đã học java thì thấy rất quen thuộc, còn nếu ai chưa học java thì cũng ko sao, ta sẽ đi từ đầu, nhìn thoáng qua cái phần code đó là được rồi.

Tiếp đến là file R.java trong thư mục gen. Chúng ta chưa cần biết đây là thư mục j và fle R.java để làm j. Chỉ cần xem code bên trong và để ý đến dòng comment của Android : “Day la file tu dong tao ra. Cam chinh sua duoi moi hinh thuc”😀 mình dịc ra là thế.Hehe

Tiếp đến là thư mục android 1.6. Thư mục này chứa các package hỗ trợ cho việc lập trình của bạn. Bỏ qua thư mục này

Cuối cùng là thư mục res. Thư mục này chứa các file tài nguyên, những file mà khi acitvity chạy sẽ gọi đến. Để ý đến thư mục con layout, trong thư mục này có file main.xml. File này gần giống như các file main của ngôn ngữ khác.
Mục đích của file main này, theo ngu ý của mình thì là để có thêm 1 cách viết code nữa cho app.

Lấy ví dụ như bạn muốn HelloWorld hiển thị 1 dòng là “Hello World, this is my text, bạn sẽ chèn đoạn code này vào file HelloWorldText.java

TextView HelloWorldTextView = new TextView(this);
        HelloWorldTextView.setText("Hello World, this is my TextView");

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

Tức là phần code của bạn sẽ là :

public class HelloAndroid extends Activity {
    /** Called when the activity is first created. */
    [MENTION=123941]override[/MENTION]
    public void onCreate(Bundle icicle) {
        super.onCreate(icicle);
        TextView HelloWorldTextView = new TextView(this);
        HelloWorldTextView.setText("Hello World, this is my TextView");
        setContentView(HelloWorldTextView);
    }
}

Giải thích 1 chút: đoạn code trên ta đã tạo ra 1 View dạng text (từ khóa là TextView) với tên gọi là HelloWorldTextView. Cú pháp câu lệnh tạo mới 1 textview (và sau này là các view khác nữa, như button, hay image…) có dạng

TypeView View_name = new TypeView();

Sau khi tạo mới bạn cần set thuộc tính cho View, trong ví dụ trên câu lệnh :

 HelloWorldTextView.setText("Hello World, this is my TextView");

dùng để set nội dung cho TextView. Ngoài ra sau này các bạn gặp các View khác thì sẽ có các thuộc tính khác.

Bạn có thể xem hình :

Sau khi code xong, bạn ấn ctrl+S và ctrl+f11 để chạy thử nhé. Nhớ đợi emulator khởi động, ko lại như mình nó đang khởi động ko biết tưởng code sai, tắt đi và ngồi debug thì khổ. Hì. Đấy là lần đầu tiên thôi. Lần sau ko ngớ ngẩn vậy nữa

Trên đây là cách thứ nhất để tạo 1 textView, đó là dựa vào code để design. Còn cách nữa là dựa vào file main.xml để tạo 1 textview như thế mà ko liên quan j đến phần code cả. Các bạn theo dõi tiếp ở phần tiếp theo

Tiếp tục nào. Quay lại với HelloWorld, phần trên ta đã tạo ra 1 app chạy dòng chữ “Hello World, this is my Text” bằng cách code vào file java. Giờ ta sẽ xem xét 1 cách mới là code vào file main.xml

Trước tiên xem qua cái file main.xml trước khi code cái nào :

 Cái này, thực tình em cũng chẳng biết nói sao nữa. . Giờ hãy làm như sau : Xóa phần code dùng để tạo TextView ở file HelloWorldText.java đi. Tức là xóa phần này đây ạ

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="textview"
    />
</LinearLayout>

Và quay sang file main để sửa cái thẻ TextView thành như sau

<TextView  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="Hello World, this is my Text"
    />

Save vào và ctrl F11 chạy thử xem nó có ra như lúc nãy ko, nếu ko ra thì chắc các bạn gõ sai đâu rồi,

Entry filed under: android. Tags: .

Cong cu cho android Xay dung giao dien don gian

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

Trackback this post  |  Subscribe to the comments via RSS Feed



%d bloggers like this: