MOB103_ Lap trinh Android co ban Lab 1
1
Bài thc hành s 1 – Nhng khái nim c bn v Android
Chú ý chung vi toàn b các bui lab:
- Toàn b bài tp trong các bui lab, bt buc sinh viên phi vit mã bng tay, s dng
mt trong các chng trình son tho mã sau:
o Eclipse
Mc tiêu
Bui thc hành s 1 tip tc giúp sinh viên làm quen vi IDE lp trình Android là Eclipse và xây
dng mt s chng trình c bn
Bài 1 (làm nhà) – Cài đt đc Java JDK, Android SDK, ADT Plugin for Eclipse, update
Android SDK
Ti và cài đt Java JDK: (cài đt cái này trc,
nên chn bn mi nht)
MOB103_ Lap trinh Android co ban Lab 1
2
- Ti và cài đt Android SDK: , ti gói ADT
Bundle for Windows, gói này s cha các thành phn:
Eclipse + ADT plugin
Android SDK Tools
Android Platform tools
Android API mi nht
Android system image mi nht cho Emulator
- Cp nht ADT plugin mi nht cho Eclipse:
1. Vào menu Help / chn Install New Software
2. Nhp đng dn: và bm nút Add góc bên
phi
3. Chn các thông s thích hp đ tin hành cp nht.
- Tin hành Cp nht Android SDK (nu cn thit)
- Tham chiu Android SDK (bt buc, nu cài gói ADT Bundle for Windows trên trang
developer.android.com thì nó đã t tham chiu cho chúng ta ri).
Sau khi cài đt xong đy đ (JDK, Android SDK …), ta khi đng Elipse trong gói ADT
Bundle for windows, ta có giao din nh hình bên di:
MOB103_ Lap trinh Android co ban Lab 1
3
- óng màn hình Welcome bng cách click vào du chéo k bên ch Android IDE
- tham chiu ti Android SDK, ta vào menu Windows/ Preferences/ chn Android và
Browse ti SDK location mà bn lu tr:
MOB103_ Lap trinh Android co ban Lab 1
4
Các bn nhìn vào hình trên, thy có Android 4.2, API 17 hin th ra. ó chính là API mi nht
ca Android, tùy vào danh sách API đc ti v máy nó s hin th ra đây. Hin ti trong máy
ca Tôi ch có 1 API 17, nu máy bn có nhiu API khác thì nó s lit kê ra đây ht.
- Nu nh máy tính ca bn có kt ni internet, thì bn có th cp nht API theo cách sau:
Vào menu Windows/ Android SDK Manager (hoc bm vào biu tng trên thanh toolbar), màn
hình Android SDK Manager s hin th ra nh bên di:
MOB103_ Lap trinh Android co ban Lab 1
5
Bn quan sát trong màn hình bên trên, Nhng gói nào cha đc cài đt thì có dòng ch “Not
installed”, bn checked vào nó và nhn nút Install packages góc phi di cùng.
Ti đây là bn đã bit cài đt JDK, cài đt Android SDK, cách chy Eclipse và cp nht API.
Bài 2 (thi gian thc hin: 30 phút) – To Emulator
1) Cách to Android emulator:
- Vào menu Windows/ chn Android Virtual Device Manager hoc click vào biu tng máy o
trên thanh Toolbar:
MOB103_ Lap trinh Android co ban Lab 1
6
- Ca s Android Virtual Device Manager s hin th ra nh bên di:
MOB103_ Lap trinh Android co ban Lab 1
7
- to mt Android Emulator : click nút New (khoanh vùng màu đ):
- màn hình bên trên, ta thit lp các thông s: Tên máy o, đ phân gii, API, b nh trong, b
nh ngoài (SD Card) ri nhn nút OK. Mun ln tip theo khi đng máy o nhanh thì ta
checked vào mc Snapshot
MOB103_ Lap trinh Android co ban Lab 1
8
- Nh bn thy máy o avdnew đã đc to ra, bn chú ý là khi mt máy o đc to ra thì nó s
đc lu tr vào user ca máy tính đang hot đng, hình trên thì lu trong
“c:\Users\cuongch2002\.android\avd“. Máy ca bn cài đt vi user nào thì bn vào đúng ch mà
xem cu trúc bên trong:
MOB103_ Lap trinh Android co ban Lab 1
9
- đây bn chú ý là nu bn cp dung lng cho SD Card ti màn hình to máy o bao nhiêu thì
tp tin sdcard.img s có dung lng by nhiêu trong này (do đó bn phi cn thn khi to SD
Card đi vi máy tính có dung lng cng khiêm tn)
- Tng t bn nhìn thy tp tin snapshots.img, hin gi bn ch thy có 250kb, nhng nu nh
bn khi đng ln đu tiên và vào đây quan sát thì dung lng ca nó s tng lên rt ln, mc
đích đ lu tr li toàn b thông s đ ln khi chy th 2 cho nhanh
2) Chy Android emulator:
- T màn hình Android Virtual Device Manager, ta chn tên máy o cn chy ri nhn nút Start:
MOB103_ Lap trinh Android co ban Lab 1
10
- Bn ch khong mt thi gian vài phút (hoc lâu hn tùy vào kh nng ca máy). Tùy vào cu
hình mà bn chn (API, đ phân gii…), Android Emulator s xut hin nh bên di:
MOB103_ Lap trinh Android co ban Lab 1
11
- Khi máy o trên khi đng xong, bn vào th mc trong C: ni mà lu tr máy o, bn
quan sát xem có nhng th mc và tp tin mi nào đc to ra. Sau đó bn tt máy o này đi,
tip tc quan sát bn s thy tp tin Snapshots.img đ cp trên s có dung lng rt ln:
MOB103_ Lap trinh Android co ban Lab 1
12
3) Cách s dng Android Emulator:
- Bn đ ý là mi mt máy o đc khi đng nó s đi vi mt port nào đó, ví d trong trng
hp trên là port 5554 (xem tiêu đ ca ca s). Bn chú ý là port này chính là đi din cho s
đin thoi ca máy o đó. Ta s da vào port này đ thao tác : Gi tin nhn, gi đin thoi….
trong ca s DDMS.
MOB103_ Lap trinh Android co ban Lab 1
13
- Cách gi tin nhn – gi đin thoi trong máy o:
+ Cách 1: Bn to thêm mt máy o Android khác, khi mt máy th 2 đc khi chy thì thông
thng port ca nó s là 5556, Nh bên trên Tôi đã nói Port này là đi din cho s đin thoi.
Máy tính ca bn hin ti s có 2 máy o Android (Bn tng tng đó là 2 cái đin thoi tht
mà bn đang cm trên tay đi). Do đó cách mà bn thao tác vi đin thoi tht nh th nào thì vi
Emulator nó s y xì nh vy.
+ Cách 2: Trên thanh công c bn quan sát thy nút DDMS, nhn vào nó (chú ý là bn phi ít
nht đang chy 1 máy o android)
Thông thng thì trên thanh công c s có DDMS, nhng nu nh không thy thì bn vào
menuWindows/ chn Open Perspective/ DDMS , xem hình di:
- Sau khi chn DDMS, bn vào tab Emulator Control nh hình bên di:
MOB103_ Lap trinh Android co ban Lab 1
14
- màn hình trên:
+ Mc Incoming Number Tôi nhp là 5554 (port này chính là s đin thoi ca máy o)
+ Tôi chn SMS và nhp vào “Hello … Ty Map”
+ Nhn nút Send
–>Bn quan sát máy o có port 5554 s nhn đc tin nhn này:
MOB103_ Lap trinh Android co ban Lab 1
15
- Cách s dng Profile Explorer:
+ Trong màn hình DDMS, bn chn tab File Explorer: Trong bài tp này bn ch cn tp cách th
1 tp tin t máy tính vào SD Card, và kéo 1 tp tin t SD Card ra máy tính (Chúng ta còn phi
làm vic vi nó rt nhiu ln các bài tp k tip):
MOB103_ Lap trinh Android co ban Lab 1
16
- Bn quan sát th mc mnt/ sdcard . Chú ý là có mt vài ni cùng tên sdcard, nhng bn phi
vào mnt.
+ ly 1 tp tin t SD Card ra thì bn chn tp tin đó ri nhn vào biu tng đa mm bên
trên (Tôi tô màu vàng)
+ đa mt tp tin t Máy tính vào SD card bn nhn vào biu tng đin thoi (k bên biu
tng đa mm), chn tp tin cn đa, Hoc bn kéo th trc tip mt tp tin nào đó vào màn
hình này luôn. c 2 cách đu nh nhau.
Bài 3 (thi gian thc hin: 1h30) – To mi Android Project
Bn xây dng chng trình có giao din nh sau:
MOB103_ Lap trinh Android co ban Lab 1
17
Khi click vào nút Xin chào, chng trình s hin th câu thông báo “Chào mng bn đn vi
môn hc Android c bn ca FPT Polytechnic”
MOB103_ Lap trinh Android co ban Lab 1
18
- Trong bài tp này các bn s thc hành cách to Android Project và tìm hiu các thành phn
bên trong ca nó:
Cách to Android Project
Activity, Intent, View
Auto gen
Android libs
Resource
Layout, menu, values
Manifest XML
MOB103_ Lap trinh Android co ban Lab 1
19
- Cng nh cách chy chng trình Android, hiu đc c ch vn hành ca nó.
1) Cách to mt Android Project:
đây có 2 cách to Android Project:
Cách 1: Bn vào Menu File/ Chn New/ chn Android Project (xem hình bên di):
Cách 2: Bm chut phi vào v trí bt k trong Package Explorer / Chn New / Chn Android
Project (xem hình bên di):
Các bn chú ý là khi mt Android Project đc to ra thì nó s đc lu tr trong Package
Explorer. Mt s trng hp bn không th thy đc Package Explorer (do bn l tay đóng nó
đi, hoc mt nguyên nhân nào đó), nu nh cha bit cách lôi nó ra thì các bn làm nh sau:
- Vào menu Windows/ chn Show View/ click chn Package Explorer
- Nu nh trong Show View mà không thy Package Explorer thì bn nhìn mc di cùng có
nhãn “Other…“, click vào nó thì chc chn bên trong s có Package Explorer:
MOB103_ Lap trinh Android co ban Lab 1
20
2) Nhp thông s cho mt Android Project mi:
Khi bn chn New Android Project thì mt màn hình s hin th ra nh bên di:
MOB103_ Lap trinh Android co ban Lab 1
21
Mc Application Name: bn đt tên cho ng dng mà bn mong mun, trong ví d này đt là
“SampleProject“
Mc Project Name : thông thng khi bn đt tên cho Application Name thì mc Project Name
s t đng cp nht ging nh vy
Mc Package Name: bn nên vit thng ht và phi ít nht có 1 du chm ngn cách, ví d bn
có th đt “fpoly.android.com” nhng không th đt “fpoly”.
MOB103_ Lap trinh Android co ban Lab 1
22
Mc Minimum Required SDK : Chn gii hn API thp nht mà ng dng có th cài đt (in
thoi đó có API phi >= Minimum Require)
Mc Target SDK : chn API mà ng dng mong mun tt nht có th thc thi trên API này
Bn cn phn bit gia Minimum và Target:
- Sau khi chn các thông s xong, bn nhn Next cho ti khi nút Finish xut hin
- Khi bm Finish thì bn quan sát Package Explorer đ xem cu trúc bên trong ca ng dng
Android:
3) Tìm hiu cu trúc bên trong ca ng dng Android:
MOB103_ Lap trinh Android co ban Lab 1
23
- Bn cn hiu đc cu trúc cây trong ng Dng Android trên:
Hãy quan sát MainActivity.java và activity_main.xml . Khi mt ng dng đc to ra thì
thông thng s có mt Activity đ khi chy ng dng. đây bn hiu rng MainActivity.java
chính là class cha toàn b source code, còn activity_main.xml chính là phn giao din. i vi
Android khi mt Activity to ra thì thng nó đi kèm vi mt Layout giao din nào đó (Tc là
MOB103_ Lap trinh Android co ban Lab 1
24
nó luôn đc tách thành 2 phn: phn source code riêng và phn giao din riêng). Bn hiu
Activity ging nh là các màn hình (ca s) tng t nh là C#, mi Activity là mt màn hình
tng tác c th nào đó.
- Bn cng cn nh rng bt k mt Activity nào mun đc triu gi thành công trong Android
Project thì bt buc nó phi đc khai báo trong tp tin AndroidManifest.xml . Nu nh bn
gi mt Activity mà Activity này không đc khai báo trong Manifest thì chc chn chng
trình s b li và tt luôn.
- Hãy xem cu trúc bên trong ca AndroidManifest.xml (double click vào nó và chn tab nh
hình bên di):
- Nh hình bên trên bn thy đó, MainActivity mun đc triu gi thì nó phi đc khai báo
trong này. Và đc bit nu nh mun nó là màn hình đu tiên đc thc thi khi chy ng dng
thì bn phi khai báo ging nh tag <intent-filter> trên. Nh vy nu bn mun mt Activity
bt k nào đó đc gi đu tiên khi chy ng dng thì bn ch khai báo y chang nh vy, còn các
MOB103_ Lap trinh Android co ban Lab 1
25
Activity khác bn không cn khai báo <intent-filter> nh trên (tc là hoàn toàn không có tag
này)
- Tip theo bn double – click vào activity_main.xml :
- Hãy quan sát màn hình trên (nhìn k có 2 phn Graphical Layout và activity_main.xml. Bn
nênlàm quen trong phn Graphical Layout trc):
+ Vùng s 1 : chính là ni cha các control, layout, component… bn mun s dng cái nào thì
kéo th nó vào Vùng s 2. Nh bn thy thì Tôi va kéo mt Button vào và đt Id nó là
“btnXinChao”,
+ Vùng s 2: là giao din, ni mà bn cn thit k
+ Vùng s 3: cho phép thit k theo chiu đng hay chiu ngang
+ Vùng s 4: chc nng Zoom in – zoom out đ d thit k