ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo

ºÝºÝߣ bài giảng lập trình Android DTU - Phần 2 (Bắt đầu vá»›i Helloworld)

•Download as PPT, PDF•
•
Techacademy Software
Techacademy Software

Android là má»™t hệ Ä‘iá»u hành dành cho thiết bị di Ä‘á»™ng nhÆ° Ä‘iện thoại, máy tính bảng, máy Ä‘á»c sách. Android cung cấp framework ứng dụng ở dạng component. Há»— trợ trình duyệt web, đồ há»a 2D – 3D, các định dạng Ä‘a phÆ°Æ¡ng tiện, bluetooth. Viewmore: www.techacademy.vn - Techacademy VietNam - Techacademy SoftWare

1 of 17
Downloaded 20 times
Bắt đầu vá»›i Hello World Lập trình ứng dụng thiết bị di Ä‘á»™ng Nguyá»…n Mạnh Äức
Tạo một project mới • Ở màn hình eclipse, bấm File  New  Project  Android  Android Project  Next • Hoặc trên thanh công cụ bấm vào icon như trong hình
Tạo một project mới • Ở màn hình kế nhập liệu vào các ô như sau: – Project name: HelloWorld (tên project hiển thị trên eclipse cũng sẽ là thư mục chứa ứng dụng trong workspace) – Application name: Hello World (tên ứng dụng sẽ hiện thị trên điện thoại) – Package name: org.multiuni.android.helloworld (tên của package sẽ chứa source code, tương tự trong java http://en.wikipedia.org/wiki/Java_package#Package_namin )
– Create activity: HelloWorldActivity (tạo một lớp con của lớp Activity, dùng để hiển thị một màn hình ở đây là màn hình HelloWorld của chúng ta) – Min SDK version: 4 (tức SDK 1.6, ở đây chúng ta khai báo là ứng dụng này có thể đáp ứng được phiên bản SDK cũ nhất là phiên bản nào) • Sau khi hoàn tất bấm Finish, project mới đã được tạo. Tạo một project mới
Cấu trúc má»™t project • ThÆ° mục src chứa source code ứng dụng. Gồm các package và các class. • ThÆ° mục gen chứa các file tá»± Ä‘á»™ng phát sinh (mà thÆ°á»ng gặp nhất là R.class) • ThÆ° mục res để chứa các resource dùng trong ứng dụng (thông qua ID) • ThÆ° mục assets chứa các resource file mà ứng dụng cần dùng (dÆ°á»›i dạng file)
Cấu trúc má»™t project • File Manifest là file khai báo thông tin vỠứng vá»›i hệ thống (nhÆ° ứng dụng gồm những màn hình nào, có service nào… xin các quyá»n gì, phiên bản bao nhiêu, dùng từ SDK phiên bản nào…) • Ngoài ra còn có file thÆ° viện.
Chạy ứng dụng Hello World • Với ứng dụng vừa tạo nếu có báo lỗi thì bạn sửa lại thông số cho ứng dụng như sau: bấm chuột phải vào project  Properties  Java compiler  Compiler compliance settings: 1.6
Chạy ứng dụng Hello World • Bấm Ctrl + F11 để chạy, ứng dụng sẽ tá»± Ä‘á»™ng cài đặt lên máy ảo và SDK sẽ gá»i chạy máy ảo
Tạo UI trực tiếp từ code • Code ban đầu của ứng dụng: public class HelloWorldActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); } }
Tạo UI trực tiếp từ code • Sửa lại như bên dưới rồi chạy lại (nếu thấy báo lỗi thiếu thư viện, thử bấm Ctrl + Shift + O) public class HelloAndroid extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); TextView tv = new TextView(this); tv.setText("Hello, Android"); setContentView(tv); } }
Xử lý sự kiện • Ở code bên trên, đổi TextView lại thành Button. Button bt = new Button(this); • Sau đó, implement phương thức xử lý sự kiện khi user click vào nút này bt.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { Toast.makeText(getApplicationContext(), "Hello World", Toast.LENGTH_LONG).show(); } });
Má»™t số phím tắt • Äể import các thÆ° viện còn thiếu bấm Ctrl + Shift + O • Äể xóa má»™t dòng code bấm Ctrl + D • Äể hiển thị bảng suggestion bấm Ctrl + Space • Äể comment má»™t dòng code Ctrl + /
Giao diện khi xoay màn hình • Tạo 1 project mới tên là Orientation. • Sau đó, bấm phải chuột vào thư mục res  new  Folder  nhập tên folder là layout- land (nhớ nhập chính xác nhé)
Xoay màn hình • Trong thÆ° mục layout ban đầu có file main.xml, copy file đó, cho vào thÆ° mục layout-land nhé, vậy là má»—i thÆ° mục Ä‘á»u có má»™t file main.xml • Ở má»—i file main trong 2 thÆ° mục đó, Ä‘á»u có Ä‘oạn này: <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text=“@string/hello" />
Xoay màn hình • Các bạn sửa cái nội dung android:text trong đoạn xml đó lại, để cho 2 file main đó có 2 nội dung text khác nhau là được. • Chạy chương trình, sau khi màn hình hiển thị, các bạn bấm Ctrl + F11 (Ctrl bên trái nhé) thử xem kết quả nhé.
Kết thúc • Nắm được cách tạo một ứng dụng Android đơn giản với cả 2 kiểu giao diện (đứng và ngang). • Chạy thử ứng dụng trên Android emulator. • Mở rộng thiết kế giao diện với các control khác.
http://maps.google.com/?saddr= %1.6f,%1.6f&daddr=%1.6f,%1.6f Há»i đáp

More Related Content

ºÝºÝߣ bài giảng lập trình Android DTU - Phần 2 (Bắt đầu vá»›i Helloworld)

  • 1. Bắt đầu vá»›i Hello World Lập trình ứng dụng thiết bị di Ä‘á»™ng Nguyá»…n Mạnh Äức
  • 2. Tạo má»™t project má»›i • Ở màn hình eclipse, bấm File  New  Project  Android  Android Project  Next • Hoặc trên thanh công cụ bấm vào icon nhÆ° trong hình
  • 3. Tạo má»™t project má»›i • Ở màn hình kế nhập liệu vào các ô nhÆ° sau: – Project name: HelloWorld (tên project hiển thị trên eclipse cÅ©ng sẽ là thÆ° mục chứa ứng dụng trong workspace) – Application name: Hello World (tên ứng dụng sẽ hiện thị trên Ä‘iện thoại) – Package name: org.multiuni.android.helloworld (tên của package sẽ chứa source code, tÆ°Æ¡ng tá»± trong java http://en.wikipedia.org/wiki/Java_package#Package_namin )
  • 4. – Create activity: HelloWorldActivity (tạo má»™t lá»›p con của lá»›p Activity, dùng để hiển thị má»™t màn hình ở đây là màn hình HelloWorld của chúng ta) – Min SDK version: 4 (tức SDK 1.6, ở đây chúng ta khai báo là ứng dụng này có thể đáp ứng được phiên bản SDK cÅ© nhất là phiên bản nào) • Sau khi hoàn tất bấm Finish, project má»›i đã được tạo. Tạo má»™t project má»›i
  • 5. Cấu trúc má»™t project • ThÆ° mục src chứa source code ứng dụng. Gồm các package và các class. • ThÆ° mục gen chứa các file tá»± Ä‘á»™ng phát sinh (mà thÆ°á»ng gặp nhất là R.class) • ThÆ° mục res để chứa các resource dùng trong ứng dụng (thông qua ID) • ThÆ° mục assets chứa các resource file mà ứng dụng cần dùng (dÆ°á»›i dạng file)
  • 6. Cấu trúc má»™t project • File Manifest là file khai báo thông tin vỠứng vá»›i hệ thống (nhÆ° ứng dụng gồm những màn hình nào, có service nào… xin các quyá»n gì, phiên bản bao nhiêu, dùng từ SDK phiên bản nào…) • Ngoài ra còn có file thÆ° viện.
  • 7. Chạy ứng dụng Hello World • Vá»›i ứng dụng vừa tạo nếu có báo lá»—i thì bạn sá»­a lại thông số cho ứng dụng nhÆ° sau: bấm chuá»™t phải vào project  Properties  Java compiler  Compiler compliance settings: 1.6
  • 8. Chạy ứng dụng Hello World • Bấm Ctrl + F11 để chạy, ứng dụng sẽ tá»± Ä‘á»™ng cài đặt lên máy ảo và SDK sẽ gá»i chạy máy ảo
  • 9. Tạo UI trá»±c tiếp từ code • Code ban đầu của ứng dụng: public class HelloWorldActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); } }
  • 10. Tạo UI trá»±c tiếp từ code • Sá»­a lại nhÆ° bên dÆ°á»›i rồi chạy lại (nếu thấy báo lá»—i thiếu thÆ° viện, thá»­ bấm Ctrl + Shift + O) public class HelloAndroid extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); TextView tv = new TextView(this); tv.setText("Hello, Android"); setContentView(tv); } }
  • 11. Xá»­ lý sá»± kiện • Ở code bên trên, đổi TextView lại thành Button. Button bt = new Button(this); • Sau đó, implement phÆ°Æ¡ng thức xá»­ lý sá»± kiện khi user click vào nút này bt.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { Toast.makeText(getApplicationContext(), "Hello World", Toast.LENGTH_LONG).show(); } });
  • 12. Má»™t số phím tắt • Äể import các thÆ° viện còn thiếu bấm Ctrl + Shift + O • Äể xóa má»™t dòng code bấm Ctrl + D • Äể hiển thị bảng suggestion bấm Ctrl + Space • Äể comment má»™t dòng code Ctrl + /
  • 13. Giao diện khi xoay màn hình • Tạo 1 project má»›i tên là Orientation. • Sau đó, bấm phải chuá»™t vào thÆ° mục res  new  Folder  nhập tên folder là layout- land (nhá»› nhập chính xác nhé)
  • 14. Xoay màn hình • Trong thÆ° mục layout ban đầu có file main.xml, copy file đó, cho vào thÆ° mục layout-land nhé, vậy là má»—i thÆ° mục Ä‘á»u có má»™t file main.xml • Ở má»—i file main trong 2 thÆ° mục đó, Ä‘á»u có Ä‘oạn này: <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text=“@string/hello" />
  • 15. Xoay màn hình • Các bạn sá»­a cái ná»™i dung android:text trong Ä‘oạn xml đó lại, để cho 2 file main đó có 2 ná»™i dung text khác nhau là được. • Chạy chÆ°Æ¡ng trình, sau khi màn hình hiển thị, các bạn bấm Ctrl + F11 (Ctrl bên trái nhé) thá»­ xem kết quả nhé.
  • 16. Kết thúc • Nắm được cách tạo má»™t ứng dụng Android Ä‘Æ¡n giản vá»›i cả 2 kiểu giao diện (đứng và ngang). • Chạy thá»­ ứng dụng trên Android emulator. • Mở rá»™ng thiết kế giao diện vá»›i các control khác.