Android mo dau

Hướng dẫn - Bài thực hành 02

HLV Solution

Author: HLV Solution http://www.hlvsolution.com

Ôn Nhật Minh – Nguyễn Kim Long 2

Bước 1: Tạo Android project

- Vào Menu File > New > Project… > Android > Android Project, click Next

hoặc vào Menu File > New > Android Project (Nếu có)

- Tạo một project mới có tên là HelloWorld, click Next



- Chọn 1 Target (Phiên bản Android) mà bạn muốn phát triển ứng dụng, click Next

- Gõ Package Name ở cửa sổ tiếp theo (phải gồm ít nhất 2 chuỗi, ngăn cách bởi dấu “.”), click

Finish



- Khi đó ở khung bên trái màn hình làm việc của Eclipse sẽ có project vừa tạo



Bước 2: Tạo Activity mặc định

- Nếu như ở bước gõ Package Name, ta có check chọn ở phần “Create Activity” thì bỏ qua bước

này

- Nếu chưa có Activity tên là HelloWorldActivity như hình dưới thì tạo mới activity theo 2 bước

dưới



2.1 Tạo file Activity mới

- Click chuột phải vào Package Name (com.minh), chọn New > Class, sẽ xuất hiện cửa sổ như bên

dưới

- Gõ thông tin vào, sau đó click Finish

2.2 Chỉnh sửa file Activity

- Như ta thấy, file Activity có tên là HelloWorldActivity vừa tạo đơn thuần là một file Class của

Java, ta chỉnh sửa lại như sau để biến nó thành Activity



Bước 3: Tạo Layout cho Activity nói trên - Mặc định thì file Layout main.xml sẽ được tạo, ta sẽ sử dụng file này để kết nối với Activity

HelloWordActivity.

- Nếu muốn tạo Layout mới thì trỏ đến HelloWord > res > layout; click chuột phải vào layout, chọn

New > Android XML File

- Chọn loại Root Element là Linear Layout, gõ tên layout, click Finish



Bước 4: Tạo các View trên Layout - View được hiểu như các control hỗ trợ cho Android như Button, TextView…

- Với yêu cầu bài toán hôm nay, ta cần các View như sau: 1 Button, 1 EditText

4.1 Tạo View

4.1.1. Cách 1: Tạo view bằng code XML

- Ta chọn Tab có dạng tên_layout.xml

- Ta gõ hoặc copy nội dung sau vào:

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <TextView android:id="@+id/tvHello" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello" /> <Button android:id="@+id/btnHello" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button" /> <EditText android:id="@+id/txtHello" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" > <requestFocus /> </EditText> </LinearLayout>

- Save file Layout bằng tổ hợp phím Ctrl + S



4.1.2. Cách 2: Tạo View bằng cách kéo – thả trong giao diện

- Ta chọn Tab Graphical Layout để thực hiện việc Kéo – thả

o Kéo – thả Button trong nhóm Form Widgets vào Layout

o Kéo – thả EditText trong nhóm Text Fields vào Layout

- Vào Tab main.xml để chỉnh sửa như code xml ở cách 1, cụ thể là:

o Thêm dòng thuộc tính android:id="@+id/tvHello" cho TextView

o Sửa thuộc tính android:id của Button và EditText lần lượt là

android:id="@+id/btnHello"

android:id="@+id/txtHello"

- Save file Layout bằng tổ hợp phím Ctrl + S



Bước 5: Kết nối Layout và Activity - Mặc định thì Activity đã được kết nối với Layout qua Java code thông qua hàm

setContentView(R.layout.main);

- R.layout.main chính là địa chỉ trỏ tới file layout main.xml

- Hàm này có ý nghĩa là gán layout main.xml lên Activity HelloWorldActivity

- Nếu muốn liên kết Activity với layout khác, ta thay R.layout.main bằng R.layout.xxx với xxx là tên

layout



Bước 6: Kết nối các View trên Layout với Activity bằng Java code

- Mở file HelloWorldActivity

- Khai báo thư viện bằng cách import android.view.View và android.widget.*

- Khai báo 3 biến toàn cục là txtHello, tvHello, btnHello đại diện cho lần lượt các View: EditText,

TextView và Button trong Layout

- Sau khi liên kết Layout và Activity, ta khởi tạo các đối tượng trên tương ứng với id của chúng

trên Layout (thuộc tính android:id)

Khai báo

thư viện

Các đối tượng

View

Liên kết các đối tượng

và View trong Layout



Bước 7: Tạo hàm sự kiện OnClick cho Button - Import thư viện android.view.View.OnClickListener;

- Gõ bên dưới phần khởi tạo đối tượng View hàm sau

Bước 8: Deploy ứng dụng lên máy ảo - Chạy ADV Manager, chọn máy ảo phù hợp, chọn Start

- Click chọn Debug hoặc gõ tổ hợp Ctrl + F11

- Chọn Android Application nếu hiện lên cửa sổ chọn nền tảng



Documents

Android mo dau