Bài thực hành Những khái niệm cơ bản về Android

Bài thực hành Những khái niệm cơ bản về Android, những kiến thức cơ bản về lập trình android, bài thực hành với những bước cơ bản và chi tiết, giúp các bạn học viên có cái nhìn chính xác hơn về môn học này.

Bài th c hành s 1 – Nh ng khái ni m c b n v Android

Chú ý chung v i toàn b các bu i lab:

- Toàn b bài t p trong các bu i lab, b t bu c sinh viên ph i vi t mã b ng tay, s d ng

Android system image m i nh t cho Emulator

- C p nh t ADT plugin m i nh t cho Eclipse:

1 Vào menu Help / ch n Install New Software

2 Nh p đ ng d n: https://dl-ssl.google.com/android/eclipse/và b m nút Add góc bên

Sau khi cài đ t xong đ y đ (JDK, Android SDK …), ta kh i đ ng Elipse trong gói ADT

Bundle for windows,ta có giao di n nh hình bên d i:

- óng màn hình Welcome b ng cách click vào d u chéo k bên ch Android IDE

- tham chi u t i Android SDK, ta vào menu Windows/ Preferences/ ch n Android và Browse t i SDK location mà b n l u tr :

4

Các b n nhìn vào hình trên, th y có Android 4.2, API 17 hi n th ra ó chính là API m i nh t

c a Android, tùy vào danh sách API đ c t i v máy nó s hi n th ra đây Hi n t i trong máy

c a Tôi ch có 1 API 17, n u máy b n có nhi u API khác thì nó s li t kê ra đây h t

- N u nh máy tính c a b n có k t n i internet, thì b n có th c p nh t API theo cách sau:

Vào menu Windows/ Android SDK Manager(ho c b m vào bi u t ng trên thanh toolbar), màn hình Android SDK Manager s hi n th ra nh bên d i:

B n quan sát trong màn hình bên trên, Nh ng gói nào ch a đ c cài đ t thì có dòng ch “Not installed”, b n checked vào nó và nh n nút Install packages góc ph i d i cùng

T i đây là b n đã bi t cài đ t JDK, cài đ t Android SDK, cách ch y Eclipse và c p nh t API

Bài 2 (th i gian th c hi n: 30 phút) – T o Emulator

1) Cách t o Android emulator:

- Vào menu Windows/ ch n Android Virtual Device Manager ho c click vào bi u t ng máy o trên thanh Toolbar:

6

- C a s Android Virtual Device Manager s hi n th ra nh bên d i:

- t o m t Android Emulator : click nút New (khoanh vùng màu đ ):

- màn hình bên trên, ta thi t l p các thông s : Tên máy o, đ phân gi i, API, b nh trong, b

nh ngoài (SD Card) r i nh n nút OK Mu n l n ti p theo kh i đ ng máy o nhanh thì ta

checked vào m c Snapshot

8

- Nh b n th y máy o avdnew đã đ c t o ra, b n chú ý là khi m t máy o đ c t o ra thì nó s

đ c l u tr vào user c a máy tính đang ho t đ ng, hình trên thì l u trong

“c:\Users\cuongch2002\.android\avd“ Máy c a b n cài đ t v i user nào thì b n vào đúng ch mà xem c u trúc bên trong:

- đây b n chú ý là n u b n c p dung l ng cho SD Card t i màn hình t o máy o bao nhiêu thì

t p tin sdcard.img s có dung l ng b y nhiêu trong này (do đó b n ph i c n th n khi t o SD

Card đ i v i máy tính có dung l ng c ng khiêm t n)

10

- B n ch kho ng m t th i gian vài phút (ho c lâu h n tùy vào kh n ng c a máy) Tùy vào c u hình mà b n ch n (API, đ phân gi i…), Android Emulator s xu t hi n nh bên d i:

- Khi máy o trên kh i đ ng xong, b n vào th m c trong C: n i mà l u tr máy o, b n

quan sát xem có nh ng th m c và t p tin m i nào đ c t o ra Sau đó b n t t máy o này đi,

ti p t c quan sát b n s th y t p tin Snapshots.img đ c p trên s có dung l ng r t l n:

12

3) Cách s d ng Android Emulator:

- B n đ ý là m i m t máy o đ c kh i đ ng nó s đi v i m t port nào đó, ví d trong tr ng

h p trên là port 5554 (xem tiêu đ c a c a s ) B n chú ý là port này chính là đ i di n cho s

đi n tho i c a máy o đó Ta s d a vào port này đ thao tác : G i tin nh n, g i đi n tho i…

trong c a s DDMS

- Cách g i tin nh n – g i đi n tho i trong máy o:

+ Cách 1:B n t o thêm m t máy o Android khác, khi m t máy th 2 đ c kh i ch y thì thông

th ng port c a nó s là 5556, Nh bên trên Tôi đã nói Port này là đ i di n cho s đi n tho i

Máy tính c a b n hi n t i s có 2 máy o Android (B n t ng t ng đó là 2 cái đi n tho i th t

mà b n đang c m trên tay đi) Do đó cách mà b n thao tác v i đi n tho i th t nh th nào thì v i Emulator nó s y xì nh v y

+ Cách 2:Trên thanh công c b n quan sát th y nút DDMS, nh n vào nó (chú ý là b n ph i ít

nh t đang ch y 1 máy o android)

Thông th ng thì trên thanh công c s có DDMS, nh ng n u nh không th y thì b n vào

menuWindows / ch n Open Perspective/ DDMS , xem hình d i:

- Sau khi ch n DDMS, b n vào tab Emulator Control nh hình bên d i:

14

- màn hình trên:

+ M c Incoming Number Tôi nh p là 5554 (port này chính là s đi n tho i c a máy o)

+ Tôi ch n SMS và nh p vào “Hello … Ty Map”

+ Nh n nút Send

–>B n quan sát máy o có port 5554 s nh n đ c tin nh n này:

- Cách s d ng Profile Explorer:

+ Trong màn hình DDMS, b n ch n tab File Explorer: Trong bài t p này b n ch c n t p cách th

1 t p tin t máy tính vào SD Card, và kéo 1 t p tin t SD Card ra máy tính (Chúng ta còn ph i

làm vi c v i nó r t nhi u l n các bài t p k ti p):

+ đ a m t t p tin t Máy tính vào SD card b n nh n vào bi u t ng đi n tho i (k bên bi u

t ng đ a m m), ch n t p tin c n đ a, Ho c b n kéo th tr c ti p m t t p tin nào đó vào màn

hình này luôn c 2 cách đ u nh nhau

Bài 3 (th i gian th c hi n: 1h30) – T o m i Android Project

B n xây d ng ch ng trình có giao di n nh sau:

Khi click vào nút Xin chào, ch ng trình s hi n th câu thông báo “Chào m ng b n đ n v i

môn h c Android c b n c a FPT Polytechnic”

- C ng nh cách ch y ch ng trình Android, hi u đ c c ch v n hành c a nó

1) Cách t o m t Android Project:

đây có 2 cách t o Android Project:

Cách 2: B m chu t ph i vào v trí b t k trong Package Explorer / Ch n New / Ch n Android Project (xem hình bên d i):

Các b n chú ý là khi m t Android Project đ c t o ra thì nó s đ c l u tr trong Package

Explorer M t s tr ng h p b n không th th y đ c Package Explorer (do b n l tay đóng nó

đi, ho c m t nguyên nhân nào đó), n u nh ch a bi t cách lôi nó ra thì các b n làm nh sau:

- Vào menu Windows/ ch n Show View/ click ch n Package Explorer

- N u nh trong Show View mà không th y Package Explorer thì b n nhìn m c d i cùng có

nhãn “Other…“, click vào nó thì ch c ch n bên trong s có Package Explorer:

20

2) Nh p thông s cho m t Android Project m i:

Khi b n ch n New Android Project thì m t màn hình s hi n th ra nh bên d i:

M c Application Name: b n đ t tên cho ng d ng mà b n mong mu n, trong ví d này đ t là

“SampleProject“

M c Project Name : thông th ng khi b n đ t tên cho Application Name thì m c Project Name

s t đ ng c p nh t gi ng nh v y

M c Package Name: b n nên vi t th ng h t và ph i ít nh t có 1 d u ch m ng n cách, ví d b n

có th đ t “fpoly.android.com” nh ng không th đ t “fpoly”

22

M c Minimum Required SDK : Ch n gi i h n API th p nh t mà ng d ng có th cài đ t ( i n

tho i đó có API ph i >= Minimum Require)

M c Target SDK : ch n API mà ng d ng mong mu n t t nh t có th th c thi trên API này

B n c n ph n bi t gi a Minimum và Target:

- Sau khi ch n các thông s xong, b n nh n Next cho t i khi nút Finish xu t hi n

- Khi b m Finish thì b n quan sát Package Explorer đ xem c u trúc bên trong c a ng d ng

Android:

3) Tìm hi u c u trúc bên trong c a ng d ng Android:

- B n c n hi u đ c c u trúc cây trong ng D ng Android trên:

Hãy quan sát MainActivity.java và activity_main.xml Khi m t ng d ng đ c t o ra thì

thông th ng s có m t Activity đ kh i ch y ng d ng đây b n hi u r ng MainActivity.java chính là class ch a toàn b source code, còn activity_main.xml chính là ph n giao di n i v i Android khi m t Activity t o ra thì th ng nó đi kèm v i m t Layout giao di n nào đó (T c là

- Nh hình bên trên b n th y đó, MainActivity mu n đ c tri u g i thì nó ph i đ c khai báo

trong này Và đ c bi t n u nh mu n nó là màn hình đ u tiên đ c th c thi khi ch y ng d ng thì b n ph i khai báo gi ng nh tag <intent-filter> trên Nh v y n u b n mu n m t Activity

Activity khác b n không c n khai báo <intent-filter> nh trên (t c là hoàn toàn không có tag

này)

- Ti p theo b n double – click vào activity_main.xml :

- Hãy quan sát màn hình trên (nhìn k có 2 ph n Graphical Layout và activity_main.xml B n

nênlàm quen trong ph n Graphical Layout tr c):

+ Vùng s 1 : chính là n i ch a các control, layout, component… b n mu n s d ng cái nào thì

kéo th nó vào Vùng s 2 Nh b n th y thì Tôi v a kéo m t Button vào và đ t Id nó là

“btnXinChao”,

+ Vùng s 2: là giao di n, n i mà b n c n thi t k

+ Vùng s 3: cho phép thi t k theo chi u đ ng hay chi u ngang

+ Vùng s 4: ch c n ng Zoom in – zoom out đ d thi t k

26

+ Vùng s 5: chính là n i thi t l p các thu c tính cho các control đ c kéo th vào giao di n

Th m c gen, là th c m c cho Android t đ ng t o ra, cho dù b n có xóa nó thì nó c ng l i t

t o ra N i dung bên trong b n đ ng có ch nh s a nó T t c nh ng gì b n kéo th vào giao di n, hay thi t l p string.xml, menu … t t t n t t liên quan t i resource thì nó s đ c sinh ra bên

trong R.java D a vào đây đ ta có th truy su t các đ i t ng trong coding

Ví d :

- trên b n th y class Id có ch a Id c a Button mà lúc nãy kéo vào giao di n đ t tên là

btnXinChao Ta d a vào Id này đ t ng tác v i control

- Hay layout activity_main c ng s t đ ng l u tr trong này

- Trong màn hình trên, b n th y bên trong hàm onCreate có l nh:

+ setContentView(R.Layout.activity_main) ==> thi t l p giao di n cho Activity

28

hdpi, -ldbpi, -xdpi là tùy thu c vào đ phân gi i màn hình mà ch ng trình t đ ng vào l y đúng

d li u bên trong

B m chu t ph i vào ng d ng / ch n Run As/ ch n Android Application , xem k t qu :

- Tôi gom l i thành 5 b c th c hi n c a m t ng d ng Android nh sau:

: android.intent.action.MAIN

S code file activity_main.xml a

B sung thêm hàm Toast đ hi n th message

30

Yêu c u n p bài

Cu i gi th c hành, sinh viên t o th m c theo tên <Tên đ ng nh p SV>_Lab1, ch a t t c s n

ph m c a nh ng bài lab trên, nén l i thành file zip và upload lên m c n p bài t ng ng trên

Bài 3 4 đi m