Bài tập 5: Tìm hiểu vòng đời của một Ứng Dụng Android

Trong bài tập 3 và bài tập 4 bạn đã biết cách tạo một Android Project cũng như giải quyết một số vấn đề gặp phải khi thực hiện ứng dụng.<br /> Trong bài tập 5 bạn cần hiểu các khái niệm sau:<br /> <span style="color: red;">1) Applications là gì?</span><br /> <span style="color: red;">2) Activities là gì?</span><br /> <span style="color: red;">3) Activity Stack là gì?</span><br /> <span style="color: red;">4) Tasks là gì?</span><br /> <span style="color: red;">5) Life Cycle States là gì?</span><br /> —————————————————————————————————–<br /> <span style="color: red;"><strong>1) Applications là gì?</strong></span><br /> - Bạn hiểu nôm na như sau: Mỗi một Android Project khi bạn biên dịch thành công thì sẽ được đóng gói thành tập tin <span style="color: red;"><strong>.apk</strong></span>, tập tin<strong><span style="color: red;"> .apk</span> </strong>được gọi là một Application (Ứng dụng cụ thể nào đó – Ví dụ như ứng dụng chống tin nhắn rác, ứng dụng tìm đường đi ngắn nhất, ứng dụng đăng ký học phần bằng sms …. )<br /> <span style="color: red;"><strong>2) Activities là gì?</strong></span><br /> - Thông thường trong một ứng dụng (Application) sẽ có một hoặc nhiều Activity (bạn hiểu đại khái là các màn hình tương tác giống như Form trong .Net).<br /> - Mỗi một Activity này sẽ có một vòng đời riêng độc lập hoàn toàn với các Activity khác, bạn sẽ hiểu rõ hơn về vòng đời trong phần Life Cycle States. Việc hiểu rõ vòng đời của Activity là rất quan trọng trong việc xử lý thông tin.<br /> - Mỗi một Activity muốn được triệu gọi trong ứng dụng thì bắt buộc nó phải được khai báo trong Manifest<br /> <span style="color: red;"><strong>3) Activity Stack là gì?</strong></span><br /> - Tương tự như các ngôn ngữ lập trình khác, Activity Stack hoạt động theo cơ chế LIFO (LAST IN FIRST OUT)<br /> -Mỗi một Activity mới được mở lên nó sẽ ở bên trên Activity cũ, để trở về Activity thì bạn chỉ cần nhấn nút “Back” để trở về hoặc viết lệnh. Tuy nhiên nếu bạn nhấn nút Home rồi thì sẽ không thể dùng nút “Back” để quay lại màn hình cũ được.<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_1.png"><img alt="5_Life_cycle_1" class="aligncenter size-full wp-image-1233" src="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_1.png?w=620" /></a><br /> - Ở đây bạn chú ý là có 2 kiểu mở Activity mới :<br /> a) Mở Activity mới lên làm che khuất toàn bộ Activity cũ (không nhìn thấy Activity cũ): sảy ra sự kiện <span style="color: red;"><strong>onPause</strong> </span>rồi <span style="color: red;"><strong>onStop</strong> </span>đối với Activity cũ<br /> b) Mở Activity mới lên làm che khuất một phần Activity cũ (vẫn nhìn thấy Activity cũ): Sảy ra sự kiện <span style="color: red;"><strong>onPause </strong></span>với Activity cũ.<br /> - Khi quay trở về Activity cũ thì sau khi thực hiện xong các hàm cần thiết, chắc chắn nó phải gọi hàm <span style="color: red;"><strong>onResume</strong> </span>để phục hồi lại trạng thái ứng dụng<br /> - Như vậy ta thường lưu lại trạng thái của ứng dụng trong sự kiện <span style="color: red;"><strong>onPause</strong> </span>và đọc lại trạng thái ứng dụng trong sự kiện <span style="color: red;"><strong>onResume</strong></span><br /> <span style="color: red;"><strong>4) Tasks là gì?</strong></span><br /> - Bạn hiểu đại khái Task là khả năng  thực hiện một công việc nào đó giữa các Ứng dụng với nhau, cụ thể là các Activity<br /> - Ví dụ bạn đang mở chương trình quản lý BlackList, trong chương trình này cho phép mở danh bạ để đưa vào danh sách đen. Lúc đó chương trình bạn sẽ gọi Activity của ứng dụng danh bạ, sau khi lấy xong lại quay trở về ứng dụng của bạn. Nhớ là 2 ứng dụng này hoàn toàn không liên quan gì tới nhau cả.<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_2.png"><img alt="5_Life_cycle_2" class="aligncenter size-full wp-image-1234" src="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_2.png?w=620" /></a><br /> <span style="color: red;"><strong>5) Life Cycle States là gì?</strong></span><br /> Với mỗi Activity thường vòng đời có 3 trạng thái sau:<br /> 1- <span style="color: black;"><strong>Running</strong></span> (đang kích hoạt)<br /> 2- <strong>Paused</strong> (tạm dừng)<br /> 3- <strong>Stopped</strong> (dừng – không phải Destroyed)<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_3.png"><img alt="5_Life_cycle_3" class="aligncenter size-full wp-image-1236" src="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_3.png?w=620" /></a><br /> 1- <strong>Running</strong> (đang kích hoạt): Khi màn hình là Foreground ( Activity nằm trên cùng ứng dụng và cho phép người sử dụng tương tác)<br /> 2- <strong>Paused</strong> (tạm dừng) : Activity bị mất focus nhưng mà vẫn nhìn thấy được Activity này (Ví dụ bạn mở một Activity mới lên dưới dạng Dialog). Trường hợp này nó vẫn có khả năng bị hệ thống tự động “XỬ” trong tình huống bộ nhớ quá ít.<br /> 3- <strong>Stopped</strong> (dừng – không phải Destroyed): Activity mất focus và không nhìn thấy được (ví dụ bạn mở một Activity mới lên mà Full màn hình chẳng hạn). Trong trường hợp này nó có thể bị hệ thống “Xử” trong bất kỳ tình huống nào.<br /> *** Như vậy cả <span style="color: red;"><strong>Paused</strong></span> hay <span style="color: red;"><strong>Stopped</strong> </span>đều có khả năng bị <strong><span style="color: red;">Destroyed</span></strong> (hủy) khi bộ nhớ cần cho việc khác ưu tiên hơn.<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_4.png"><img alt="5_Life_cycle_4" class="aligncenter size-full wp-image-1237" src="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_4.png?w=620" /></a><br /> - Trong vòng đời của ứng dụng Android bạn cần phần biệt 2 loại sau:<br /> - <span style="color: red;"><strong>Visible Lifetime</strong></span> và <strong><span style="color: red;">Foreground Lifetime</span></strong><br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_5.png"><img alt="5_Life_cycle_5" class="aligncenter size-full wp-image-1238" src="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_5.png?w=620" /></a><br /> <span style="color: red;">- <strong>Visible Lifetime:</strong></span><br /> + sảy ra từ sau khi gọi onStart –> cho tới lúc gọi onStop : trong trường hợp này TA vẫn có thể thấy màn hình Activity (có thể tương tác khi nó là foreground, không tương tác được khi nó không phải foreground như đã giải thích ở trên)<br /> <span style="color: red;"><strong>- Foreground Lifetime:</strong></span><br /> + Sảy ra từ khi gọi onResume –> cho tới lúc gọi onPause : trong suốt thời gian này Activity luôn nằm ở trên cùng và Ta có thể tương tác được với nó<br /> <strong>Như vậy bạn đã hiểu được vòng đời của một ứng dụng Android diễn ra như thế nào.</strong><br /> Bây giờ Tôi sẽ Demo ứng dụng Android để kiểm tra vòng đời của nó:<br /> - Bạn tạo một ứng dụng tên là : <strong>CheckLifeTimeCycle </strong>với cấu trúc như hình dưới đây:<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_6.png"><img alt="5_Life_cycle_6" class="aligncenter size-full wp-image-1243" src="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_6.png?w=620" /></a><br /> - Double Click vào <strong>MainActivity.java</strong>:<br /> - Sau đó bấm chuột phải vào màn hình Coding/ chọn <strong>Source</strong>/ chọn <strong>Override</strong> / <strong>Implement Methods</strong>… :<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_7.png"><img alt="5_Life_cycle_7" class="aligncenter size-full wp-image-1244" src="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_7.png?w=620" /></a><br /> - Màn hình Override / Impement Methods sẽ hiển thị ra như bên dưới, bạn chọn các hàm: <strong>onStart</strong>, <strong>onRestart</strong>, <strong>onResume</strong>, <strong>onPause</strong>, <strong>onStop</strong>, <strong>onDestroy</strong>…: rồi bấm <strong>OK</strong><br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_8.png"><img alt="5_Life_cycle_8" class="aligncenter size-full wp-image-1245" src="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_8.png?w=620" /></a><br /> Bạn xem coding bên trong:<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_9.png"><img alt="5_Life_cycle_9" class="aligncenter size-full wp-image-1246" src="http://duythanhcse.files.wordpress.com/2013/03/5_life_cycle_9.png?w=620" /></a><br /> Ở trên bạn thấy dòng lệnh trong hàm onResume:<br /> <b>protected</b> <b>void</b> onResume() {<br /> Toast.<i>makeText</i>(<b>this</b>,”onResume”, Toast.<i>LENGTH_SHORT</i>)<br /> .show();<br /> <b>super</b>.onResume();<br /> }<br /> Đơn giản là Tôi chỉ hiển thị lên xem hàm nào sẽ được triệu gọi ứng với Life time cycle của Activity<br /> - Bây giờ bạn chạy ứng dụng vào Máy ảo Android và thực hiện một số thao tác : Mở một ứng dụng khác, mở Menu, nhấn nút Back, nhấn nút Home … quan sát hiện tượng bạn sẽ hiểu được cách vận hành các hành này.<br /> - Trong bài tập tiếp theo Tôi sẽ làm thêm một ví dụ về Life time cycle để bạn hiểu rõ hơn về nó, đặc biệt là tận mắt chứng kiến đâu là Visible Life time, đâu là Foreground Life time<br /> - Bạn cần phải hiểu rõ về Life time cycle để giúp ích cho việc quản lý ứng dụng<br /> Chúc các bạn thành công.

Bài tập 5: Tìm hiểu vòng đời của một Ứng Dụng Android

Trong bài tập 3 và bài tập 4 bạn đã biết cách tạo một Android Project cũng như giải quyết một số vấn đề gặp phải khi thực hiện ứng dụng. Tr...

Read more »

Bài tập 4: Cách sửa một số lỗi thường gặp trong Android Project

Ở bài tập 3 các bạn đã biết cách tạo và thực thi một ứng dụng Android, trong bài tập này Tôi sẽ nói một số cách sửa lỗi thường gặp trong quá trình thực thi một ứng dụng Android:<br /> - Bạn nhớ là những lỗi này thường không phải do bạn gây ra mà do Eclipse hoặc một số nguyên nhân nào đó (ta gọi tạm thời là Chương trình bị tưng tưng). Bạn cũng không hiểu vì sao nó lại bị lỗi, nó không cho phép bạn biên dịch và thực thi ứng dụng mặc dù bạn chả làm gì cả?<br /> - Khi bạn gặp những trường hợp khó đỡ như vậy thì hãy làm theo một số cách dưới đây (nếu mà vẫn không được thì bạn có thể sử dụng phần mềm TeamView, cung cấp Id và Password Tôi sẽ login vào máy bạn sửa giùm nếu được):<br /> <span style="color: red;"><strong>Giải pháp 1:</strong></span><br /> - b1)  Vào menu <strong>Project</strong> / chọn <strong>Clean</strong> :<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/4_error_1.png"><img alt="4_error_1" class="aligncenter size-full wp-image-1226" src="http://duythanhcse.files.wordpress.com/2013/03/4_error_1.png?w=620" /></a><br /> - b2) Màn hình Clean hiển thị lên, bạn chọn Project bị báo lỗi và bấm Ok:<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/4_error_2.png"><img alt="4_error_2" class="aligncenter size-full wp-image-1227" src="http://duythanhcse.files.wordpress.com/2013/03/4_error_2.png?w=620" /></a><br /> - Ở hình trên, nếu bạn chọn “<strong>Clean All Project</strong> ”,  eclipse sẽ clean toàn bộ Project trong Package Explorer.<br /> - Nếu bạn chọn “<strong>Clean Projects selected  below</strong>“, eclipse sẽ clean những Project mà bạn Checked ở bên dưới.<br /> b3) Bạn Unchecked “<strong>Build Automatically</strong>” và Checked lại “<strong>Build Automatically</strong>” trong menu Project<br /> <span style="color: red;"><strong>Giải pháp 2:</strong></span><br /> - Bấm chuột phải vào Project / chọn <strong>Android Tools</strong> / chọn <strong>Fix Project Properties</strong>:<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/4_error_4.png"><img alt="4_error_4" class="aligncenter size-full wp-image-1229" src="http://duythanhcse.files.wordpress.com/2013/03/4_error_4.png?w=620" /></a><br /> <span style="color: red;"><strong>Giải pháp 3:</strong></span><br /> - Khai bạn kéo thả một số tập tin, hình ảnh vào Android Project nó sẽ báo lỗi và không thể tạo ra gen. Bạn hãy kiểm tra xem có phải tên các tập tin đó bị Viết Hoa ký tự đầu hay không, hay tên tập tin bị để khoảng trắng hoặc là có các ký tự không hợp lệ. Bạn chỉ cần sửa lại là hết lỗi<br /> <span style="color: red;"><strong>Giải pháp 4:</strong></span><br /> - Đơn giản là tắt và khởi động lại Eclipse.<br /> Trong bài tập tiếp theo, Tôi sẽ hướng dẫn các bạn hiểu được Vòng Đời của một Ứng dụng Android và đưa ra một số lời khuyên về việc lưu trạng thái cũng như phục hồi trạng thái của ứng dụng.<br /> Chúc các bạn thành công.

Bài tập 4: Cách sửa một số lỗi thường gặp trong Android Project

Ở bài tập 3 các bạn đã biết cách tạo và thực thi một ứng dụng Android, trong bài tập này Tôi sẽ nói một số cách sửa lỗi thường gặp trong q...

Read more »

Bài tập 3: Cách tạo Android Project và tìm hiểu cấu trúc bên trong của một Android Project

Ở bài tập số 2, bạn đã biết cách tạo và sử dụng máy ảo Android cũng như DDMS.<br /> - Trong bài tập này các bạn sẽ thực hành cách tạo Android Project và tìm hiểu các thành phần bên trong của nó:<br /> <ul><li>Cách tạo Android Project</li><li>Activity, Intent, View</li><li>Auto gen</li><li>Android libs</li><li>Resource</li><li>Layout, menu, values</li><li>Manifest XML</li></ul>- Cũng như cách chạy chương trình Android, hiểu được cơ chế vận hành của nó.<br /> <span style="color: red;"><strong>1) Cách tạo một Android Project:</strong></span><br /> Ở đây Tôi cung cấp 2 cách tạo Android Project:<br /> <span style="text-decoration: underline;"><strong>Cách 1:</strong></span> Bạn vào Menu File/ Chọn New/ chọn Android Project (xem hình bên dưới):<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_1.png"><img alt="3_android_Project_1" class="aligncenter size-full wp-image-1196" src="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_1.png?w=620" /></a><br /> <span style="text-decoration: underline;"><strong>Cách 2:</strong></span> 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):<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_2.png"><img alt="3_android_Project_2" class="aligncenter size-full wp-image-1197" src="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_2.png?w=620" /></a><br /> 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:<br /> - Vào menu Windows/ chọn Show View/ click chọn <strong>Package Explorer</strong><br /> - 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 “<strong>Other…</strong>“, click vào nó thì chắc chắn bên trong sẽ có Package Explorer:<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_3.png"><img alt="3_android_Project_3" class="aligncenter size-full wp-image-1198" src="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_3.png?w=620" /></a><br /> <span style="color: red;"><strong>2) Nhập thông số cho một Android Project mới:</strong></span><br /> 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:<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_4.png"><img alt="3_android_Project_4" class="aligncenter size-full wp-image-1201" src="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_4.png?w=620" /></a><br /> Mục <strong>Application Name</strong>: bạn đặt tên cho ứng dụng mà bạn mong muốn, trong ví dụ này là Tôi đặt “<strong>SampleProject</strong>“<br /> Mục <strong>Project Name</strong> : 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<br /> Mục <strong>Package Name</strong>: 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 “<strong>tranduythanh.com</strong>” nhưng không thể đặt “<strong>tranduythanh”</strong>.<br /> Mục <strong>Minimum Required SDK</strong> : 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 <span style="color: red;">>=</span> Minimum Require)<br /> Mục <strong>Target SDK</strong> : chọn API mà ứng dụng mong muốn tốt nhất có thể thực thi trên API này<br /> <span style="color: red;"><strong>Bạn cần phần biệt giữa Minimum và Target:</strong></span><br /> <table border="1"><tbody><tr><td><strong>- Tôi muốn giải thích sơ qua chỗ này, ở trên bạn thấy Tôi chọn Minimum là API 8, và Target là API 17.  Điều này nghĩa là:</strong>+ Nếu như ứng dụng của Tôi mà được cài đặt trên điện thoại có API 17 tức là cái đích Tôi mong muốn và nó sẽ được hỗ trợ tối đa cho các đặc tính bên trong ứng dụng của Tôi (tức là cái tốt nhất)<br /> + Nếu như ứng dụng của Tôi cài trên điện thoại có API là 7 thì chắc là không thể vì ở đây Tôi yêu cầu Minimum là API 8<br /> + Nếu như ứng dụng của Tôi cài trên điện thoại có API >17 chẳng hạn, thì thông thường là sẽ được vì Version mới đa phần hỗ trợ version cũ, nhưng dĩ nhiên có thể không tốt bằng đúng cái điện thoại sử dụng API 17<br /> - Lý do cho phần này là bởi vì đối với từng API luôn có một lỗi nào đó, các API mới ra đời để sửa vá lỗi hoặc là nâng cấp thêm một số đặc tính mới. Ví dụ như để sử chức năng Nhận Diện Khuôn Mặt có sẵn của Android thì bắt buộc phải chọn Minimum API =14 vì từ Android 4.0 mới hỗ trợ chức năng Nhận Diện Khuôn Mặt<br /> </td></tr></tbody></table>- Sau khi chọn các thông số xong, bạn nhấn <strong>Next</strong> cho tới khi nút <strong>Finish</strong> xuất hiện (Tôi khuyên là các bạn cứ bấm Next, đừng có chỉnh sửa gì cả vì các bạn mới bắt đầu làm quen với nó. Khi nào quen rồi thì Ta sẽ quay lại chi tiết sau):<br /> - 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:<br /> <span style="color: red;"><strong>3) Tìm hiểu cấu trúc bên trong của Ứng dụng Android:</strong></span><br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_5.png"><img alt="3_android_Project_5" class="aligncenter size-full wp-image-1204" src="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_5.png?w=620" /></a><br /> - Bạn cần hiểu được cấu trúc cây trong Ứng Dụng Android ở trên:<br /> <span style="color: red;">Hãy quan sát <strong>MainActivity.java</strong> và <strong>activity_main.xml</strong> .</span> 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à nó luôn được tách thành 2 phần: phần source code riêng và phần giao diện riêng). Bạn hiểu Activity giống như là các màn hình (cửa sổ) tương tự như là C#, mỗi Activity là một màn hình tương tác cụ thể nào đó.<br /> - Bạn cũng cần nhớ rằng bất kỳ một Activity nào muốn được triệu gọi thành công trong Android Project thì bắt buộc nó phải được khai báo trong tập tin <span style="color: red;"><strong>AndroidManifest.xml</strong></span> . Nếu như bạn gọi một Activity mà Activity này không được khai báo trong Manifest thì chắc chắn chương trình sẽ bị lỗi và tắt luôn.<br /> - Hãy xem cấu trúc bên trong của <span style="color: red;"><strong>AndroidManifest.xml</strong></span> (double click vào nó và chọn tab như hình bên dưới):<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_6.png"><img alt="3_android_Project_6" class="aligncenter size-full wp-image-1208" src="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_6.png?w=620" /></a><br /> - 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 <<span style="color: red;">intent-filter</span>> ở trên. Như vậy nếu bạn muốn một Activity bất kỳ nào đó được gọi đầu tiên khi chạy ứng dụng thì bạn chỉ khai báo y chang như vậy, còn các Activity khác bạn không cần khai báo <<span style="color: red;">intent-filter</span>> như trên (tức là hoàn toàn không có tag này)<br /> - Tiếp theo bạn double – click vào <span style="color: red;"><strong>activity_main.xml</strong></span> :<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_72.png"><img alt="3_android_Project_7" class="aligncenter size-full wp-image-1212" src="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_72.png?w=620" /></a><br /> - Hãy quan sát màn hình ở trên (nhìn kỹ có 2 phần <strong>Graphical Layout</strong> và activity_main.xml. Bạn nênlàm quen trong phần Graphical Layout trước):<br /> + <strong>Vùng số 1 :</strong> 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à “<strong>btnXinChao”</strong>,<br /> + <strong>Vùng số 2:</strong> là giao diện, nơi mà bạn cần thiết kế<br /> + <strong>Vùng số 3:</strong> cho phép thiết kế theo chiều đứng hay chiều ngang<br /> + <strong>Vùng số 4:</strong> chức năng Zoom in – zoom out để dễ thiết kế<br /> + <strong>Vùng số 5:</strong> 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<br /> <span style="color: red;"><strong>- Bây giờ bạn vào thư mục gen trong Package Explorer và mở tập tin R.java lên:</strong></span><br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_8.png"><img alt="3_android_Project_8" class="aligncenter size-full wp-image-1214" src="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_8.png?w=620" /></a><br /> Thư mục <span style="color: red;"><strong>gen</strong></span> , 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.<br /> <span style="color: red;"><strong>Ví dụ:</strong> </span><br /> - Ở trên bạn thấy class Id có chứa Id của Button mà lúc nãy Tôi kéo vào giao diện đặt tên là <span style="color: red;">btnXinChao</span>. Ta dựa vào Id này để tương tác với control.<br /> - Hay layout <span style="color: red;"><strong>activity_main</strong> </span>cũng sẽ tự động lưu trữ trong này<br /> <strong><span style="color: red;">- Tiếp tục double – click vào MainActivity.java:</span></strong><br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_9.png"><img alt="3_android_Project_9" class="aligncenter size-full wp-image-1216" src="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_9.png?w=620" /></a><br /> - Trong màn hình trên, bạn thấy bên trong hàm onCreate có lệnh:<br /> + setContentView(R.Layout.<span style="color: red;">activity_main</span>) ==> thiết lập giao diện cho Activity. Với <span style="color: red;">activity_main</span> lấy từ R.java<br /> + findViewById(R.id.btnXinChao) ==> truy suất control là Button trên giao diện. với <span style="color: red;">btnXinChao</span> lấy từ R.java<br /> * Bạn sẽ hiểu hơn về các hàm này vào các phần sau. Ở đây mục đích là Tôi đang giải thích chức năng của từng phần trong Android<br /> <span style="color: red;">- Tiếp tục bạn quan sát các thư mục: <strong>Drawable-hdpi</strong>, <strong>Drawable-ldpi</strong>,<strong>Drawable-mdpi</strong>, <strong>Drawable-xdpi:</strong></span><br /> Bạn có thể tự tạo thêm một thư mục cùng cấp tên là <span style="color: red;"><strong>Drawable</strong></span>, các tập tin bạn kéo thả trực tiếp vào trong này (tạo Resource). Khi chương trình load các ReSource sẽ tự động vào đây lấy. Còn -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.<br /> <span style="color: red;"><strong>- Tiến hành thực thi chương trình:</strong></span><br /> <strong> Bấm chuột phải vào ứng dụng</strong> / <strong>chọn Run As</strong>/ chọn <strong>Android Application</strong> , xem kết quả:<br /> <a href="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_10.png"><img alt="3_android_Project_10" class="aligncenter size-full wp-image-1218" src="http://duythanhcse.files.wordpress.com/2013/03/3_android_project_10.png?w=620" /></a><br /> - Tôi gom lại thành 5 bước thực hiện của một ứng dụng Android như sau:<br /> <span style="color: red;"><strong>bước 1:</strong></span> Android Project sẽ được tự động biên dịch và chuyển qua Android Executables (.dex)<br /> <span style="color: red;"><strong>bước 2:</strong></span> Đóng gói thành tập tin .apk<br /> <span style="color: red;"><strong>bước 3:</strong></span> Upload .apk vào thiết bị android<br /> <span style="color: red;"><strong>bước 4:</strong></span> Tiến hành cài đặt .apk đó<br /> <span style="color: red;"><strong>bước 5:</strong></span> Khi cài đặt thành công, chương trình sẽ được thực hiện Activity được thiết lập : android.intent.action.MAIN<br /> Mỗi một ứng dụng Android sẽ được thực thi trên một máy ảo Dalvik (không phải máy ảo Java). Theo như giải thích của developer Android thì mục đích là chạy đa tiến trình, giúp tối ưu bộ nhớ.<br /> Như vậy đến đây là bạn đã biết cách tạo một ứng dụng Android và khởi động nó như thế nào, đồng thời cũng biết được một số thành phần bên trong ứng dụng và công năng của chúng<br /> Bạn cần hiểu rõ bài tập này, Trong bài tập tiếp theo Tôi sẽ nêu ra các tình huống LỖI của chương trình và cách xử lý chúng như thế nào. Vì  Tôi chắc chắn rằng trong quá trình học lập Trình Android bạn sẽ gặp các tình huống đó mà không hiểu vì sao nó bị lỗi, bạn sẽ bế tắc trong việc giải quyết lỗi.<br /> Chúc các bạn thành công.

Bài tập 3: Cách tạo Android Project và tìm hiểu cấu trúc bên trong của một Android Project

Ở bài tập số 2, bạn đã biết cách tạo và sử dụng máy ảo Android cũng như DDMS. - Trong bài tập này các bạn sẽ thực hành cách tạo Android Pro...

Read more »

Liên Hệ

<div>TÀI NGUYÊN</div>https://docs.google.com/spreadsheets/d/1bUeH4-S61uJSIk0-4V2zGzZK2WmzcN5-sp0pjszFVE8/edit?gid=162639114#gid=162639114<script src="http://form.jotform.me/jsform/33494086423457" type="text/javascript"></script>

Liên Hệ

TÀI NGUYÊN https://docs.google.com/spreadsheets/d/1bUeH4-S61uJSIk0-4V2zGzZK2WmzcN5-sp0pjszFVE8/edit?gid=162639114#gid=162639114

Read more »

Bài tập 2: Thao tác với Android Virtual Device và DDMS

Tiếp nối bài số 1 , Mục đích của bài tập này sẽ giúp các bạn thao tác được với AVD (tạo, sửa, xóa, cấu hình…) và cách sử dụng DDMS cho việc nhắn tin, gọi điện thoại, sử dụng File Explorer ( Đưa tập tin từ máy tính vào máy ảo, và lấy tập tin từ máy ảo ra máy tính….). Biết được cách kết nối một số thiết bị Android thiệt với DDMS, cũng như cách thức debug.<br /><span style="color: red;"><b>- Tại sao sử dụng AVD?</b></span><br />+ Có nhiều lý do để sử dụng AVD, còn theo Tôi thì đơn giản là nó thay thế cho thiệt bị thật (Android Emulator) nên cho dù bạn không có chiếc Alô Android nào thì vẫn lập trình ầm ầm như thường. Mọi sự tương tác trên Emulator cũng chính là tương tác trên thiết bị thật<br />+ AVD – DDMS hỗ trợ giả lập location base service với định dạng KML nên dễ dàng cho việc lập trình LBS<br />+ Chỉ có một vài hạn chế của Emulator : Khó hỗ trợ Camera, không hỗ trợ thiết bị cảm ứng. Nhưng bạn yên tâm là trên mạng cũng <a href="http://code.google.com/p/openintents/wiki/SensorSimulator" target="_blank">đã hỗ trợ thư viện tương tác cảm ứng trong Emulator</a>  (hỗ trợ accelerometer, compass, và temperature sensors)<br /><span style="color: red;">1) Cách tạo Android emulator:</span><br />- 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:<br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_avd.png"><img alt="0_AVD" class="aligncenter size-full wp-image-1164" src="http://duythanhcse.files.wordpress.com/2013/03/0_avd.png?w=620" /></a><br />- Cửa sổ Android Virtual Device Manager sẽ hiển thị ra như bên dưới:<br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_avd2.png"><img alt="0_AVD2" class="aligncenter size-full wp-image-1165" src="http://duythanhcse.files.wordpress.com/2013/03/0_avd2.png?w=620" /></a><br />- Để tạo một Android Emulator : click nút New (khoanh vùng màu đỏ):<br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_avd_new.png"><img alt="0_AVD_New" class="aligncenter size-full wp-image-1167" src="http://duythanhcse.files.wordpress.com/2013/03/0_avd_new.png?w=620" /></a><br />- Ở 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 <b>Snapshot</b><br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_avd_new_ok.png"><img alt="0_AVD_New_ok" class="aligncenter size-full wp-image-1169" src="http://duythanhcse.files.wordpress.com/2013/03/0_avd_new_ok.png?w=620" /></a><br />- Như bạn thấy máy ảo <b>avdnew</b> đã đượ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 “<span style="color: red;">c:\Users\drthanh\.android\avd</span>“. 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:<br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_avd_new_folder.png"><img alt="0_AVD_New_folder" class="aligncenter size-full wp-image-1171" src="http://duythanhcse.files.wordpress.com/2013/03/0_avd_new_folder.png?w=620" /></a><br />- Ở đâ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 <b>sdcard.img</b> sẽ có dung lượng bấy nhiêu trong này (do đó bạn phải cẩn trọng khi tạo SD Card đối với máy tính có dung lượng ổ cứng khiêm tốn)<br />- tương tự bạn nhìn thấy tập tin <b>snapshots.img</b>, hiện giờ bạn chỉ thấy có 250kb, nhưng  nếu như bạn khởi động lần đầu tiên và vào đây quan sát thì dung lượng của nó sẽ tăng lên rất lớn, mục đích để lưu trữ lại toàn bộ thông số để lần khởi chạy thứ 2 cho lẹ<br /><span style="color: red;">2) Chạy Android emulator:</span><br />- Từ màn hình Android Virtual Device Manager, ta chọn tên máy ảo cần chạy rồi nhấn nút Start:<br /><br /><div style="text-align: center;"><img alt="0_AVD_New_Start" class="aligncenter" height="412" src="http://duythanhcse.files.wordpress.com/2013/03/0_avd_new_start.png?w=499&h=412" width="499" /></div>  - 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:<br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_avd_ok_start.png"><img alt="0_AVD_OK_Start" class="aligncenter size-full wp-image-1174" src="http://duythanhcse.files.wordpress.com/2013/03/0_avd_ok_start.png?w=620" /></a><br />- 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 <b>Snapshots.img</b> mà Tôi đề cập ở trên sẽ có dung lượng rất lớn:<br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_avd_snapshots.png"><img alt="0_AVD_snapshots" class="aligncenter size-full wp-image-1175" src="http://duythanhcse.files.wordpress.com/2013/03/0_avd_snapshots.png?w=620" /></a><br /><span style="color: red;">3) cách sử dụng Android Emulator:</span><br />- 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 <span style="color: red;"><b>5554</b> (xem ở tiêu đề của cửa sổ)</span>. 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.<br /><span style="color: red;"><b>- Các phím chức năng :</b></span> (không quan trọng lắm nên ở đây Tôi không liệt kê ra, các bạn tự mò). Ở đây Tôi chỉ nói một phím chức năng mà Tôi cho là đáng lưu tâm, đó là phím chức năng cho phép quay ngang màn hình điện thoại. Bởi vì người sử dụng điện thoại Smart Phone thường có thói quen quay ngang, quay dọc điện thoại để thao tác cái gì đó. Ta phải lập trình để hỗ trợ cho xem đứng và ngang đối với một ứng dụng cụ thể nào đó.<br />+ Bạn nhấn tổ hợp phím<span style="color: red;"><b> Ctrl + F11</b> </span>để xoay ngang (bấm lại để trở về như cũ):<br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_avd_lanscape.png"><img alt="0_AVD_lanscape" class="aligncenter size-full wp-image-1177" src="http://duythanhcse.files.wordpress.com/2013/03/0_avd_lanscape.png?w=620" /></a><br /><b><span style="color: red;"> - Cách gửi tin nhắn – gọi điện thoại trong máy ảo:</span></b><br />+<span style="color: red;"> Cách 1:</span> 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à <span style="color: red;">5556</span>, 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.<br />+ <span style="color: red;">Cách 2:</span> Trên thanh công cụ bạn quan sát thấy nút <b>DDMS</b>, nhấn vào nó (chú ý là bạn phải ít nhất đang chạy 1 máy ảo android)<br />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 menu <b>Windows</b>/ chọn <b>Open Perspective</b>/ <b>DDMS</b> , xem hình dưới:<br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_avd_ddms.png"><img alt="0_AVD_DDMS" class="aligncenter size-full wp-image-1179" src="http://duythanhcse.files.wordpress.com/2013/03/0_avd_ddms.png?w=620" /></a><br />- sau khi chọn DDMS, bạn vào tab Emulator Control như hình bên dưới:<br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_avd_emulator_control1.png"><img alt="0_AVD_emulator_control" class="aligncenter size-full wp-image-1181" src="http://duythanhcse.files.wordpress.com/2013/03/0_avd_emulator_control1.png?w=620" /></a><br />- Ở màn hình trên:<br />+ 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)<br />+ Tôi chọn SMS và nhập vào “Hell0 … Ty Map”<br />+ Nhấn nút Send<br />–>Bạn quan sát máy Ảo có port 5554 sẽ nhận được tin nhắn này:<br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_avd_sms.png"><img alt="0_AVD_sms" class="aligncenter size-full wp-image-1183" src="http://duythanhcse.files.wordpress.com/2013/03/0_avd_sms.png?w=620" /></a><br />- <span style="color: red;"><b>Cách sử dụng Profile Explorer:</b></span><br />+ Trong màn hình DDMS, bạn chọn tab Profile 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):<br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_avd_profile_explorer.png"><img alt="0_AVD_profile_Explorer" class="aligncenter size-full wp-image-1185" src="http://duythanhcse.files.wordpress.com/2013/03/0_avd_profile_explorer.png?w=620" /></a><br />- bạn quan sát thư mục <b>mnt/ sdcard</b> . Chú ý là có một vài nơi cùng tên sdcard, nhưng bạn phải vào <b>mnt</b>.<br />+ Để lấy 1 tập tin từ SD Card ra thì bạn chọn tập tin đó rồi nhấn vào biểu tượng ở đĩa mềm ở bên trên (Tôi tô màu vàng)<br />+Để đư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.<br /><span style="color: red;"><b>4) Cách kết nối với Thiết Bị Android Thật</b></span><br />- Để làm được điều này thì bạn phải am hiểu về Driver cho mỗi Model điện  thoại. Sau khi đã cài Driver đầy đủ:<br />Đối với Điện thoại Android sử dụng API 4.0 trở lên:<br />+ Vào Settings<br />+ Chọn Developer Options<br />+ Checked vào USB debugging.<br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_usb_debugging.png"><img alt="0_USB_debugging" class="aligncenter size-full wp-image-1187" src="http://duythanhcse.files.wordpress.com/2013/03/0_usb_debugging.png?w=620" /></a><br />- Bạn xem hình bên dưới (ở đây Tôi kết nối điện thoại SAM SUNG SII của Tối tới DDMS):<br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_samsung_s2.png"><img alt="0_SAMSUNG_S2" class="aligncenter size-full wp-image-1188" src="http://duythanhcse.files.wordpress.com/2013/03/0_samsung_s2.png?w=620" /></a><br />-  Bạn thao tác bình thường: Thêm tập tin vào Điện thoại thật, lấy tập tin ra…. Khi chạy chương trình Android ta sẽ chọn Điện thoại Thật nếu như bạn muốn chạy trên thiết bị thật. Eclipse cho phép cấu hình lựa chọn các loại Máy ảo, máy thật khi chạy ứng dụng.<br />**** Như vậy Tôi đã hướng dẫn các bạn xong phần thao tác với AVD, trong bài tập kế tiếp Tôi muốn bạn hiểu được cách thức mà một ứng dụng Android khi triển khai nó đi theo đường nào:<br /><span style="color: red;"> - Ví dụ:</span><br />+ Dalvik Virtual Machine là gì? nó có tác dụng gì trong ứng dụng?<br />+ Biên dịch như thế nào?<br />+ Biên dịch xong thì làm gì?<br />+ Cách thức ứng dụng upload vào thiết bị<br />+ Cách thực ứng dụng được cài đặt vào thiết bị<br />+ Chạy ứng dụng như thế nào trong thiết bị<br />+ Làm sao tháo gỡ ứng dụng ra khỏi thiết bị<br />+ Làm sao kiểm tra có bao nhiêu ứng dụng đang chạy trong điện thoại.<br />Bài tập này Tôi hi vọng các bạn phải thao tác thật nhuần nhuyễn để khi vào sâu bên trong để lập trình thì nó giúp ích cho các bạn rất nhiều.<br />Chúc các bạn thành công.<br /><br /><div style="text-align: center;"><span style="color: red;"><b><span style="color: blue;"><span style="font-family: "Courier New",Courier,monospace;">Nguồn: Thầy Trần Duy Thanh !</span></span></b></span></div><div style="text-align: center;"><span style="color: blue;"><b><span style="font-family: "Courier New",Courier,monospace;">Link website: http://duythanhcse.wordpress.com</span></b></span></div><div style="text-align: center;"><span style="color: blue;"><b><span style="font-family: "Courier New",Courier,monospace;">Một chữ cũng là Thầy - Nửa chữ cũng là Thầy</span></b></span> !</div>

Bài tập 2: Thao tác với Android Virtual Device và DDMS

Tiếp nối bài số 1 , Mục đích của bài tập này sẽ giúp các bạn thao tác được với AVD (tạo, sửa, xóa, cấu hình…) và cách sử dụng DDMS cho việ...

Read more »

Bài tập 1: Làm quen với môi trường phát triển điện thoại di động

Trong các topic sắp tới, Tôi muốn dành nhiều thời gian để hướng dẫn các sinh viên học lập trình cho thiết bị di động. Cụ thể là hệ điều hành Android. Tôi hi vọng sau khi theo dõi tất cả các Topic từ đầu tới cuối thì các sinh viên sẽ có khả năng triển khai được ứng dụng trên hệ điều hành Android.<br />Đây là topic đầu tiên Tôi hướng dẫn các bạn làm quen với môi trường phát triển điện thoại di động, các bạn có thể Comment vào topic, trao đổi trực tiếp với Tôi qua comment, qua email, qua điện thoại…. Đừng ngần ngại.<br /><b>Nội dung kiến thức thực hành:</b><br /><br /><table border="1"><tbody><tr><td><div>-          Làm quen với môi trường phát triển điện thoại di động<b></b><br />-          Sử dụng Eclipse, DDMS – cách thức Debug <b></b><br />-          Cách cài đặt Android SDK, Update Android API, Upgrade Firmware <b></b><br />-          Sử dụng Android Virtual Device<b></b><br />-          Tìm hiểu các thành phần trong Android App<b></b><br />-          Tìm hiểu các đơn vị đo lường trong Android<b></b><br />-          Tìm hiểu vòng đời của ứng dụng<b></b><br />-          Tìm hiểu Google Play<b></b></div></td></tr></tbody></table>Trong bài tập 1 này, chúng ta  phải thực hiện : <span style="color: red;">Cài đặt được Java JDK, Android SDK, ADT plugin for Eclipse, update Android SDK.</span><br /><span style="color: red;">Các bước chi tiết:</span><br />-          Tải và cài đặt Java JDK: <a href="http://java.sun.com/javase/downloads/index.jsp">http</a><a href="http://java.sun.com/javase/downloads/index.jsp">://</a><a href="http://java.sun.com/javase/downloads/index.jsp">java.sun.com/javase/downloads/index.jsp</a> (cài đặt cái này trước, nên chọn bản mới nhất)<br />-          Tải và cài đặt Android SDK: <a href="http://developer.android.com/sdk/index.html">http://developer.android.com/sdk/index.html</a> , tải gói <span style="color: red;">ADT Bundle for Windows</span>, gói này sẽ chứa các thành phần:<br /><ul><li>Eclipse + ADT plugin</li><li>Android SDK Tools</li><li>Android Platform tools</li><li>Android API mới nhất</li><li>Android system image mới nhất cho Emulator</li></ul>-          Cập nhật ADT plugin mới nhất cho Eclipse:<br /><ol><li>Vào menu Help / chọn Install New Software</li><li>Nhập đường dẫn: <a href="https://dl-ssl.google.com/android/eclipse/">https://dl-ssl.google.com/android/eclipse/</a> và bấm nút Add ở góc bên phải</li><li>Chọn các thông số thích hợp để tiến hành cập nhật.</li></ol>-          Tiến hành Cập nhật Android SDK (nếu cần thiết)<br />-          Tham chiếu Android SDK (bắt buộc, nếu cài gói ADT Bundle for Windows trên trang developer.android.com thì nó đã tự tham chiếu cho chúng ta rồi).<br />Sau khi cài đặt xong đầy đủ (JDK, Android SDK …), ta khởi động Elipse trong gói <span style="color: red;"> ADT Bundle for windows,</span> ta có giao diện như hình bên dưới:<br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_eclipseadt.png"><img alt="" class="aligncenter size-full wp-image-1097" src="http://duythanhcse.files.wordpress.com/2013/03/0_eclipseadt.png?w=620" /></a><br />-          Đóng màn hình Welcome bằng cách click vào dấu chéo kế bên chữ <b>Android IDE</b><br />-          Để tham chiếu tới Android SDK, ta vào <span style="color: red;">menu Windows/ Preferences/ chọn Android</span> và Browse tới SDK location mà bạn lưu trữ:<br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_eclipseadt_android.png"><img alt="" class="aligncenter size-full wp-image-1099" src="http://duythanhcse.files.wordpress.com/2013/03/0_eclipseadt_android.png?w=620" /></a><br />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.<br />- 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:<br />Vào menu<span style="color: red;"> Windows/ Android SDK Manager</span> (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:<br /><a href="http://duythanhcse.files.wordpress.com/2013/03/0_eclipseadt_updateapi.png"><img alt="" class="aligncenter size-full wp-image-1100" src="http://duythanhcse.files.wordpress.com/2013/03/0_eclipseadt_updateapi.png?w=620" /></a><br />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.<br />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.<br /><div style="text-align: center;"></div><div style="text-align: center;"><span style="color: red;"><b></b></span></div><div style="text-align: center;"><span style="color: red;"><b><span style="color: blue;"><span style="font-family: "Courier New",Courier,monospace;">Nguồn: Thầy Trần Duy Thanh !</span></span></b></span></div><div style="text-align: center;"><span style="color: blue;"><b><span style="font-family: "Courier New",Courier,monospace;">Link website: http://duythanhcse.wordpress.com</span></b></span></div><div style="text-align: center;"><span style="color: blue;"><b><span style="font-family: "Courier New",Courier,monospace;">Một chữ cũng là Thầy - Nửa chữ cũng là Thầy</span></b></span><span style="color: blue;"> !</span></div>

Bài tập 1: Làm quen với môi trường phát triển điện thoại di động

Trong các topic sắp tới, Tôi muốn dành nhiều thời gian để hướng dẫn các sinh viên học lập trình cho thiết bị di động. Cụ thể là hệ điều hàn...

Read more »

Hướng dẫn đăng ký kiếm tiền với Google Adsense

<h2> <span style="font-size: small;">Giới thiệu</span></h2> <div class="tresc"> <span style="font-size: small;">Đây là chương trình đặt banner quảng cáo cho <b>Google</b> được gọi là <b>Google Adsense</b>. Nói một cách dễ hiểu thì khi bạn được chấp nhận vào chương trình này, thì bạn sẽ có một đoạn code HTML để cho vào bất cứ đâu trong trang web của bạn. Mỗi lần khách đến thăm nhấp chuột vào banner của <b> Google Adsense</b> thì bạn sẽ nhận được một phần tiền. Không ai biết và <b> Google Adsense</b> cũng không công khai khoản tiền kiếm được là bao nhiêu. Theo kinh nghiệm của tôi thì số tiền bạn được trả phụ thuộc vào từ khoá trong trang web của bạn. Ví dụ trên thị trường quảng cáo trên mạng người ta - các <b>Google Adword</b> - đấu giá với nhau các từ khoá. Chẳng hạn từ Real Estate được nhiều người muốn quảng cáo, thì người nào trả cao hơn, banner của người đó sẽ xuất hiện. Do vậy nếu banner của bạn hiện nhiều từ "đắt" thì bạn có kiếm được nhiều tiền hơn. Nhưng chung quy mỗi khi có người click là bạn sẽ nhận được tiền từ <b> Google Adsense.</b></span><br /> </div> <table border="1" cellpadding="0" cellspacing="0" id="AutoNumber2" style="border-collapse: collapse; border-width: 0px; height: 2643px;"> <tbody> <tr> <td height="803" style="border-style: none; border-width: medium;" width="65%"><h2 class="large"> <span style="font-size: small;"> Đăng ký</span></h2> <div class="tresc"> <span style="font-size: small;">Để đăng ký, bạn hãy click vào button sau:</span></div> <center> <span style="font-size: small;"><br /></span> </center> <div class="tresc"> <span style="font-size: small;">Trên trang của <b>Google Adsense</b> bạn click vào nút: <b> "Click Here to Apply"</b></span></div> <div class="tresc"> <span style="font-size: small;">Sẽ mở ra cho bạn Form để bạn điền thông tin đăng ký tài khoản với <b>Google Adsense</b>: Ban cần phải điền: </span></div> <ul> <li> <div class="tresc"> <span style="font-size: small;"><b>Account type:</b> Thể loại tài khoản </span></div> <ul> <li> <div class="tresc"> <span style="font-size: small;"><b>Individual:</b> Cá nhân </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Bussines:</b> Doanh nghiệp </span></div> </li> </ul> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Country or territory:</b> Bạn chọn quốc gia là Việt Nam </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Website URL:</b> Điền địa chỉ website của bạn vào đây </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Website language:</b> Ngôn ngữ website của bạn, nên chọn là <b>English</b>, vì Google Adsense hiện không hỗ trợ tiếng Việt </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Product(s):</b> Mục này đã điền sẵn cho bạn </span></div> <ul> <li> <div class="tresc"> <span style="font-size: small;"><b>AdSense for Content:</b> Đặt quảng cáo theo nội dung của website </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>AdSense for Search:</b> Tìm kiếm </span></div> </li> </ul> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Payee name:</b> Họ và Tên </span></div> <ul> <li> <div class="tresc"> <span style="font-size: small;"><b>First:</b> Phần thứ nhất của Họ Tên </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Last:</b> Phần thứ 2 của Họ Tên </span></div> </li> </ul> <div class="tresc"> <span style="font-size: small;"><b>Giải thích:</b> ở phương Tây người ta hay viết <b>Tên Trước và Họ sau</b>, như vậy đối với người phương Tây thì <b>First là Tên</b>, còn <b>Last là Họ</b>. Ở Việt Nam thì chúng ta luôn viết <b>Họ trước và Tên sau</b>. Bạn muốn điền thế nào thì tùy bạn. </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Address line 1:</b> địa chỉ của bạn, dòng thứ nhất </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Address line 2 (optional):</b> dòng thứ 2 của địa chỉ, nếu địa chỉ của bạn dài quá thì bạn có thể điền thành 2 dòng </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>City:</b> Thành phố </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>State, province or region:</b> Tỉnh, vùng </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Zip or postal code:</b> Số hiệu của Bưu Điện </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Country or territory:</b> Việt Nam </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Phone:</b> Số điện thoại </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Fax (optional):</b> Số Fax (không bắt buộc) </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Email address:</b> địa chỉ email của bạn <b><i>(đây cũng chính là login của bạn vào tài khoản ở Google Adsense)</i></b>, </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Password:</b> mật khẩu truy cập, tối thiểu là 7 chữ số bao gồm cả chữ và số </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Re-enter password:</b> gõ lại mật khẩu </span></div> </li> </ul> </td> <td align="center" height="803" style="border-style: none; border-width: medium;" width="35%"><span style="font-size: small;">  </span></td> </tr> <tr> <td height="663" style="border-style: none; border-width: medium;" width="65%"><div class="tresc"> <span style="font-size: small;">Sau khi đã điền xong các thông tin vào Form đăng ký, bạn click vào nút: <b>"Submit information"</b> để gửi thông tin đăng ký. </span></div> <div class="tresc"> <span style="font-size: small;">Sau khi gửi thông tin đăng ký, thì ngay lập tức bạn nhận được 1 email của <b>Google Adsense</b>, trong email đó có link để xác nhận địa chỉ email của bạn, bạn cần phải click vào link đó, sẽ mở ra cho bạn trang của <b> Google Adsense</b> với dòng thông tin đại khái như sau: <i>"Địa chỉ email của bạn đã được xác nhận, bạn cần phải đợi 1-2 ngày để chúng tôi kiểm tra xem trang web của bạn có thỏa mãn yêu cầu của chúng tôi hay không"</i></span> </div> <div class="tresc"> <span style="font-size: small;"> <b>Google Adsense</b> sẽ kiểm tra nội dung trang của bạn xem có đủ điều kiện để tham gia chương trình không? tiêu chí thì là trang phải có nội dung thật sự, không có hack, crack, xxx và một vài thứ khác. Nếu trang của bạn nằm vào những mục tôi vừa nói thì xin chia buồn. Còn không thì hãy tự tin chờ khoảng 1-2 ngày, <b>Google Adsense</b> sẽ gửi một mail chấp nhận cho bạn và lúc đó bạn đã có thể tạo thu nhập cho mình rồi. </span></div> <div class="tresc"> <span style="font-size: small;">Sau khi nhận được email chấp nhận của Google Adsense thì bạn có thể login vào tài khoản của bạn, sử dụng login (địa chỉ email) và mật khẩu mà bạn đã dăng ký với Google Adsense. </span></div> <div class="tresc"> <span style="font-size: small;">Trong tài khoản của bạn có những mục sau: </span></div> <ol> <li> <div class="tresc"> <span style="font-size: small;"><b>Report:</b> Là bản báo cáo hàng ngày, hàng tuần, hàng tháng ... với số tiền bạn kiếm được. </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Ad Setting:</b> Là phần để bạn thiết lập những banner quảng cáo sao cho phù hợp với trang của bạn, với kích thước của banner, màu sắc của banner và lấy dòng code HTML để chèn vào trang của mình. </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Search Settings:</b> Phần này để chèn đoạn tìm kiếm với Google và trang của bạn, bạn cũng nhận được tiền từ dịch vụ này. </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Account Information:</b> là thông tin về tài khoản của bạn bao gồm địa chỉ, số để trả thuế, tài khoản ... </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Ad Performance:</b> là "thành quả" lao động của những banner bạn đặt trên trang web. </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Search Perfomance:</b> cũng giống như Ads Performance </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;"><b>Payment History:</b> Là thông tin về những lần Google Adsense tính toán sau mỗi tháng. </span></div> </li> </ol> <div class="tresc"> <span style="font-size: small;">Về cơ bản là thế! nếu bạn đã tạo ra được trang web rồi, và lại đủ điều kiện để Google Adsense chấp nhận thì hãy cho phép tôi bỏ qua phần hướng dẫn bạn lấy Code HTML và chèn vào trang như thế nào nhé.</span></div> </td> <td align="center" height="663" style="border-style: none; border-width: medium;" width="35%"><span style="font-size: small;">  </span></td> </tr> <tr> <td height="663" style="border-left: medium none rgb(17, 17, 17); border-style: none; border-width: medium;" width="65%"><div class="tresc"> <span style="font-size: small;">Nếu bạn là người thích tìm hiểu những cái mới thì bạn có thể bỏ ra khoảng vài tiếng đọc <b>Terms of Service</b>, và mục <b>FAQ (Quy định khi sử dụng dịch vụ và Những câu hỏi thường gặp)</b> của Google Adsense thì bạn sẽ hiểu hết. Nhưng sau đây tôi tóm tắt lại một vài ý chính để các bạn tiện theo dõi hơn</span></div> <ol> <li> <div class="tresc"> <span style="font-size: small;">Trang của bạn phải có nội dung thật sự. Vì banner khi đặt lên trang của bạn phụ thuộc vào nội dung của chính nó. Vì <b>Google Adsense</b> có hệ thống tìm kiếm rất tài tình, mà bạn và tôi ai cũng phải khâm phục. Cho nên đừng bịp nó! mà hãy làm những trang có nội dung thật sự. </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;">Bạn nên đặt banner vào những trang có nhiều chữ, chứ đừng để ơ những trang có ít chữ hoặc chỉ có hình. </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;">Một điều đáng tiếc cho chúng ta là <b>Google Adsense</b> chưa hỗ trợ tiếng Việt. Cho nên đôi khi nó không thể tìm ra nội dung thật sự trên trang của mình để đưa ra banner hợp với nội dung. Cho nên đôi khi bạn thấy trên website có những banner chẳng ăn nhặp gì với nội dung cả. Và một vài chỗ còn toàn tiếng Mán và Mường. Đó là vì khi <b>Google Adsense</b> không tìm được từ khoá thích hợp ở phần nội dung của trang web nó sẽ đưa ra banner được gọi là <b>Public Service Ads</b>. Với loại banner <b>Public Service Ads</b> bạn không được tiền mỗi khi có ngừơi nhấp chuột vào. Hơn nữa đây cũng là một thua thiệt của những trang web tiếng Việt. Vì những banner của <b>Google Adsense</b> xuất hiện dựa trên nội dung trên trang mà nó kiếm được. Nhưng vì tiếng Việt chưa được hỗ trợ cho nên nhưng banner của <b>Google Adsense</b> chưa thực sự chuẩn xác lắm với nội dung trên trang đó. Chúng ta phải chờ thôi chứ biết sao bây giờ! " </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;">Theo nhiều tài liệu mà tôi đọc về <b>Google Adsense</b> thì những trang động dạng như forum, Portal với nội dung thay đổi thường xuyên thì tỉ lệ gặp <b>Public Service Ads</b> cao hơn là những trang có nội dung tĩnh. Vì <b>Google Adsense</b> cần ít nhất 1, 2 ngày để tìm ra từ khoá cho trang đó. Mà nó lại thay đổi liên tục cho nên nó bó tay cũng phải. </span></div> </li> <li> <div class="tresc"> <span style="color: #d70000; font-size: small;"><b>Tuyệt đối đừng tự nhấp vào banner của bạn!!!</b></span><span style="font-size: small;"> vì những lần click đó của bạn sẽ bị tình là những click "ma" và tất nhiên bạn sẽ không được tiền. Điều tệ hại hơn là nếu xảy ra nhiều lần <span style="color: #d70000;">bạn sẽ bị xoá account và số tiền bạn kiếm được cũng mất luôn.</span></span> </div> </li> <li> <div class="tresc"> <span style="font-size: small;">Nếu bạn có thời gian hãy tìm hiểu thêm về <b>Google Adsense</b> để tối ưu hoá khả năng kiếm tiền với trang web của bạn. Bằng những tips mà <b> Google Adsense</b> cung câp. </span></div> </li> <li> <div class="tresc"> <span style="font-size: small;">Cuối cùng nhưng không kém phần quan trọng là bạn <span style="color: #d70000;">ĐỪNG BAO GIỜ tìm cách bịp Google Adsense</span> bằng những phần mềm tự động nhấp chuột. Vì <b>Google Adsense</b> đủ thông minh để biết rằng nó đang bị nói dối và trong trường hợp đó thì tài khoản của bạn sẽ vĩnh viễn bị xoá và bạn không bao giờ còn cơ hội tham gia chương trình đó nữa. </span></div> </li> </ol> </td> <td align="center" height="663" style="border-right: medium none rgb(17, 17, 17); border-style: none; border-width: medium;" width="35%"><span style="font-size: small;">  </span></td> </tr> <tr> <td height="506" style="border-left: medium none rgb(17, 17, 17); border-style: none; border-width: medium;" width="65%"><h2 class="medium"> <span style="font-size: small;"> Bao giờ thì bạn nhận được tiền từ Google Adsense và nhận như thế nào?</span></h2> <div class="tresc"> <span style="font-size: small;">1. Trước khi được thanh toán thì bạn phải gửi <b>bản báo cáo thuế</b>. Họ quan tâm đến vấn đề là sự hoạt động trang web của bạn có liên quan đến những công ty khác trên nước Mỹ hay không, chẳng hạn những dịch vụ mà bạn sử dụng chẳng hạn như: Web hosting, đăng ký tên miền (domain), thuê thiết kế web (web design), duy trì hoạt động của website... có nằm trên dất Mỹ hay không? Nếu có thì bạn phải chọn bản báo cáo thuế mà điền và gửi thông tin cho họ. Nếu sự hoạt động website của bạn không có liên quan gì đến nước Mỹ thì bạn cũng  phải gửi thông tin cho họ. </span></div> <div class="tresc"> <span style="font-size: small;">2. Khi bạn đã kiếm đủ <b><span style="color: #d70000;">50$</span></b> thì Google Adsense sẽ gửi số <b>PIN</b> đến nhà bạn, kèm trong thư có chỉ dẫn từng bước bạn phải điền số <b>PIN</b> đó như thế nào. </span></div> <div class="tresc"> <span style="font-size: small;">Sau khi đã làm xong 2 thủ tục trên thì bạn mới được họ thanh toán tiền sau khi bạn đã kiếm đủ 100$. </span></div> <div class="tresc"> <span style="font-size: small;">Mỗi khi tổng số tiền của bạn là <b><span style="color: #d70000;">100$</span></b> thì vào <b><span style="color: #d70000;">cuối tháng sau</span></b> <b>Google Adsense</b> sẽ gửi cho bạn một chi phiếu (séc lĩnh tiền) qua địa chỉ bạn đăng ký với họ. <b> Google Adsense</b> sẽ gửi qua đường bưu điện đến địa chỉ nhà của bạn. </span></div> <div class="tresc"> <span style="font-size: small;">Bạn chỉ cần mang tấm séc đó ra ngân hàng nộp và bạn sẽ còn phải đợi trong khoảng từ 3 đến 6 tuần, khi ngân hàng họ nhận được tiền từ tấm séc đó thì họ mới trả tiền cho bạn. Hơi lâu một chút nhưng hiện tại không có cách nào khác.</span></div> </td> <td align="center" height="506" style="border-right: medium none rgb(17, 17, 17); border-style: none; border-width: medium;" width="35%"><span style="font-size: small;">  </span></td> </tr> </tbody></table>

Hướng dẫn đăng ký kiếm tiền với Google Adsense

Giới thiệu Đây là chương trình đặt banner quảng cáo cho Google được gọi là Google Adsense . Nói một cách dễ hiểu thì khi bạn được chấp ...

Read more »

Hướng dẫn tạo một Game đơn giản với AndEngine 2.0 (Phần 3)

Nào chúng ta lại tiếp tục phần 3 nhé, trong phần này chúng ta sẽ tạo ra đạn để bắn vào vật thể.<br /> <br /> OK! Trước khi vào phần này bạn bạn nên tham khảo Object pool của bài viết TKminh ở vietandroid.com nhé, ở đây tôi không giới thiệu nó.<br /> <br /> Let’s start:<br /> <br /> Để bắn đi từ Ship tới mục tiêu, chúng ta cần những viên đạn, vì vậy chúng ta sẽ tạo ra đạn ở đây: Ta tạo ra lớp đạn và đặt tên là Bullet<br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 132px;"><b>public</b> <b>class</b> Bullet { <b>public</b> Rectangle sprite;//Đạn hình vuông nhỏ <b>public</b> Bullet(){ sprite = <b>new</b> Rectangle(0,0,10,10,AndEngineTutorial2Activity.<i>getSharedInstance</i>(). getVertexBufferObjectManager()); sprite.setColor(1f,0f,0f); } }</pre> </div> <br /> Mỗi viên đạn là 1 hình vuông có size 10x10 pixels, và màu nó là màu đỏ (RGB). Ở đây bạn cũng có thể sử dụng hình ảnh thay vì các viên đạn bạn chỉ cần thay sprite thành Sprite và điều chỉnh một chút bên trong lớp là OK. <br /> <br /> OK Bây giờ chúng ta sẽ sử dụng pool để tái sử dụng lại các viên đạn <br /> Chúng ta tạo ra 1 lớp mới đặt tên là: BulletPool<br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 348px;"><b>public</b> <b>class</b> BulletPool <b>extends</b> GenericPool<Bullet> { <b>public</b> <b>static</b> BulletPool <i>instance</i>; <b>public</b> <b>static</b> BulletPool sharedBulletPool() { <b>if</b> (<i>instance</i> == <b>null</b>) <i>instance</i> = <b>new</b> BulletPool(); <b>return</b> <i>instance</i>; } <b>private</b> BulletPool() { <b>super</b>(); } @Override <b>protected</b> Bullet onAllocatePoolItem() { // <b>TODO</b> Auto-generated method stub <b>return</b> <b>new</b> Bullet(); } // Dung de Recycle 1 bullet <b>protected</b> <b>void</b> onHandleRecycleItem(<b>final</b> Bullet b) { b.sprite.clearEntityModifiers(); b.sprite.clearUpdateHandlers(); b.sprite.setVisible(<b>false</b>); b.sprite.detachSelf(); } }</pre> </div> <br /> <br /> <br /> Đầu tiên chúng ta cần phải theo dõi xem viên đạn bắn ra từ đâu, và đi như thế nào từ đâu đến đâu để chúng ta còn loại bỏ nó. Và khi viên đạn gặp cái gì đó (đích, hoặc ngoài màn hình).<br /> <br /> Bây giờ chúng ta hãy trở lại lớp GameScene tạo mới LinkedList của các viên đạn và biến để đếm chúng.<br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 60px;"> <b> public</b> <b>int</b> bulletCount; <b>public</b> LinkedList<Bullet> bulletList;</pre> </div> Bên trong Constructor chúng ta new bulletlist<br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 36px;"> bulletList = <b>new</b> LinkedList<Bullet>();</pre> </div> Chúng ta trở lại lớp Ship và them vào method (shoot() ) như sau:<br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 228px;"> <b>public</b> <b>void</b> shoot() { <b>if</b> (!moveable) <b>return</b>; GameScene scene = (GameScene) AndEngineTutorial2Activity.<i>getSharedInstance</i>().mCurrentScene; Bullet b = BulletPool.<i>sharedBulletPool</i>().obtainPoolItem(); b.sprite.setPosition(sprite.getX() + sprite.getWidth() / 2, sprite.getY()); MoveYModifier mod = <b>new</b> MoveYModifier(1.5f, b.sprite.getY(), -b.sprite.getHeight()); b.sprite.setVisible(<b>true</b>); b.sprite.detachSelf(); scene.attachChild(b.sprite); scene.bulletList.add(b); b.sprite.registerEntityModifier(mod); scene.bulletCount++; }</pre> </div> <br /> <br /> Kiểm tra nếu Ship mà không dịch chuyển được thì bỏ qua (Vì không dịch chuyển được thì không bán đạn làm gì)<br /> <br /> Chúng ta có được Scene hiện tại. và lấy được 1 viên đạn từ pool sau đó chúng ta thiết lập nó ở vị trí giữa bên trên Ship.<br /> Chúng ta tạo ra 1 MoveYModifier và dịch chuyển viên đạn này dọc theo trục Y.<br /> Trong trường hợp hiện tại của chúng ta, chúng ta cho di chuyển viên đạn từ vị trí ban đầu tới vị trí hết màn hình. Và ta cho hiển thị viên đạn này lên, và sau đó detach bản thân nó từ pool (Mặc dù khi ta lấy nó ra bằng obtain….() thì bản thân nó đã detach rồi, nhưng ở đây tôi cứ viết thêm cho nó rõ hơn).<br /> Tiếp theo chúng ta attach viên đạn tới Scene hiện tại và đồng thời add nó tới linked list, sau đó đăng ký modifier nếu chúng ta không thực hiện điều này thì viên đạn không thể dịch chuyển được, Sau đó ta tăng biến đếm lên 1 đơn vị.<br /> <br /> Trước khi chúng ta chạy chương trình này chúng ta cần thực hiện thêm một số bước nhỏ.<br /> Ta trở lại GameScene và implements IOnSceneTouchListener<br /> <br /> Trong constructor chúng ta<br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 36px;"> <b>setOnSceneTouchListener(this)</b></pre> </div> //Và thêm method touch như sau:<br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 132px;"> @Override <b>public</b> <b>boolean</b> onSceneTouchEvent(Scene pScene, TouchEvent pSceneTouchEvent) { <b>synchronized</b> (<b>this</b>) { ship.shoot(); } <b>return</b> <b>true</b>; }</pre> </div> Mỗi lần ta touch on the screen thì nó sẽ gọi shoot(), ta thực hiện hàm này ngay ở đây và không cần chuyển nó đến nới khác để xử lý. <br /> <br /> OK đến đây khi bạn touch thì đã có bullet rồi. Nhưng chúng ta còn một công việc nữa đó là chúng ta chưa làm sạch các viên đạn (Không trả lại chúng tới pool) khi chúng tới đích vì vậy chúng ta sẽ làm tiếp việc này trước khi chúng ta kết thúc phần này. <br /> <br /> Ta thêm vào trong GameScene method sau:<br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 216px;"> <b>public</b> <b>void</b> cleaner() { <b>synchronized</b> (<b>this</b>) { Iterator<Bullet> it = bulletList.iterator(); <b>while</b> (it.hasNext()) { Bullet b = it.next(); <b>if</b> (b.sprite.getY() <= -b.sprite.getHeight()) { BulletPool.<i>sharedBulletPool</i>().recyclePoolItem(b); it.remove(); <b>continue</b>; } } } }</pre> </div> <br /> <br /> Chúng ta lặp đi lặp lại trên linked list (Sử dụng 1 bộ lặp) và nếu viên đạn đi ra màn hình, chúng ta sẽ trả lại nó về pool (Tái sử dụng nó), và sau đó remove nó từ linked list và tiếp tục lặp lại. <br /> <br /> Bây giờ chúng ta chỉ cần gọi method này, chúng ta sẽ thực hiện điều này qua GameLoopUpdateHanler bằng cách add thêm dòng lệnh sau vào onUpdate()<br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 48px;"> ((GameScene)AndEngineTutorial2Activity.<i>getSharedInstance</i>().mCurrentScene).cleaner();</pre> </div> OK! Đến đây bạn có thể chạy thử nhé:<br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG1jrmWrLJTkml70XpTf2Hz9tvcMBOubTm3K1Sy8Yu4mVBGsmBQtP70leaxgiXoAkFHe4ceQsEEcfoGQ-sXaUsyI6hF-GG5Zj-86LDSQdAM36wUVoE95q_3JDQfQNJNGZFWLFQBDKfGtk/s1600/g6.png" target="_blank"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG1jrmWrLJTkml70XpTf2Hz9tvcMBOubTm3K1Sy8Yu4mVBGsmBQtP70leaxgiXoAkFHe4ceQsEEcfoGQ-sXaUsyI6hF-GG5Zj-86LDSQdAM36wUVoE95q_3JDQfQNJNGZFWLFQBDKfGtk/s400/g6.png" /></a><br /> <div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"> <br /></div>

Hướng dẫn tạo một Game đơn giản với AndEngine 2.0 (Phần 3)

Nào chúng ta lại tiếp tục phần 3 nhé, trong phần này chúng ta sẽ tạo ra đạn để bắn vào vật thể. OK! Trước khi vào phần này bạn bạn nên tha...

Read more »

Hướng dẫn tạo một Game đơn giản với AndEngine 2.0 (Phần 2)

<span style="color: black;"><span style="font-family: Times New Roman;"><b><span style="color: blue;">Main Menu</span></b></span></span><br /> <br /> <span style="color: black;"><span style="font-family: Times New Roman;">Như thường lệ, một game sau khi load Splash Screen xong thì bước tiếp sẽ là hiển thì Menu cho chúng ta chọn. Trong trò này tôi sẽ hiển thị nút GAME START cho chúng ta click vào để bắt đầu chơi. Bây giờ chúng ta tạo ra 1 lớp mới đặt tên là : <b>MainMenuScene </b>và extends MenuScene, implements IOnMenuItemClickListener </span></span><br /> <br /> <span style="color: black;"><span style="font-family: Times New Roman;">Tiếp theo chúng ta thêm 2 biến sau vào lớp này:<br /> </span></span><br /> <div class="bbcode_container"> <span style="color: black;"> </span><br /> <div class="bbcode_description"> <span style="color: black;">Mã:</span></div> <span style="color: black;"> </span></div> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 48px;"> private AndEngineTutorial2Activity activity; final int MENU_START = 0;</pre> </div> Biến MENU_START là 1 biến được sử dụng để đánh dấu, nếu bạn có nhiều nút thì tương ứng có bấy nhiêu biến flag này để đánh dấu và phân biệt giữa các nút với nhau:<br /> <br /> Trong phương thức khởi dựng chúng ta sẽ viết đoạn code sau:<br /> <br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 348px;"> public MainMenuScene() { // TODO Auto-generated constructor stub super(AndEngineTutorial2Activity.getSharedInstance().mCamera); activity = AndEngineTutorial2Activity.getSharedInstance(); setBackground(new Background(0.09804f, 0.6274f, 0.8784f)); IMenuItem startButton = new TextMenuItem(MENU_START, activity.mFont, activity.getString(R.string.start), activity.getVertexBufferObjectManager()); startButton.setPosition(mCamera.getWidth() / 2 - startButton.getWidth() / 2, mCamera.getHeight() / 2 - startButton.getHeight() / 2); addMenuItem(startButton); setOnMenuItemClickListener(this); }</pre> </div> <br /> Chúng ta Send Camera hiện tại tới lớp cha cho nó tiện làm việc.<br /> Chúng ta cũng thêm vào trong <b>strings.xml</b> đoạn text là "GAME START" <br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 36px;"><span style="color: teal;"><span style="font-family: Consolas;"><</span></span><span style="color: #3f7f7f;"><span style="font-family: Consolas;">string</span></span><span style="color: #7f007f;"><span style="font-family: Consolas;">name</span></span><span style="font-family: Consolas;">=</span><i><span style="color: #2a00ff;">"start"</span><span style="color: teal;">></span>GAME START<span style="color: teal;"></</span><span style="color: #3f7f7f;">string</span><span style="color: teal;">></span></i></pre> </div> <span style="font-size: medium;">Vị trí của nó ở giữa màn hình, và thêm nó vào giống như 1 MenuItem, và sau đó chúng ta đăng ký Scene hiện tại giống như 1 MenuItemClickListener. </span><br /> <span style="font-size: medium;"><br /> </span><br /> <span style="font-size: medium;">Chúng ta override method onMenuItemClicked</span><br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 252px;"> @Override public boolean onMenuItemClicked(MenuScene pMenuScene, IMenuItem pMenuItem, float pMenuItemLocalX, float pMenuItemLocalY) { // TODO Auto-generated method stub switch (pMenuItem.getID()) { case MENU_START: //activity.setCurrentScene(new GameScene()); return true; default: break; } return false; }</pre> </div> <br /> <span style="color: black;"><span style="font-family: Times New Roman;">Chúng ta chỉ cần bắt sự kiện khi button được kích. Tức là khi clicked thì trò chơi sẽ bắt đầu, trước khi test thử chúng ta mở lớp SplashScreen vào thêm vào dòng lệnh sau và đặt nó trong phuong thức loadResource(). loadResource được gọi trong constructor của lớp này.</span></span><br /> <span style="color: black;"><span style="font-family: Times New Roman;"><span style="font-size: medium;">Thông thường SplashScreen là dùng để load Resource, vì không để người sử dụng phải chờ đợi trong khi Game load resource. Trong bài Tut này chúng ta thay vì tạo ra 1 thread để load resource thì sau 2 giây chúng ta hiển thị nút Start để bắt đầu hiển thị nút Start Game cho người chơi bắt đầu chơi.</span></span></span><br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 324px;">public void loadResource(){ DelayModifier dMod=new DelayModifier(2, new IEntityModifierListener() { @Override public void onModifierStarted(IModifier<IEntity> pModifier, IEntity pItem) { // TODO Auto-generated method stub } @Override public void onModifierFinished(IModifier<IEntity> pModifier, IEntity pItem) { // TODO Auto-generated method stub activity.setCurrentScene(new MainMenuScene()); } }); /*DelayModifier dMod= new DelayModifier(2){ @Override protected void onModifierFinished(IEntity pItem) { // TODO Auto-generated method stub activity.setCurrentScene(new MainMenuScene()); } }; */ this.registerEntityModifier(dMod); }</pre> </div> <br /> <br /> <br /> <span style="color: black;"><span style="font-family: Times New Roman;">Tiếp theo chúng ta cũng thay đổi màu màn hình khi GAME START xuất hiện (Các bạn nhớ thêm loadResource() vào Constructor của lớp này nhé)</span></span><br /> <span style="color: black;"><span style="font-family: Times New Roman;">Sau 2 seconds thì sẽ chuyển sang màn hình:</span></span><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL5yburNSglVIpETFrze_BRdWOhxPay-kliDXScwrpALuYKWP1ZboN6JDb0syJgErW6zYpbLkn40bhCngFeUnVgQ1cBplJ7-KmLQwP502GZxPbJ33eniC5HVYrlrKdBxBMd2Cy_lbM3Rg/s1600/game3.png" target="_blank"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL5yburNSglVIpETFrze_BRdWOhxPay-kliDXScwrpALuYKWP1ZboN6JDb0syJgErW6zYpbLkn40bhCngFeUnVgQ1cBplJ7-KmLQwP502GZxPbJ33eniC5HVYrlrKdBxBMd2Cy_lbM3Rg/s640/game3.png" /></a><br /> <br /> <br /> <span style="color: black;"><span style="font-family: Times New Roman;"><b><span style="color: navy;">SHIPS (Bệ súng để bắn - di chuyển đi di chuyển lại ở cuối screen)</span></b></span></span><br /> <br /> <span style="color: black;"><span style="font-family: Times New Roman;">Bây giờ chúng ta sẽ tạo ra 1 lớp Ships (Nó là hình chữ nhật chạy bên dưới tương tự như 1 cỗ máy để bắn đặn lên các vì sao...), trong ví dụ này chúng ta chỉ tạo ra 1 Ship, nó cũng được truy cập rất nhiều.</span></span><br /> <br /> <span style="color: black;"><span style="font-family: Times New Roman;">OK! Bây giờ chúng ta sẽ tạo ra 1 lớp Ship:<br /> <br /> </span></span><br /> <div class="bbcode_container"> <div class="bbcode_description"> <span style="color: black;"><span style="font-family: Times New Roman;">Mã:</span></span></div> <pre class="bbcode_code" style="height: 372px;"><span style="color: black;"><span style="font-family: Times New Roman;">public class Ship { public Rectangle sprite; public static Ship instance; //boolean moveable; Camera mCamera; public static Ship getSharedInstance() { if (instance == null) instance = new Ship(); return instance; } private Ship() { sprite = new Rectangle(0, 0, 70, 30, AndEngineTutorial2Activity.getSharedInstance() .getVertexBufferObjectManager()); mCamera = AndEngineTutorial2Activity.getSharedInstance().mCamera; sprite.setPosition(mCamera.getWidth() / 2 - sprite.getWidth() / 2, mCamera.getHeight() - sprite.getHeight() - 10); //moveable=true; }</span></span></pre> </div> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <span style="color: black;"><span style="font-family: Times New Roman;">Sprite của lớp này sẽ là 1 Hình chữ nhật, với chiều rộng 70pixels, ngang 30 pixels, vị trí của Sprite của nó là ở giữa màn hình bên dưới của camera mà chúng ta có được từ AndEngineTutorial2Activity.<br /> <span style="color: navy;">Bây giờ chúng ta cần có 1 Scene cho 1 Game thực sự. Ta gọi là lớp “<b>GameScene</b>”</span><br /> Và khai báo 2 biến:<br /> </span></span><br /> <div class="bbcode_container"> <div class="bbcode_description"> <span style="color: black;"><span style="font-family: Times New Roman;">Mã:</span></span></div> <pre class="bbcode_code" style="height: 48px;"><span style="color: black;"><span style="font-family: Times New Roman;"> public Ship ship; Camera mCamera;</span></span></pre> </div> <span style="color: black;"><span style="font-family: Times New Roman;"> Và constructor<br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:<br /> </div> <pre class="bbcode_code" style="height: 120px;"> public GameScene() { </pre> <pre class="bbcode_code" style="height: 120px;"> setBackground(new Background(0.09804f, 0.6274f, 0.8784f)); mCamera = AndEngineTutorial2Activity.getSharedInstance().mCamera; ship = Ship.getSharedInstance(); attachChild(ship.sprite); }</pre> </div> Chúng ta sử dụng màu nền game là cùng màu lúc START GAME, và sau đó khởi tạo đối tượng ship bằng cách gọi method getSharedInstance(), và sau đó ta attach Sprite của Ship này tới Scene (Ta chỉ attach Sprite không phải ship).<br /> <br /> Bây giờ chúng ta hãy quay lại lớp: <b>MainMenuScene </b>và thay đổi 1 chút ở onMenuItemClicked():<br /> <br /> <span style="font-family: Verdana;"><div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> </div> </span><div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 276px;"><span style="font-family: Verdana;"> @Override</span> <span style="font-family: Verdana;"> public boolean onMenuItemClicked(MenuScene pMenuScene, IMenuItem pMenuItem,</span> <span style="font-family: Verdana;"> float pMenuItemLocalX, float pMenuItemLocalY) {</span> <span style="font-family: Verdana;"> // TODO Auto-generated method stub</span> <span style="font-family: Verdana;"> switch (pMenuItem.getID()) {</span> <span style="font-family: Verdana;"> case MENU_START:</span> <span style="font-family: Verdana;"> activity.setCurrentScene(new GameScene());//Thay đổi ở đây</span> <span style="font-family: Verdana;"> </span> <span style="font-family: Verdana;"> return true;</span> <span style="font-family: Verdana;"> default:</span> <span style="font-family: Verdana;"> break;</span> <span style="font-family: Verdana;"> </span> <span style="font-family: Verdana;"> }</span> <span style="font-family: Verdana;"> </span> <span style="font-family: Verdana;"> return false;</span> <span style="font-family: Verdana;"> }</span> <span style="font-family: Verdana;"> </span></pre> </div> OK! Bây giờ bạn thử chạy và sẽ thấy trên màn hình đã có Sprite.<br /> <br /> </span></span><br /> <br /> <span style="color: black;"><span style="font-family: Times New Roman;"><b><span style="color: navy;">Nào bây giờ chúng ta hãy làm dịch chuyển Sprite này:</span></b></span></span><br /> <br /> <span style="color: black;"><span style="font-family: Times New Roman;">Ở đây chúng ta sẽ làm cho Sprite này dịch chuyển bằng cách sử dụng TILT Accelerometer của thiết bị.</span></span><br /> <br /> <span style="color: black;"><span style="font-family: Times New Roman;">Chúng ta sẽ dữ speed data của Accelerometer trong lớp GameScene. Vì vậy ta thêm 1 biết float vào lớp này và gọi nó là “accelerometerSpeedX”, chúng ta sẽ sử dụng nó sau.</span></span><br /> <span style="color: black;"><span style="font-family: Times New Roman;">Bây giờ ta sẽ tạo 1 lớp mới và gọi nó là “SensorListener” implements “SensorEventListener” và add các unimplements của nó.</span></span><br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 372px;">public class SensorListener implements SensorEventListener{ static SensorListener instance; GameScene scene; public static SensorListener getSharedInstance() { if (instance == null) instance = new SensorListener(); return instance; } public SensorListener() { instance = this; scene = (GameScene) AndEngineTutorial2Activity.getSharedInstance().mCurrentScene; } @Override public void onAccuracyChanged(Sensor sensor, int accuracy) { } @Override public void onSensorChanged(SensorEvent event) { } }</pre> </div> <span style="color: black;"><span style="font-family: Times New Roman;">Và bây giờ trong method onSensorChanged() chúng ta cài đặt như sau:</span></span><br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:<br /> <br /> <br /> <br /> <br /> <br /> </div> <pre class="bbcode_code" style="height: 192px;">@Override public void onSensorChanged(SensorEvent event) { synchronized (this) { switch (event.sensor.getType()) { case Sensor.TYPE_ACCELEROMETER: scene.accelerometerSpeedX = event.values[1]; break; default: break; } } }</pre> </div> <span style="color: black;"><span style="font-family: Times New Roman;">Chúng ta sử dụng synchronized để đảm bảo rằng chúng ta không có 1 concurrentModificationException (Nó giống như thread safe).</span></span><br /> <br /> <span style="color: black;"><span style="font-family: Times New Roman;">Điều này sẽ làm accelerometerSpeedX trong <b>GameScene</b> chứa các giá trị của gia tốc SpeedX mà chúng ta sẽ sử dụng để xác định di chuyển ship như thế nào.</span></span><br /> <span style="color: black;"><span style="font-family: Times New Roman;">Bây giờ chúng ta sẽ tạo ra 1 method để di chuyển Ship. Trong lớp Ship ta thêm phương thức sau:<br /> <br /> </span></span><br /> <div class="bbcode_container"> <div class="bbcode_description"> <span style="color: black;"><span style="font-family: Times New Roman;">Mã:</span></span></div> <pre class="bbcode_code" style="height: 372px;"><span style="color: black;"><span style="font-family: Times New Roman;">public void moveShip(float accelerometerSpeedX) { if (!moveable) return; if (accelerometerSpeedX != 0) { int lL = 0; int rL = (int) (mCamera.getWidth() - (int) sprite.getWidth()); float newX; // Calculate New X,Y Coordinates within Limits if (sprite.getX() >= lL) newX = sprite.getX() + accelerometerSpeedX; else newX = lL; if (newX <= rL) newX = sprite.getX() + accelerometerSpeedX; else newX = rL; // Double Check That New X,Y Coordinates are within Limits if (newX < lL) newX = lL; else if (newX > rL) newX = rL; sprite.setPosition(newX, sprite.getY()); } }</span></span></pre> </div> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <span style="color: black;"><span style="font-family: Times New Roman;">Ta thêm 1 biến boolean và set = true ở constructor. Đây là 1 biến flag được sử dụng để tạm dừng Ship trong khi mọi thứ khác vẫn hoạt động.<br /> <br /> Đối với method moveShip() nó cơ bản là nhận vào 1 accelerometer khi có thay đổi và nó dịch chuyển ship theo dữ liệu nhận vào. Nó tính toán ở đâu mà sprite nên đi (vị trí hiện tại dịch chuyển sang trái hay sang phải).<br /> <br /> Chúng ta sẽ gọi method trên trong GameScene<br /> </span></span><br /> <div class="bbcode_container"> <div class="bbcode_description"> <span style="color: black;"><span style="font-family: Times New Roman;">Mã:</span></span></div> <pre class="bbcode_code" style="height: 60px;"><span style="color: black;"><span style="font-family: Times New Roman;"> public void moveShip() { ship.moveShip(accelerometerSpeedX); }</span></span></pre> </div> <span style="color: black;"><span style="font-family: Times New Roman;"> Và trước khi để nó có thể di chuyển được đi đi lại lại chúng ta phải gọi method này ở bất kỳ frame nào vì vậy chúng ta sẽ cần một IUpdateHandler. Chúng ta tạo 1 lớp GameLoopUpdateHandler và implements IUpdateHandler và sao đó add method này vào<br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 108px;"> @Override public void onUpdate(float pSecondsElapsed) { // TODO Auto-generated method stub ((GameScene)AndEngineTutorial2Activity.getSharedInstance().mCurrentScene).moveShip(); }</pre> </div> Về cơ bản ta lấy mCurrentScene từ AndEngineTutorial2Activity và bắt nó tới GameScene (Ở lúc này Scene hiện tại là 1 instance của GameScene) và sau đó chúng ta gọi moveShip() bên trong Scene.<br /> <br /> Chúng ta sẽ thêm 1 chút vào constructor của GameScene như sau:<br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 132px;"> AndEngineTutorial2Activity.getSharedInstance().setCurrentScene(this); sensorManager = (SensorManager) AndEngineTutorial2Activity.getSharedInstance() .getSystemService(BaseGameActivity.SENSOR_SERVICE); SensorListener.getSharedInstance(); sensorManager.registerListener(SensorListener.getSharedInstance(), sensorManager.getDefaultSensor(Sensor.TYPE_ACCELEROMETER), SensorManager.SENSOR_DELAY_GAME); registerUpdateHandler(new GameLoopUpdateHandler());</pre> </div> <br /> Chúng ta thiết lập Scene hiện tại là GameScene hiện tại. Tôi biết rằng chúng ta đang làm điều đó khi chúng ta clicked vào nút START GAME, nhưng chỉ cài đặt nó sau khi lớp này được khởi tạo giống như Constructor kết thục thì được gọi. Chúng ta không cần thay đổi nó ở giữa) và sau đó nghe ngón accelerometer thay đổi .<br /> <br /> Phần cuối cùng chúng ta đăng ký giống như 1 UpdateHandler();<br /> Bây giờ bạn có thể cầm thiết bị của bạn dịch chuyển và xem nó thay đổi như thế nào.<br /> <br /> <br /> Nếu bạn chạy = Emulator thì chuyển từ màn hình nằm ngang sang màn hình dọc, Sprite này sẽ chạy dọc từ giữa màn hình xuống cuối màn hình như hình vẽ<br /> <b>ảnh ban đầu:</b><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqh3ApNBsU2Hj_TWna4Du2ERndcqB1xZPYxmCd3XyE7n1eLGvFObsj5Yqnjj8lbtxMxXLj8LLb_JhjVZA-HcVNTUXZH3cpu_EKIoC_lAJXKKKOCRO2gTVjrgOdStTDwQMARUGQ6afqLPU/s1600/game5.png" target="_blank"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqh3ApNBsU2Hj_TWna4Du2ERndcqB1xZPYxmCd3XyE7n1eLGvFObsj5Yqnjj8lbtxMxXLj8LLb_JhjVZA-HcVNTUXZH3cpu_EKIoC_lAJXKKKOCRO2gTVjrgOdStTDwQMARUGQ6afqLPU/s320/game5.png" /></a><br /> <br /> <br /> ảnh sau khi nghiên divice <br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Fc_se0idl57XLSQpBQHpnbC4EDSNJkJotLz14xAnPbiTcneg4r39z9uy6g3nsGIVpdo1wQn0NLKQzm2mNudQ_Qh00BQp4HEWBy9jjiTvAD8-7Cf3m6YNn7mqOu7AH-jm-q0-tEtlw0E/s1600/game4.png" target="_blank"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Fc_se0idl57XLSQpBQHpnbC4EDSNJkJotLz14xAnPbiTcneg4r39z9uy6g3nsGIVpdo1wQn0NLKQzm2mNudQ_Qh00BQp4HEWBy9jjiTvAD8-7Cf3m6YNn7mqOu7AH-jm-q0-tEtlw0E/s320/game4.png" /></a><br /> <br /> Source: </span></span>http://www.mediafire.com/?9ojc4vbxri0f5my<br />

Hướng dẫn tạo một Game đơn giản với AndEngine 2.0 (Phần 2)

Main Menu Như thường lệ, một game sau khi load Splash Screen xong thì bước tiếp sẽ là hiển thì Menu cho chúng ta chọn. Trong trò này tôi...

Read more »

Hướng dẫn tạo một Game đơn giản với AndEngine 2.0 (Phần 1)

<b>Yêu cầu:</b><br /> <b>1. Bạn phải cài đặt Java, SDK, Eclipse, ADT...........Đã có hướng dẫn nhiều google.com</b><br /> <b>2. Bạn phải add AndEngine Git Plugin vào Eclipse: </b><br /> <a href="http://opengles-android.blogspot.com/2012/10/huong-dan-add-andengine-20-cho-eclipse.html" target="_blank">ANDROID, OPEN GLES2.0, ANDENGINE....: Hướng dẫn Add AndEngine 2.0 cho Eclipse</a><br /> <b>3. Bạn phải cấu hình lại Emulator --GPU để phục vụ cho chạy GLES 2.X </b><br /> <a href="http://opengles-android.blogspot.com/2012/10/chay-andengine-trong-emulator.html" target="_blank">ANDROID, OPEN GLES2.0, ANDENGINE....: Chạy AndEngine trong Emulator</a><br /> <br /> <br /> <b>OK! Bây giờ việc chuẩn bị đã xong. Chúng ta bắt đầu đi từng bước để tạo ra 1 game thú vị nho nhỏ</b><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEwaSiMuNRRpTln9WRXf92Uk7uAdAfzU9Nnfxk3OicSl51vc39sQW6VZ7y1_mD5RlfHtoBultx31iPksnxyPmnigIlqtZcQNp64yC31h7eUoDnMaVxIYPnOP-8gyxf21Z0sjX1tmgeSDw/s1600/SpaceInvaders-Gameplay.gif" target="_blank"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEwaSiMuNRRpTln9WRXf92Uk7uAdAfzU9Nnfxk3OicSl51vc39sQW6VZ7y1_mD5RlfHtoBultx31iPksnxyPmnigIlqtZcQNp64yC31h7eUoDnMaVxIYPnOP-8gyxf21Z0sjX1tmgeSDw/s1600/SpaceInvaders-Gameplay.gif" /></a><br /> <b>(KẺ XÂM CHIẾM KHÔNG GIAN:<i> <</i></b><i>Hình minh họa></i> nguồn: <a href="https://en.wikipedia.org/wiki/Space_invaders" target="_blank">https://en.wikipedia.org/wiki/Space_invaders</a><br /> Đây không phải là toàn bộ về trò chơi nhưng chỉ minh họa một chút ít và sẽ hoàn thiện sau. Trong game này ta không sử dụng bất kỳ hình ảnh bên ngoài nào.<br /> Ta không sử dụng Sprite (Sử dụng Sprite ưu điểm giảm bộ nhớ sử dụng), trong project này hình ảnh hơi xấu xí 1 chút.<br /> <br /> <br /> Trước tiên đi vào bài tôi nói qua một số chức năng của các thành phần trong AndEngine một chút<br /> <br /> <br /> <ul> <li><b>SimpleBaseGameActivity: </b>Là một lớp chính của game, nó chứa và quản lý 1 Engine để tạo ra SurfaceView với các nội dung của Engine sẽ được vẽ ra màn hình. Có 1 điều chính sách là 1 Engine cho 1 SimpleBaseGameActivity.</li> <li><b>Engine: </b>làm trò chơi được sử lý từng bước riêng biệt theo thời gian, nó quản lý đồng bộ hóa việc vẽ ra màn hình và updating the scene. Nó chứa các nội dung mà game của bạn có hiện thời, Có 1 Scene trên mỗi Engine trừ trường hợp <b>SplitScreenEngines</b>.</li> <li><b>IResolutionPolicy: </b>Một cài đặt của giao diện IResolutionPolicy là một phần của EngineOptions. Nó nói cho AndEngine làm thế nào để xử lý với các size khác nhau của màn hình thiết bị. RatioResolutionPolicy sẽ tối đa hóa SurfaceView với kích thước hạn chế của màn hình, trong khi đó nó vẫn giữ được tỉ lệ của màn hình. Nghĩa là đối tượng không bị méo mó trong SurfaceView.</li> <li><b>Camera: </b>Một Camera định nghĩa 1 khung hình chữ nhật của Scene mà được vẽ trên màn hình, thông thường có 1 Camera trên mỗi Scene trừ trường hợp SplitScreenEngines. Có lớp con cho phép phóng to, thu nhỏ vị trí của Camera.</li> <li><b>Scene: </b>Lớp Scene là 1 lớp cha (root) chứa tất cả các đối tượng mà được vẽ lên trên màn hình.</li> <li><b>Entity: </b>Là các đối tượng sẽ được vẽ bên trong Scene, các đối tượng này có thể ratation, scale....</li> <li><b>Texture: </b>Một Texture là 1 "image" trong bộ nhớ của chip đồ họa. Trong Android với chiều rộng và chiều cao của 1 texture phải là mũ của 2 ví dụ hình ảnh có kích thước là 60x128 chẳng hạn, thì texture bạn phải tạo là 64x128.</li> <li><b>ITextureSource: </b>Một cài đặt của giao diện ITextureSource giống như AssetTextureSource quản lý để load 1 ảnh vào 1 vị trí được chỉ rõ trong Texture.</li> <li><b>TextureRegion: </b>Load ảnh vào texture và cắt ra theo một khung hình chữ nhật, với kích thức bạn đặt trước. Được sử dụng trong Sprites</li> <li><b>PhysicsConnector: </b>Quản lý để cập nhật AndEngine-Shapes(giống như Rectangle,Sprites, ).....</li> </ul> <br /> <br /> OK! Let's start! Chúng ta tạo 1 project và đặt tên là AndEngineTutorial2 chẳng hạn và tên Activity là AndEngineTutorial2Activity. Lớp này chúng ta kế thừa từ SimpleBaseGameActivity class của AndEngine và ta xóa bỏ toản bộ nội dung bên trong lớp. Và ta cài đặt 3 method abstract của superclass bằng cách click vào unimplements trên lớp activity--> Nó sẽ tự dộng Gen ra 3 method. Tiếp theo trong Activity này chúng ta khai báo các biến như sau<br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 144px;"> public static final int CAMERA_WIDTH = 800; public static final int CAMERA_HEIGHT = 480; public Font mFont; public Camera mCamera; public Scene mCurrentScene; public static AndEngineTutorial2Activity instance;</pre> </div> Chú ý rằng tôi sử dụng biến tĩnh cho CAMERA_WIDTH, CAMERA_HEIGHT. Việc sử dụng biến tĩnh này sẽ rất tốt vì nó phụ thuộc vào kích thước màn hình của thiết bị (tỷ lệ chiều cao, rông....) cho nên bạn không bận tâm chiều cao, rộng của màn hình thiết bị (Điều này tôi sẽ giải thích rõ phần cuối bài).<br /> <br /> <br /> Sau đó chúng ta sử dụng Font để viết chữ lên trên màn hình giới thiệu <Việc này cũng rất cần thiết trong các trò game><br /> mCurrentScene là 1 đối tượng kiểu Scene. Nó được sử dụng để chuyển đến Scene trên cùng, nó rất là hữu dụng bạn sẽ biết nó hữu dụng như thế nào trong những phần sau.<br /> Và biến cuối cùng là Activity của chính lớp này.<br /> <br /> <br /> trong method onCreateEngineOptions() chúng ta thực hiện như sau:<br /> <br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 168px;"> @Override public EngineOptions onCreateEngineOptions() { // TODO Auto-generated method stub instance = this; mCamera = new Camera(0, 0, CAMERA_WIDTH, CAMERA_HEIGHT); return new EngineOptions(true, ScreenOrientation.LANDSCAPE_SENSOR, new RatioResolutionPolicy(CAMERA_WIDTH, CAMERA_HEIGHT), mCamera); }</pre> </div> Tiếp theo trong Method onCreateResources()<br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 132px;"> @Override protected void onCreateResources() { // TODO Auto-generated method stub mFont = FontFactory.create(getFontManager(), getTextureManager(), 256, 256, Typeface.create(Typeface.DEFAULT, Typeface.BOLD), 32); mFont.load(); }</pre> </div> Ở trong Game này như tôi đã nói chúng ta không cần bất kỳ Image nào. Chúng ta chỉ khởi tạo mỗi mFont và load nó.<br /> <br /> Trong onCreateScene()<br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 96px;"> public void setCurrentScene(Scene scene){ mEngine.registerUpdateHandler(newFPSLogger()); mCurrentScene = newScene(); mCurrentScene.setBackground(newBackground(0.09804f, 0.7274f, 0.8f)); returnmCurrentScene; }</pre> </div> OK! Đến đây coi như bước đầu tiên ta có thể chạy thử rồi, trước khi chạy thử ta chèn thêm 2 method này vào lớp Activity của chúng ta:<br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 132px;"> public static AndEngineTutorial2Activity getSharedInstance(){ return instance; } //De thay doi scene hien tai public void setCurrentScene(Scene scene){ mCurrentScene=scene; getEngine().setScene(scene); }</pre> </div> getSharedInstance() sẽ trả về Actitvity hiện tại của lớp AndEngineTutorial2Activity vì vậy chúng ta có thể truy cập tới lớp này. Và setCurrentScene() sẽ đặt lại Scene và update mCurrentScene tới Scene mới.<br /> <br /> OK! Bây giờ ta chạy thử chương trình, nó sẽ hiển thị màu xanh và không có gì.<br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj11Wdo341B-DQ6LXnT-rkDn8WLOxK0SYrnvr9T-T2714ojGCSkaxjiRCsX9tgeAupNoF67b3tEMze14EStC5KyRWdEz0kJGArJvtbQaurkrhXMZslbDjyPEF0gDDtItqN_t3hT5zHzoU8/s1600/fff.png" target="_blank"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj11Wdo341B-DQ6LXnT-rkDn8WLOxK0SYrnvr9T-T2714ojGCSkaxjiRCsX9tgeAupNoF67b3tEMze14EStC5KyRWdEz0kJGArJvtbQaurkrhXMZslbDjyPEF0gDDtItqN_t3hT5zHzoU8/s320/fff.png" /></a><br /> <br /> <br /> <br /> <b>Tiếp theo chúng ta cùng nghiên cứu về Splash (Nó được sử dụng rất nhiều trong các Game)</b><br /> <br /> Chúng ta sẽ tạo một Splash Screen với dòng chữ chạy từ 2 phía màn hình (Mục đích để giới thiệu về game, hoặc tác giả....)<br /> <br /> Trong strings.xml chúng ta thêm 2 dòng sau vào trong file này: Nhớ chỉnh lại trong file utf-8<br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 48px;"> <string name="title_1">Tran</string> <string name="title_2">Thuan</string></pre> </div> Tiếp theo chúng ta tạo ra 1 lớp mới và đặt tên là: SplashScreen và kết thừa từ Scene và sau đó chúng ta tạo ra 1 biến như sau:<br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 36px;"><b>private</b> AndEngineTutorial2Activity activity;</pre> </div> Bên trong phương thức khởi dụng của lớp này ta thêm vào như sau:<br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 192px;"> setBackground(new Background(0.09804f, 0.6274f, 0)); activity = AndEngineTutorial2Activity.getSharedInstance(); Text title1 = new Text(0, 0, activity.mFont, activity.getString(R.string.title_1), activity.getVertexBufferObjectManager()); Text title2 = new Text(0, 0, activity.mFont, activity.getString(R.string.title_2), activity.getVertexBufferObjectManager());</pre> </div> <br /> Bây giờ chúng ta có đối tượng Activity tham chiếu tới lớp AndEngineTutorial2Activity của chúng ta, chúng ta tạo ra 2 đối tượng Text, và chúng đều ở vị trí là 0,0.<br /> <br /> Tiếp theo chúng ta tạo sự chuyển động cho 2 Text này như sau:<br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 240px;"> title1.setPosition(-title1.getWidth(), activity.mCamera.getHeight() / 2); title2.setPosition(activity.mCamera.getWidth(), activity.mCamera.getHeight() / 2); attachChild(title1); attachChild(title2); title1.registerEntityModifier(new MoveXModifier(1, title1.getX(), activity.mCamera.getWidth()/2 - title1.getWidth())); title2.registerEntityModifier(new MoveXModifier(1, title2.getX(), activity.mCamera.getWidth() / 2)); //loadResource();</pre> </div> Ở đây chúng ta đã thay đổi vị trí của mỗi đối tượng Text, 2 Text này sẽ chạy từ 2 bên mà hình tới gặp nhau ở giữa màn hình. <br /> <br /> OK! Bây giờ chúng ta hãy làm nó hoạt động, ...Bạn hãy trở lại lớp Activity và thay đổi trong onCreateScene() như sau:<br /> <br /> <div class="bbcode_container"> <div class="bbcode_description"> Mã:</div> <pre class="bbcode_code" style="height: 120px;"> protected Scene onCreateScene() { // TODO Auto-generated method stub mEngine.registerUpdateHandler(new FPSLogger()); mCurrentScene = new SplashScene(); //mCurrentScene.setBackground(new Background(1,1,1)); return mCurrentScene; }</pre> </div> Đến đây bạn chạy thử và sẽ nhìn thấy Text chạy từ 2 bên màn hình như trong hình. (2 chữ chạy từ 2 góc màn hình tới center)<br /> <br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqcAoRF0AHUTyjXYxW54xcqBmTG4pL-rX5Rw8cgT5cT4lUrfIT4wxgM_Ygbso-u1MKP3oSemhgd8BWKe5npQpQ9ZsYrDnLi1jtQdHltiTwYlEK-0xfg2NsOj17qquaRhltoP7e8run1rw/s1600/game2.png" target="_blank"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqcAoRF0AHUTyjXYxW54xcqBmTG4pL-rX5Rw8cgT5cT4lUrfIT4wxgM_Ygbso-u1MKP3oSemhgd8BWKe5npQpQ9ZsYrDnLi1jtQdHltiTwYlEK-0xfg2NsOj17qquaRhltoP7e8run1rw/s640/game2.png" /></a>

Hướng dẫn tạo một Game đơn giản với AndEngine 2.0 (Phần 1)

Yêu cầu: 1. Bạn phải cài đặt Java, SDK, Eclipse, ADT...........Đã có hướng dẫn nhiều google.com 2. Bạn phải add AndEngine Git Plugin vào E...

Read more »