Phát triển Android khi sử dụng Eclipse và các widget của Android (kỳ 2) Tóm tắt: Hướng dẫn này dành cho bất cứ ai quan tâm đến việc bắt đầu phát triển Android trên Eclipse bằng cách sử dụng trình cắm thêm (plug-in) các công cụ phát triển Android (ADT). Hướng dẫn này mang đến cái nhìn thấu đáo về các tính năng nổi bật của một ứng dụng Android, cùng với lời giải thích ngắn gọn về các thành phần cơ bản của nó. Quá trình Android được giới thiệu để phát triển các Giao diện người dùng (UI) phong phú cho các ứng dụng, như các widget (tiện ích). Cuối cùng, nó giới thiệu một cách dễ dàng để kiểm thử các ứng dụng đã phát triển bằng cách triển khai ứng dụng đó trên một trình mô phỏng thiết bị Android có kèm trong bộ công cụ phát triển phần mềm (SDK). Tiếp theo kỳ 2 như sau: 7. Chạy ứng dụng trên trình mô phỏng thiết bị Để triển khai và chạy ứng dụng này, bạn cần phải xác định một cấu hình chạy. Chọn Open > Run > Dialog hoặc phím tắt trên thanh công cụ trong Eclipse và chọn ứng dụng Android. Nhấn New và điền vào tên của cấu hình chạy này. Chỉ rõ tên dự án của bạn và hoạt động mặc định. Sau đó trong tab đích, chọn một số giá trị cài đặt trình mô phỏng mong muốn và xác định một AVD mà bạn muốn khởi động. Nhấn vào Run (Chạy). Bạn sẽ nhận được một AVD như trong Hình 6. Màn hình của thiết bị được hiển thị bên trái, cùng với một bàn phím QWERTY ở dưới cùng bên trái và các nút di động thông thường như quay số, ngắt kết nối, tắt tiếng, âm lượng và trang chủ ở trên cùng bên trái. Hình 6. Thiết bị ảo Android (AVD) 8. Các widget Android Bây giờ chúng ta biết cách tạo và chạy một ứng dụng Android cơ bản, chúng ta hãy làm đẹp mọi thứ bằng các widget (xem Hình 7):  textView bao gồm các widget như editText, nút ấn (Button), v.v. Các nút ấn có thể được được phân loại thêm nữa: o CheckBox (Hộp kiểm tra). o RadioButton (Nút ấn tròn). o ToggleButton (Nút ấn đảo chiều), v.v.  ImageView bao gồm các widget như ImageButton.  ViewGroup bao gồm các bố trí như: o Relative Layout (Bố trí tương đối). o Table Layout (Bố trí bảng). o Frame Layout (Bố trí khung). o Adapter View (Khung nhìn của bộ tiếp hợp). o Linear Layout (Khung nhìn tuyến tính). Để biết thông tin về các widgetHướng dẫn trực quan về các widget Giao diện đồ họa người dùng của Android (GUI Android Widget) là hướng dẫn tốt nhất. Tuy nhiên, hãy thận trọng với các sai lệch có thể xuất hiện ở đó do những thay đổi nhanh chóng của nền tảng Android. Một ví dụ rõ ràng là việc sử dụng id như là một thuộc tính của trình định danh cho một widget trong tệp main.xml trong hướng dẫn nêu trên. Trong nền tảng Android mới nhất, nên sử dụng tên phân biệt đầy đủ android:id. Hình 7. Hệ thống phân cấp các widget của Android Một ứng dụng mẫu có sử dụng widget Bây giờ chúng ta sẽ thay đổi ứng dụng hiện có của mình để trông giống như Hình 8. Mục đích của ví dụ này là làm cho độc giả quen thuộc với việc sử dụng của một số widget cơ bản như textView, editText, Button, và Toast trong một ứng dụng thực tế. Ứng dụng của chúng ta sẽ bao gồm một thanh tiêu đề với thông điệp "WELCOME!!!" Nó sẽ có ba widget textView bắt đầu từ trên xuống, sắp xếp theo chiều dọc: widget thứ nhất nói "Hello World, how're you (Chào thế giới, Bạn thế nào)?" theo phông chữ mặc định, widget tiếp theo là "Welcome to my first Android app (Chào mừng đến với ứng dụng Android đầu tiên của tôi)" với chữ serif nghiêng, canh chính giữa, có nền trắng; và widget thứ ba nói "Type anything and press the button (Gõ vào gì đó và nhấn nút)" với chữ đậm, độ rộng bằng nhau, có nền màu đỏ. Sau ba widget này là widget editText để lấy đầu vào từ người dùng, theo sau là một widget nút nhấn, nút này đi cùng với thông điệp "Click Me!" (Nhấn vào tôi). Mọi thứ bạn gõ vào trong widget editText sẽ xuất hiện trong một widget Toast ở dưới đáy giữa màn hình khi nhấn vào nút này. Không có nhiều mã triển khai thực hiện liên quan ở đây. Độc giả nên chú ý rằng các widget có thể được đưa vào trong ứng dụng dễ dàng như thế nào khi sử dụng trình soạn thảo GUI của ADT cho các tệp XML và các đặc tính của widget được thiết lập thuận tiện như thế nào khi sử dụng khung nhìn "properties" (các thuộc tính) do Eclipse cung cấp. Ví dụ này cũng sẽ cho thấy giao diện người dùng và các phần triển khai thực hiện có thể được mã hoá độc lập như thế nào. Hình 8. Thiết bị ảo Android với các widget Tệp string.xml Hãy thêm một số chuỗi mới vào tệp string.xml, thay đổi chuỗi chào mừng hiện có và cuối cùng là chuỗi tiêu đề. Chúng ta cũng xác định các màu trắng và màu đỏ ở đây để làm nền cho hai widget textView. Liệt kê 2. Tệp string.xml <?xml version="1.0" encoding="utf-8"?> <resources> <string name="hello">Hello World, how\ 're you?</string> <string name="app_name">Hello Android</string> <string name="title">WELCOME!!!</string> <string name="mainText">Welcome to my first android app</string> <string name="subText">Type anything and press the button</string> <color name="White">#FFFFFF</color> <color name="Red">#FF0000</color> </resources> Chúng ta thay đổi chuỗi ký tự "hello" để chứa "Hello World, how're you?" Lưu ý ở đây phải có ký tự thoát ('\') đối với dấu nháy đơn. Chúng ta cũng định nghĩa hai chuỗi mới: mainText và subText, và các màu trắng và đỏ. Tệp main.xml Hãy sử dụng tab bố trí của tệp main.xml để kéo và thả hai widget textView: một widget editText và một widget nút ấn. Sau đó chúng ta sẽ sử dụng tab các thuộc tính trong tệp main.xml để chỉnh sửa các thuộc tính cho mỗi widget. Liệt kê 3. Tệp main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello" [...]... hiểu cách thiết lập Eclipse để phát triển cho Android và các tính năng phong phú của Eclipse hỗ trợ từng bước để viết các ứng dụng Android như thế nào Chúng ta cũng đã tìm hiểu các ứng dụng có thể dễ dàng được triển khai và thử nghiệm trên trình phỏng theo thiết bị Android — AVD như thế nào Chúng ta trình bày các tính năng nổi bật của một ứng dụng Android bằng cách sử dụng một ví dụ Hello World và đã... bạ điện thoại bằng cách sử dụng widget listView Mục đích của ví dụ này là để giới thiệu không chỉ là việc sử dụng widget listView mà còn cho thấy dữ liệu điện thoại có thể được tìm nạp như thế nào khi sử dụng các lớp ContentProvider và ContentResolver Hãy chú ý đến các tệp XML của giao diện người dùng vì có hai cách bố trí giao diện người dùng: một để xác định cách widget listView sẽ hiển thị danh... chính và cái kia để xác định cách hiển thị từng phần tử của danh sách đó Một điểm quan trọng là thiết lập các quyền hạn cho các ứng dụng có thể đọc dữ liệu điện thoại Ví dụ này là bước đầu tiên để hiểu được cách có thể kết hợp các ý định (intent) và các bộ lọc ý định trong một ứng dụng Mặc dù các intent nằm ngoài phạm vi của bài viết này, nhưng độc giả cũng nên lưu ý rằng để chuyển ứng dụng của ví... widget CharSequence editText = eText.getText(); //display the toast Toast.makeText(MainActivity.this, editText, Toast.LENGTH_LONG).show(); } }); } } Khi sử dụng mã này, chúng ta nhận được các ứng dụng như trong Hình 8 9 Sử dụng widget : Một ứng dụng mẫu Trong phần này, chúng ta sẽ tạo một ứng dụng mẫu (xem hình 9a, 9b) để hiển thị tất cả các địa chỉ liên lạc trong danh bạ điện thoại bằng cách sử dụng. .. và một nền màu xanh dương Chúng ta cũng có một hộp kiểm tra ở phía dưới cùng bên trái của màn hình, mà khi được đánh dấu chọn, sẽ hiển thị chỉ các địa chỉ liên lạc được đánh dấu sao (hoặc các địa chỉ liên lạc ưa thích) Tiêu đề của ứng dụng trong trường hợp này là "Contact Manager (Trình quản lý các địa chỉ liên lạc) Ở đây chúng ta sử dụng ba loại widget: textView, listView và checkBox Chúng ta sử dụng. .. sử dụng một ví dụ Hello World và đã tìm hiểu về các tệp tạo ra một ứng dụng Android Chúng ta đã đề cập đến một số các widget do Android cung cấp và đã biết cách sử dụng chúng trong một số ví dụ thực tế Bây giờ bạn sẽ có thể bắt đầu tạo một ứng dụng thú vị với một giao diện người dùng gọn gàng Bước đầu tiên, hãy mở rộng ứng dụng các địa chỉ liên lạc để triển ... giữ lại bằng cách thực hiện phương thức AdapterView.OnItemClickListener() Trước khi tiếp tục, chúng ta nên có một số các địa chỉ liên lạc được lưu trong phần các địa chỉ liên lạc của trình mô phỏng thiết bị của Android (AVD) Điều này có thể được thực hiện bằng cách nhấn vào Contacts (Các địa chỉ liên lạc) trên màn hình chủ của AVD, sau đó nhấn vào Menu để có tùy chọn Add Contacts (Thêm các địa chỉ liên... Phần Favorites (Các địa chỉ liên lạc ưa thích) cho biết cách đánh dấu một địa chỉ liên lạc như là ưa thích/được đánh dấu sao Hình 9a Ứng dụng các địa chỉ liên lạc hiển thị tất cả các địa chỉ liên lạc trong một widget listView Hình 9b Ứng dụng các địa chỉ liên lạc hiển thị tất cả các địa chỉ liên lạc được đánh dấu sao trong một widget listView khi đánh dấu chọn vào hộp kiểm tra hiển thị các địa chỉ liên... android: layout_width="fill_parent" android: layout_height="fill_parent" > . Phát triển Android khi sử dụng Eclipse và các widget của Android (kỳ 2) Tóm tắt: Hướng dẫn này dành cho bất cứ ai quan tâm đến việc bắt đầu phát triển Android trên Eclipse. tảng Android mới nhất, nên sử dụng tên phân biệt đầy đủ android: id. Hình 7. Hệ thống phân cấp các widget của Android Một ứng dụng mẫu có sử dụng widget Bây giờ chúng ta sẽ thay đổi ứng dụng. Độc giả nên chú ý rằng các widget có thể được đưa vào trong ứng dụng dễ dàng như thế nào khi sử dụng trình soạn thảo GUI của ADT cho các tệp XML và các đặc tính của widget được thiết lập thuận