Download - 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
Author: HLV Solution http://www.hlvsolution.com
Ôn Nhật Minh – Nguyễn Kim Long 3
- 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
Author: HLV Solution http://www.hlvsolution.com
Ôn Nhật Minh – Nguyễn Kim Long 4
- Khi đó ở khung bên trái màn hình làm việc của Eclipse sẽ có project vừa tạo
Author: HLV Solution http://www.hlvsolution.com
Ôn Nhật Minh – Nguyễn Kim Long 5
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
Author: HLV Solution http://www.hlvsolution.com
Ôn Nhật Minh – Nguyễn Kim Long 6
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
Author: HLV Solution http://www.hlvsolution.com
Ôn Nhật Minh – Nguyễn Kim Long 7
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
Author: HLV Solution http://www.hlvsolution.com
Ôn Nhật Minh – Nguyễn Kim Long 8
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
Author: HLV Solution http://www.hlvsolution.com
Ôn Nhật Minh – Nguyễn Kim Long 9
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
Author: HLV Solution http://www.hlvsolution.com
Ôn Nhật Minh – Nguyễn Kim Long 10
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
Author: HLV Solution http://www.hlvsolution.com
Ôn Nhật Minh – Nguyễn Kim Long 11
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
Author: HLV Solution http://www.hlvsolution.com
Ôn Nhật Minh – Nguyễn Kim Long 12
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
Author: HLV Solution http://www.hlvsolution.com
Ôn Nhật Minh – Nguyễn Kim Long 13