Download - Android mo dau
![Page 1: Android mo dau](https://reader034.vdocuments.mx/reader034/viewer/2022051001/563dba13550346aa9aa27cf3/html5/thumbnails/1.jpg)
Hướng dẫn - Bài thực hành 02
HLV Solution
![Page 2: Android mo dau](https://reader034.vdocuments.mx/reader034/viewer/2022051001/563dba13550346aa9aa27cf3/html5/thumbnails/2.jpg)
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
![Page 3: Android mo dau](https://reader034.vdocuments.mx/reader034/viewer/2022051001/563dba13550346aa9aa27cf3/html5/thumbnails/3.jpg)
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
![Page 4: Android mo dau](https://reader034.vdocuments.mx/reader034/viewer/2022051001/563dba13550346aa9aa27cf3/html5/thumbnails/4.jpg)
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
![Page 5: Android mo dau](https://reader034.vdocuments.mx/reader034/viewer/2022051001/563dba13550346aa9aa27cf3/html5/thumbnails/5.jpg)
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
![Page 6: Android mo dau](https://reader034.vdocuments.mx/reader034/viewer/2022051001/563dba13550346aa9aa27cf3/html5/thumbnails/6.jpg)
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
![Page 7: Android mo dau](https://reader034.vdocuments.mx/reader034/viewer/2022051001/563dba13550346aa9aa27cf3/html5/thumbnails/7.jpg)
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
![Page 8: Android mo dau](https://reader034.vdocuments.mx/reader034/viewer/2022051001/563dba13550346aa9aa27cf3/html5/thumbnails/8.jpg)
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
![Page 9: Android mo dau](https://reader034.vdocuments.mx/reader034/viewer/2022051001/563dba13550346aa9aa27cf3/html5/thumbnails/9.jpg)
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
![Page 10: Android mo dau](https://reader034.vdocuments.mx/reader034/viewer/2022051001/563dba13550346aa9aa27cf3/html5/thumbnails/10.jpg)
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
![Page 11: Android mo dau](https://reader034.vdocuments.mx/reader034/viewer/2022051001/563dba13550346aa9aa27cf3/html5/thumbnails/11.jpg)
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
![Page 12: Android mo dau](https://reader034.vdocuments.mx/reader034/viewer/2022051001/563dba13550346aa9aa27cf3/html5/thumbnails/12.jpg)
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
![Page 13: Android mo dau](https://reader034.vdocuments.mx/reader034/viewer/2022051001/563dba13550346aa9aa27cf3/html5/thumbnails/13.jpg)
Author: HLV Solution http://www.hlvsolution.com
Ôn Nhật Minh – Nguyễn Kim Long 13