Lesson 1: - Cơ bản Android

[billycoi]

understanding android application:

việc hiểu được các thành phần (component) tạo nên một ứng dụng android là rất cần thiết cho việc lập trình. các thành phần này được chia làm 6 loại bao gồm:

• 1.activity: hiểu một cách đơn giản thì activity là nền của 1 ứng dụng. khi khởi động 1 ứng dụng android nào đó thì bao giờ cũng có 1 main activity được gọi, hiển thị màn hình giao diện của ứng dụng cho phép người dùng tương tác.
• 2.service: thành phần chạy ẩn trong android. service sử dụng để update dữ liệu, đưa ra các cảnh báo (notification) và không bao giờ hiển thị cho người dùng thấy.
• 3.content provider: kho dữ liệu chia sẻ. content provider được sử dụng để quản lý và chia sẻ dữ liệu giữa các ứng dụng.
• 4.intent: nền tảng để truyền tải các thông báo. intent được sử dụng để gửi các thông báo đi nhằm khởi tạo 1 activity hay service để thực hiện công việc bạn mong muốn. vd: khi mở 1 trang web, bạn gửi 1 intent đi để tạo 1 activity mới hiển thị trang web đó.
• 5.broadcast receiver: thành phần thu nhận các intent bên ngoài gửi tới. vd: bạn viết 1 chương trình thay thế cho phần gọi điện mặc định của android, khi đó bạn cần 1 br để nhận biết các intent là các cuộc gọi tới.
• 6.notification: đưa ra các cảnh báo mà không làm cho các activity phải ngừng hoạt động.

activity, service, broadcast receiver và content provider mới là những thành phần chính cấu thành nên ứng dụng android, bắt buộc phải khai báo trong androidmanifest.

• ví dụ:

để thêm 1 activity có tên là viduactivity bạn cần khai báo thêm trong file androidmanifest.xml như sau:

[color=#000000]
[/color][color=#007700]<[/color][color=#0000bb]activity android[/color][color=#007700]:[/color][color=#0000bb]name [/color][color=#007700]= [/color][color=#dd0000]".viduactivity"[/color][color=#0000bb]android[/color][color=#007700]:[/color][color=#0000bb]label[/color][color=#007700]=[/color][color=#dd0000]"@string/app_name"[/color][color=#007700]/>[/color] 

.
để khai báo them 1 contentprovider:

[color=#000000]
[/color][color=#007700]<[/color][color=#0000bb]provider android[/color][color=#007700]:[/color][color=#0000bb]name[/color][color=#007700]=[/color][color=#dd0000]"booksprovider"[/color][color=#0000bb]android[/color][color=#007700]:[/color][color=#0000bb]authorities[/color][color=#007700]=[/color][color=#dd0000]"com.namnd.gingerbread" [/color][color=#007700]/>[/color] 

.
trong đó "com.namnd.gingerbread" là tên package chứa file booksprovider.java
understanding android application life cycle:

android có cơ chế quản lý các process theo chế độ ưu tiên. các process có priority thấp sẽ bị android giải phóng mà không hề cảnh báo nhằm đảm bảo tài nguyên.

• 1.foreground process: là process của ứng dụng hiện thời đang được người dùng tương tác.
• 2.visible process: là process của ứng dụng mà activity đang hiển thị đối với người dùng (onpaused() của activity được gọi).
• 3.service process: là service đang running.
• 4.background process: là process của ứng dụng mà các activity của nó ko hiển thị với người dùng (onstoped() của activity được gọi).
• 5.empty process: process không có bất cứ 1 thành phần nào active.

theo chế độ ưu tiên thì khi cần tài nguyên, android sẽ tự động kill process, trước tiên là các empty process.
android activity life cycle:như mình đã giới thiệu ở trên , actitvity là thành phần quan trọng nhất và đóng vai trò chính trong xây dựng ứng dụng android. hệ điều hành android quản lý activity theo dạng stack: khi một activity mới được khởi tạo, nó sẽ được xếp lên đầu của stack và trở thành running activity, các activity trước đó sẽ bị tạm dừng và chỉ hoạt động trở lại khi activity mới được giải phóng.
activity bao gồm 4 state:

• - active (running): activity đang hiển thị trên màn hình (foreground).
• - paused: activity vẫn hiển thị (visible) nhưng không thể tương tác (lost focus). vd: một activity mới xuất hiện hiển thị giao diện đè lên trên activity cũ, nhưng giao diện này nhỏ hơn giao diện của activity cũ, do đó ta vẫn thấy được 1 phần giao diện của activity cũ nhưng lại không thể tương tác với nó.
• - stop: activity bị thay thế hoàn toàn bởi activity mới sẽ tiến đến trạng thái stop
• - killed: khi hệ thống bị thiếu bộ nhớ, nó sẽ giải phóng các tiến trình theo nguyên tắc ưu tiên. các activity ở trạng thái stop hoặc paused cũng có thể bị giải phóng và khi nó được hiển thị lại thì các activity này phải khởi động lại hoàn toàn và phục hồi lại trạng thái trước đó.

biểu đồ miêu tả activity state

​

• vòng đời của activity:
• - entire lifetime: từ phương thức oncreate( ) cho tới ondestroy( )
• - visible liftetime: từ phương thức onstart( ) cho tới onstop( )
• - foreground lifetime: từ phương thức onresume( ) cho tới onpause( )

khi xây dựng actitvity cho ứng dụng cần phải viết lại phương thức oncreate( ) để thực hiện quá trình khởi tạo. các phương thức khác có cần viết lại hay không tùy vào yêu cầu lập trình.
xml trong android:

không giống như lập trình java thông thường, lập trình android ngoài các lớp được viết trong *.java còn sử dụng xml để thiết kế giao diện cho ứng dụng. tất nhiên bạn hoàn toàn có thể thiết kế 1 giao diện như ý muốn mà không cần tới bất cứ 1 dòng xml nào, nhưng sd xml sẽ đơn giản công việc đi rất nhiều. đồng thời sd xml sẽ giúp việc chỉnh sửa ứng dụng sau này trở nên dễ dàng.
về nguyên tắc, khi lập trình ứng dụng ta thiết kế giao diện bằng xml và cài đặt các xử lý khi tương tác với giao diện trong code.
một số thành phần cơ bản trong android:

1.các layout:

layout được dùng để quản lý các thành phần giao diện khác theo 1 trật tự nhất định.

• framelayout: là một trình giữ chỗ trên màn hình mà bạn có thể sử dụng để hiển thị một điểm duy nhất. lượt xem mà bạn thêm vào một framelayout luôn đặt vào phía trên bên trái của màn hình. xem xét các nội dung sau đây trong file main.xml:

[color=#000000]
[/color][color=#007700]<?[/color][color=#0000bb]xml version[/color][color=#007700]=[/color][color=#dd0000]"1.0" [/color][color=#0000bb]encoding[/color][color=#007700]=[/color][color=#dd0000]"utf-8"[/color][color=#0000bb]?>[/color]<absolutelayoutandroid:id="@+id/widget68"android:layout_width="fill_parent"android:layout_height="fill_parent"xmlns:android="[url]http://schemas.android.com/apk/res/android[/url]"><framelayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_x="40px"android:layout_y="35px"><imageviewandroid:src = "@drawable/androidlogo"android:layout_width="wrap_content"android:layout_height="wrap_content"/></framelayout></absolutelayout>

ở đây, bạn có một framelayout trong một absolutelayout. trong framelayout, bạn nhúng một imageview. ui được thể hiện trong hình sau:
note: ví dụ này giả định rằng trong folder res / drawable ảnh được đặt tên androidlogo.png.

​

nếu bạn thêm một view khác (chẳng hạn như một button) trong vòng framelayout, view này sẽ chồng lên view trước đó (xem hình):

[color=#000000]
[/color][color=#007700]<?[/color][color=#0000bb]xml version[/color][color=#007700]=[/color][color=#dd0000]"1.0" [/color][color=#0000bb]encoding[/color][color=#007700]=[/color][color=#dd0000]"utf-8"[/color][color=#0000bb]?>[/color]<absolutelayoutandroid:id="@+id/widget68"android:layout_width="fill_parent"android:layout_height="fill_parent"xmlns:android="[url]http://schemas.android.com/apk/res/android[/url]"><framelayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_x="40px"android:layout_y="35px"><imageviewandroid:src = "@drawable/androidlogo"android:layout_width="wrap_content"android:layout_height="wrap_content"/><buttonandroid:layout_width="124px"android:layout_height="wrap_content"android:text="print picture"/></framelayout></absolutelayout>

​

• linearlayout: việc sắp xếp các view trong một cột hoặc hàng đơn. child view có thể được bố trí theo chiều dọc hoặc chiều ngang. để xem linearlayout dùng thế nào, chúng ta hãy sửa đổi các file main.xml trong project:

[color=#000000]
[/color][color=#007700]<?[/color][color=#0000bb]xml version[/color][color=#007700]=[/color][color=#dd0000]"1.0" [/color][color=#0000bb]encoding[/color][color=#007700]=[/color][color=#dd0000]"utf-8"[/color][color=#0000bb]?>[/color]<linearlayout xmlns:android="[url]http://schemas.android.com/apk/res/android[/url]"android:eek:rientation="vertical"android:layout_width="fill_parent"android:layout_height="fill_parent"><textviewandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:text="@string/hello"/></linearlayout>

trong file main.xml, quan sát rằng các phần tử gốc là <linearlayout> và nó có một phần tử <textview> chứa bên trong nó. các phần tử <linearlayout> điều khiển thứ tự các điểm chứa bên trong nó xuất hiện. mỗi view và viewgroup có một tập các thuộc tính phổ biến, một số trong đó được thể hiện trong bảng sau đây.

​

table 1 common attributes of views and viewgroups
lưu ý rằng một số trong những thuộc tính này chỉ áp dụng khi xem một view cụ thể trong một số viewgroups. ví dụ, các thuộc tính layout_weight và layout_gravity là chỉ áp dụng nếu một view là trong một linearlayout hoặc tablelayout. ví dụ, các phần tử <textview> trên có chiều rộng đầy toàn bộ chiều rộng của của view cha (mà là màn hình trong trường hợp này) bằng cách sử dụng fill_parent. chiều cao của nó chỉ là wrap_content, có nghĩa là chiều cao của nó là chiều cao của nội dung của nó (trong trường hợp này, các văn bản chứa trong nó). nếu bạn không muốn có xem <textview> chiếm toàn bộ hàng, bạn có thể đặt thuộc tính layout_width của mình để wrap_content, như thế này:

[color=#000000]
[/color][color=#007700]<[/color][color=#0000bb]textviewandroid[/color][color=#007700]:[/color][color=#0000bb]layout_width[/color][color=#007700]=[/color][color=#dd0000]"wrap_content"[/color][color=#0000bb]android[/color][color=#007700]:[/color][color=#0000bb]layout_height[/color][color=#007700]=[/color][color=#dd0000]"wrap_content"[/color][color=#0000bb]android[/color][color=#007700]:[/color][color=#0000bb]text[/color][color=#007700]=[/color][color=#dd0000]"@string/hello"[/color][color=#007700]/>[/color] 

điều này sẽ thiết lập chiều rộng của view bằng bề rộng của văn bản chứa trong nó. bạn cũng có thể thiết lập chiều rộng đến một giá trị tuyệt đối (set cứng), như thế này:

[color=#000000]
[/color][color=#007700]<[/color][color=#0000bb]textviewandroid[/color][color=#007700]:[/color][color=#0000bb]layout_width[/color][color=#007700]=[/color][color=#dd0000]"105px"[/color][color=#0000bb]android[/color][color=#007700]:[/color][color=#0000bb]layout_height[/color][color=#007700]=[/color][color=#dd0000]"wrap_content"[/color][color=#0000bb]android[/color][color=#007700]:[/color][color=#0000bb]text[/color][color=#007700]=[/color][color=#dd0000]"@string/hello"[/color][color=#007700]/>[/color] 

trong trường hợp này, chiều rộng được thiết lập đến 105px. hãy thay đổi file main.xml bằng cách thêm một view <button> như hình dưới đây:

[color=#000000]
[/color][color=#007700]<?[/color][color=#0000bb]xml version[/color][color=#007700]=[/color][color=#dd0000]"1.0" [/color][color=#0000bb]encoding[/color][color=#007700]=[/color][color=#dd0000]"utf-8"[/color][color=#0000bb]?>[/color]<linearlayoutandroid:layout_width="fill_parent"android:layout_height="fill_parent"xmlns:android="[url]http://schemas.android.com/apk/res/android[/url]"><textviewandroid:layout_width="105px"android:layout_height="wrap_content"android:text="@string/hello"/><buttonandroid:layout_width="100px"android:layout_height="wrap_content"android:text="button"/></linearlayout>

hình sau cho thấy các view đặt từ trái sang phải.

​

mặc định của linearlayout được thiết lập để nằm ngang . nếu bạn muốn thay đổi định hướng của mình để thẳng đứng, thiết lập các thuộc tính orientation = "vertical", như thế này:

[color=#000000]
[/color][color=#007700]<[/color][color=#0000bb]linearlayoutandroid[/color][color=#007700]:[/color][color=#0000bb]layout_width[/color][color=#007700]=[/color][color=#dd0000]"fill_parent"[/color][color=#0000bb]android[/color][color=#007700]:[/color][color=#0000bb]layout_height[/color][color=#007700]=[/color][color=#dd0000]"fill_parent"[/color][color=#0000bb]android[/color][color=#007700]:[/color][color=#0000bb]eek[/color][color=#007700]:[/color][color=#0000bb]rientation[/color][color=#007700]=[/color][color=#dd0000]"vertical"[/color][color=#0000bb]xmlns[/color][color=#007700]:[/color][color=#0000bb]android[/color][color=#007700]=[/color][color=#dd0000]"[url]http://schemas.android.com/apk/res/android[/url]"[/color][color=#007700]>[/color] 

​

trong linearlayout, bạn có thể áp dụng các thuộc tính layout_weight và layout_gravity của các view chứa bên trong nó, như những sửa đổi sau đây trong main.xml cho thấy :

[color=#000000]
[/color][color=#007700]?[/color][color=#0000bb]xml version[/color][color=#007700]=[/color][color=#dd0000]"1.0" [/color][color=#0000bb]encoding[/color][color=#007700]=[/color][color=#dd0000]"utf-8"[/color][color=#0000bb]?>[/color]<linearlayoutandroid:layout_width="fill_parent"android:layout_height="fill_parent"xmlns:android="[url]http://schemas.android.com/apk/res/android[/url]"android:eek:rientation="vertical"><textviewandroid:layout_width="105px"android:layout_height="wrap_content"android:text="@string/hello"/><buttonandroid:layout_width="100px"android:layout_height="wrap_content"android:text="button"android:layout_gravity="right"android:layout_weight="0.2"/><edittextandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:textsize="18sp"android:layout_weight="0.8"/></linearlayout> 

hình sau cho thấy button được liên kết đến các view cha của nó (đó là linearlayout) bằng cách sử dụng các thuộc tính layout_gravity. đồng thời, bạn sử dụng thuộc tính layout_weight để xác định tỷ lệ trong đó button và edittext chiếm không gian còn lại trên màn hình. tổng giá trị cho các thuộc tính layout_weight phải bằng 1.

​

chú ý: không nên set cứng 1 thuộc tính của view. vì trên nhiều dòng máy chạy android khác nhau sẽ có các kích thước màn hình khác nhau.điều đó sẽ khiến giao diện mà mình tạo ra sẽ có thay đổi không như ý muốn trên dòng máy khác.

• relativelayout: thêm các thành phần con dựa trên mối quan hệ với các thành phần khác hoặc với biên của layout.xem xét các tập tin sau đây main.xml:

[color=#000000]
[/color][color=#007700]<?[/color][color=#0000bb]xml version[/color][color=#007700]=[/color][color=#dd0000]"1.0" [/color][color=#0000bb]encoding[/color][color=#007700]=[/color][color=#dd0000]"utf-8"[/color][color=#0000bb]?>[/color]<relativelayoutandroid:id="@+id/rlayout"android:layout_width="fill_parent"android:layout_height="fill_parent"xmlns:android="[url]http://schemas.android.com/apk/res/android[/url]"><textviewandroid:id="@+id/lblcomments"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="comments"android:layout_alignparenttop="true"android:layout_alignparentleft="true"/><edittextandroid:id="@+id/txtcomments"android:layout_width="fill_parent"android:layout_height="170px"android:textsize="18sp"android:layout_alignleft="@+id/lblcomments"android:layout_below="@+id/lblcomments"android:layout_centerhorizontal="true"/><buttonandroid:id="@+id/btnsave"android:layout_width="125px"android:layout_height="wrap_content"android:text="save"android:layout_below="@+id/txtcomments"android:layout_alignright="@+id/txtcomments"/><buttonandroid:id="@+id/btncancel"android:layout_width="124px"android:layout_height="wrap_content"android:text="cancel"android:layout_below="@+id/txtcomments"android:layout_alignleft="@+id/txtcomments"/></relativelayout>

chú ý rằng mỗi view nhúng vào trong các relativelayout có các thuộc tính cho phép chúng liên kết với view khác. những thuộc tính này là:
* layout_alignparenttop
* layout_alignparentleft
* layout_alignleft
* layout_alignright
* layout_below
* layout_centerhorizontal

file xml trên tạo ra giao diện sau đây:

​

• tablelayout: nhóm các view thành các hàng và cột. bạn sử dụng các yếu tố <tablerow> để chỉ một hàng trong table. mỗi hàng có thể chứa một hoặc nhiều views. mỗi view bạn đặt bên trong tạo thành một ô. chiều rộng của mỗi cột được xác định bởi độ rộng lớn nhất của mỗi ô trong cột đó.

thông thường main.xml với các yếu tố sau đây và cho ra giao diện người dùng như trong hình dưới đây:

[color=#000000]
[/color][color=#007700]<?[/color][color=#0000bb]xml version[/color][color=#007700]=[/color][color=#dd0000]"1.0" [/color][color=#0000bb]encoding[/color][color=#007700]=[/color][color=#dd0000]"utf-8"[/color][color=#0000bb]?>[/color]<tablelayoutxmlns:android="[url]http://schemas.android.com/apk/res/android[/url]"android:layout_height="fill_parent"android:layout_width="fill_parent"android:><tablerow><textviewandroid:text="user name:"android:width ="120px"/><edittextandroid:id="@+id/txtusername"android:width="200px" /></tablerow><tablerow><textviewandroid:text="password:"/><edittextandroid:id="@+id/txtpassword"android:password="true"/></tablerow><tablerow><textview /><checkbox android:id="@+id/chkrememberpassword"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="remember password"/></tablerow><tablerow><buttonandroid:id="@+id/buttonsignin"android:text="log in" /></tablerow></tablelayout>

​

lưu ý rằng trong ví dụ trên, có 2 cột và 4 hàng trong 1 tablelayout. các ô dưới password textview là một empty view. nếu bạn không làm điều này, checkbox remember password đó sẽ xuất hiện dưới password textview, như hình sau:

​

• absolutelayout: thêm các thành phần con dựa theo tọa độ x, y.. xem xét các giao diện sau đây được định nghĩa trong main.xml:

[color=#000000]
[/color][color=#007700]<?[/color][color=#0000bb]xml version[/color][color=#007700]=[/color][color=#dd0000]"1.0" [/color][color=#0000bb]encoding[/color][color=#007700]=[/color][color=#dd0000]"utf-8"[/color][color=#0000bb]?>[/color]<absolutelayoutandroid:layout_width="fill_parent"android:layout_height="fill_parent"xmlns:android="[url]http://schemas.android.com/apk/res/android[/url]"><buttonandroid:layout_width="188px"android:layout_height="wrap_content"android:text="button"android:layout_x="126px"android:layout_y="361px"/><buttonandroid:layout_width="113px"android:layout_height="wrap_content"android:text="button"android:layout_x="12px"android:layout_y="361px"/></absolutelayout>

hình dưới đây cho thấy hai button nằm tại các vị trí quy định bằng cách sử dụng và các thuộc tính android_layout_x android_layout_y.

​

tốt nhất bạn nên sử dụng absolutelayout khi bạn cần phải định vị lại các view của bạn thay đổi khi xoay màn hình.

• scrollview: là một dạng đặc biệt của framelayout ở chỗ nó cho phép người dùng di chuyển qua một danh sách các quan điểm mà chiếm nhiều không gian hơn màn hình vật lý. các scrollview có thể chứa chỉ một child view hay viewgroup, mà thường là một linearlayout.

layout được sử dụng nhằm mục đích thiết kế giao diện cho nhiều độ phân giải. thường khi lập trình nên kết hợp nhiều layout với nhau để tạo ra giao diện bạn mong muốn.
lưu ý: không sử dụng một listview cùng với scrollview. các listview được thiết kế để hiển thị một danh sách các thông tin liên quan và được tối ưu để phù hợp với các danh sách lớn.
các nội dung main.xml sau đây cho thấy một scrollview có chứa một linearlayout, cái chứa button và edittext:

[color=#000000]
[/color][color=#007700]<?[/color][color=#0000bb]xml version[/color][color=#007700]=[/color][color=#dd0000]"1.0" [/color][color=#0000bb]encoding[/color][color=#007700]=[/color][color=#dd0000]"utf-8"[/color][color=#0000bb]?>[/color]<scrollviewandroid:id="@+id/widget54"android:layout_width="fill_parent"android:layout_height="fill_parent"xmlns:android="[url]http://schemas.android.com/apk/res/android[/url]"><linearlayoutandroid:layout_width="310px"android:layout_height="wrap_content"android:eek:rientation="vertical"><buttonandroid:id="@+id/button1"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="button 1"/><buttonandroid:id="@+id/button2"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="button 2"/><buttonandroid:id="@+id/button3"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="button 3"/><edittextandroid:id="@+id/txt"android:layout_width="fill_parent"android:layout_height="300px"/><buttonandroid:id="@+id/button4"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="button 4"/><buttonandroid:id="@+id/button5"android:layout_width="fill_parent"android:layout_height="wrap_content"android:text="button 5"/></linearlayout></scrollview>

hình sau cho thấy scrollview hiển thị một thanh cuộn ở phía bên phải của màn hình. người dùng có thể kéo màn hình lên để thấy các views nằm ở dưới cùng của màn hình.

​

summarytrong bài viết này, bạn đã thấy các bố trí khác nhau có sẵn trong android để tạo ra giao diện người dùng của bạn. trong quá trình cài đặt tiếp theo, bạn sẽ thấy những quan điểm khác nhau (widget) mà bạn có thể sử dụng trong android để tạo ra các killer application tiếp theo của bạn. cho đến khi ấy, vui vẻ!



2.xml unit:

để hiểu được các thành phần cơ bản của xml cũng như việc sử dụng xml kết hợp với code, ta sẽ đi xây dựng thử một chương trình đơn giản. yêu cầu: xây dựng 1 ứng dụng cho phép gõ 1 nội dung vào rồi hiển thị ra nội dung đó ở bên dưới.

• b1: khởi tạo 1 project (ở đây sử dụng eclipse để minh họa).

vào thẻ file -> new -> android project. nếu bạn mới lập trình android lần đầu thì có lẽ dòng android project sẽ không hiện ra, khi đó xuống phía cuối chọn other rồi vào android -> android project.

• b2: điền thông tin cho project

project name: example 1 build target: chọn android 2.2 (mới nhất là 2.3 nhưng hiện tại bạn chưa cần quan tâm ) application name: example 1 package name: at.exam create activity: example => kích nút finish.

• b3: bên khung package explore bên trái đi tới thư mục res, bạn sẽ thấy có 3 thư mục con:

- drawable: thư mục chứa các hình ảnh để làm icon hoặc tài nguyên cho giao diện... - layout: chứa các file xml để thiết kế giao diện. - values: chứa các giá trị sử dụng trong ứng dụng được bạn định nghĩa, như các dòng ký tự (string), các màu (color), các themes...

• b4:vào thư mục layout, chọn file main.xml và gõ đoạn code sau vào thay cho toàn bộ nội dung có sẵn (eclipse hỗ trợ kéo thả cho xml nhưng theo mình không nên sử dụng):

[color=#000000]
[/color][color=#007700]<?[/color][color=#0000bb]xml version[/color][color=#007700]=[/color][color=#dd0000]"1.0" [/color][color=#0000bb]encoding[/color][color=#007700]=[/color][color=#dd0000]"utf-8"[/color][color=#0000bb]?>[/color]<linearlayout xmlns:android="[url]http://schemas.android.com/apk/res/android[/url]"android:eek:rientation="vertical"android:layout_width="fill_parent"android:layout_height="fill_parent"><edittextandroid:id="@+id/edit_text"android:layout_width="fill_parent"android:layout_height="wrap_content"android:hint="@string/edit_hint"/><textviewandroid:id="@+id/text_view"android:layout_width="fill_parent"android:layout_height="wrap_content"android:textcolor="@color/text_color"android:textsize="28px"android:typeface="monospace"/></linearlayout>

trong đoạn xml này chúng ta khai báo một linear layout với 2 thành phần con của nó là 1 edit text (dùng để gõ xâu ký tự) với 1 text view (hiển thị xâu ký tự). linear layout được khai báo với từ khóa orientation nhằm chỉ ra chiều sắp xếp của 2 thành phần con là chiều dọc. còn với layout_width, layout_height các bạn có thể cho giá trị bằng "fill_parent" hoặc "wrap_content" để thông báo thành phần này sẽ có chiều rộng (dài) phủ đầy thành phần cha hoặc chỉ vừa bao đủ nội dung. trong edit text và text view các bạn có thể thấy có từ khóa id, từ khóa này cho phép khai báo id của các thành phần để lấy về trong code (sẽ đề cập sau). ngoài ra từ khóa hint trong edit text cho phép hiện ra phần nội dung mờ khi edit text vẫn chưa có ký tự nào. "@string/edit_hint" thông báo lấy trong file strings.xml xâu có tên là edit_hint. còn textcolor của text view thì thông báo đoạn ký tự sẽ được hiển thị với màu lấy trong file colors.xml, textsize chỉ ra cỡ chữ bằng 28 pixel và typeface chỉ ra kiểu chữ là monospace

• b5:vẫn trong thư mục res, vào values và chọn file strings.xml. bố sung thêm dòng định nghĩa cho edit_hint như sau:

[color=#000000]
[/color][color=#007700]<?[/color][color=#0000bb]xml version[/color][color=#007700]=[/color][color=#dd0000]"1.0" [/color][color=#0000bb]encoding[/color][color=#007700]=[/color][color=#dd0000]"utf-8"[/color][color=#0000bb]?>[/color]<resources><string name="hello">hello world, example!</string><string name="app_name">example 1</string><string name="edit_hint">enter the work here</string></resources>

• b6:trong thư mục values, tạo file colors.xml (chuột phải vào thư mục, chọn new -> android xml file, và lưu ý chữ s, không phải là color.xml). gõ nội dung cho file như sau:

[color=#000000]
[/color][color=#007700]<?[/color][color=#0000bb]xml version[/color][color=#007700]=[/color][color=#dd0000]"1.0" [/color][color=#0000bb]encoding[/color][color=#007700]=[/color][color=#dd0000]"utf-8"[/color][color=#0000bb]?>[/color]<resources><color name="text_color">#ff3300</color></resources>

ok, vậy là bạn đã tạo một màu mới cho dòng chữ sẽ được hiển thị trong text view (ff3300 là mã hexa của màu đỏ). thực chất bạn hoàn toàn có thể gõ thẳng
android:textcolor="#ff3300"
trong file main.xml mà không cần tạo mới file colors.xml, nhưng mục đích của xml trong android chính là để hỗ trợ nâng cấp chỉnh sửa dễ dàng. nếu sau này bạn muốn sửa màu của dòng text thì chỉ cần vào colors.xml thay đổi thay vì mò mẫm trong main.xml (có thể rất dài nếu giao diện phức tạp).
các thành phần trên mới chỉ là các phần cơ bản của xml. ngoài ra các bạn có thể khai báo thêm về animation, style và theme (phức tạp hơn nhiều nên mình không giới thiệu trong phần cơ bản này).

• b7: vậy là chúng ta đã hoàn thiện phần giao diện với xml, giờ đến viết code để xử lý các sự kiện cho các thành phần:

=> vào thư mục src (source code của project) => at.exam => example.java, gõ nội dung code sau vào:

[color=#000000]
package at[/color][color=#007700].[/color][color=#0000bb]exam[/color][color=#007700]; [/color][color=#0000bb]import android[/color][color=#007700].[/color][color=#0000bb]app[/color][color=#007700].[/color][color=#0000bb]activity[/color][color=#007700];[/color][color=#0000bb]import android[/color][color=#007700].[/color][color=#0000bb]os[/color][color=#007700].[/color][color=#0000bb]bundle[/color][color=#007700];[/color][color=#0000bb]import android[/color][color=#007700].[/color][color=#0000bb]view[/color][color=#007700].[/color][color=#0000bb]keyevent[/color][color=#007700];[/color][color=#0000bb]import android[/color][color=#007700].[/color][color=#0000bb]view[/color][color=#007700].[/color][color=#0000bb]view[/color][color=#007700];[/color][color=#0000bb]import android[/color][color=#007700].[/color][color=#0000bb]view[/color][color=#007700].[/color][color=#0000bb]view[/color][color=#007700].[/color][color=#0000bb]onkeylistener[/color][color=#007700];[/color][color=#0000bb]import android[/color][color=#007700].[/color][color=#0000bb]widget[/color][color=#007700].[/color][color=#0000bb]edittext[/color][color=#007700];[/color][color=#0000bb]import android[/color][color=#007700].[/color][color=#0000bb]widget[/color][color=#007700].[/color][color=#0000bb]textview[/color][color=#007700]; public class [/color][color=#0000bb]example [/color][color=#007700]extends [/color][color=#0000bb]activity [/color][color=#007700]{[/color][color=#ff8000]/** called when the activity is first created. */[/color][color=#007700]@[/color][color=#0000bb]override[/color][color=#007700]public [/color][color=#0000bb]void oncreate[/color][color=#007700]([/color][color=#0000bb]bundle savedinstancestate[/color][color=#007700]) {[/color][color=#0000bb]super[/color][color=#007700].[/color][color=#0000bb]oncreate[/color][color=#007700]([/color][color=#0000bb]savedinstancestate[/color][color=#007700]); [/color][color=#ff8000]//thiết lập giao diện lấy từ file main.xml[/color][color=#0000bb]setcontentview[/color][color=#007700]([/color][color=#0000bb]r[/color][color=#007700].[/color][color=#0000bb]layout[/color][color=#007700].[/color][color=#0000bb]main[/color][color=#007700]); [/color][color=#ff8000]//lấy về các thành phần trong main.xml thông qua id[/color][color=#007700]final [/color][color=#0000bb]edittext edit [/color][color=#007700]= ([/color][color=#0000bb]edittext[/color][color=#007700]) [/color][color=#0000bb]findviewbyid[/color][color=#007700]([/color][color=#0000bb]r[/color][color=#007700].[/color][color=#0000bb]id[/color][color=#007700].[/color][color=#0000bb]edit_text[/color][color=#007700]);final [/color][color=#0000bb]textview text [/color][color=#007700]= ([/color][color=#0000bb]textview[/color][color=#007700]) [/color][color=#0000bb]findviewbyid[/color][color=#007700]([/color][color=#0000bb]r[/color][color=#007700].[/color][color=#0000bb]id[/color][color=#007700].[/color][color=#0000bb]text_view[/color][color=#007700]); [/color][color=#ff8000]//thiết lập xử lý cho sự kiện nhấn nút giữa của điện thoại[/color][color=#0000bb]edit[/color][color=#007700].[/color][color=#0000bb]setonkeylistener[/color][color=#007700](new [/color][color=#0000bb]onkeylistener[/color][color=#007700]() {@[/color][color=#0000bb]override[/color][color=#007700]public [/color][color=#0000bb]boolean onkey[/color][color=#007700]([/color][color=#0000bb]view v[/color][color=#007700], [/color][color=#0000bb]int keycode[/color][color=#007700], [/color][color=#0000bb]keyevent event[/color][color=#007700]) {if ([/color][color=#0000bb]event[/color][color=#007700].[/color][color=#0000bb]getaction[/color][color=#007700]() == [/color][color=#0000bb]keyevent[/color][color=#007700].[/color][color=#0000bb]action_down[/color][color=#007700]&& [/color][color=#0000bb]keycode [/color][color=#007700]== [/color][color=#0000bb]keyevent[/color][color=#007700].[/color][color=#0000bb]keycode_dpad_center[/color][color=#007700]) {[/color][color=#0000bb]text[/color][color=#007700].[/color][color=#0000bb]settext[/color][color=#007700]([/color][color=#0000bb]edit[/color][color=#007700].[/color][color=#0000bb]gettext[/color][color=#007700]().[/color][color=#0000bb]tostring[/color][color=#007700]());[/color][color=#0000bb]edit[/color][color=#007700].[/color][color=#0000bb]settext[/color][color=#007700]([/color][color=#dd0000]""[/color][color=#007700]);return [/color][color=#0000bb]true[/color][color=#007700];}else {return [/color][color=#0000bb]false[/color][color=#007700];}} });}}[/color] 

dạo qua một chút kiến thức cơ bản: trong android, các lớp sử dụng để tạo giao diện (edit text, text view...) đều là lớp con của lớp view. một số lớp thường xuyên được sử dụng để tạo giao diện: - textview - edittext - listview - spinner - checkbox - button - radiobutton
ngoài ra bạn còn có thể tạo 1 view riêng của mình bằng cách kế thừa view có sẵn.
các listener được sử dụng để bắt 1 sự kiện nào đó. ở đây mình sử dụng onkeylistener dùng để bắt sự kiện khi nhấn 1 phím của điện thoại. ngoài ra thường sử dụng onclicklistener để bắt sự kiện chạm vào 1 view đang hiển thị trên màn hình. mỗi view đều phải set listener riêng để xử lý cho sự kiện tương tác với nó, và mỗi loại view cũng lại có những listener dành riêng cho nó (vd: checkbox có oncheckchangedlistener) ở đây mình sử dụng hàm dạng inner để định nghĩa xử lý cho onkeylistener nên có thể mọi người không quen lắm, nhưng nó cũng nằm trong phần cơ bản của java đấy nhé.
đề nghị lưu ý thêm phần r.id.edit_text. để lấy hoặc truy nhập các thành phần ta đã định nghĩa trong xml ta phải sử dụng r.* như r.layout.main, r.id.edit_text. lệnh findviewbyid sẽ trả về 1 view có id thiết lập trong phần xml. do view là lớp cha của edittext với textview nên ở đây ta phải ép kiểu. ngoài ra các string hay color cũng có thể lấy về bằng lệnh getresource() . vd: getresource().getcolor(r.color.text_color)

• b8: chạy chương trình. chọn run => android application và chờ cho emulator khởi động nhé. ai có 1 android thật có thể kết nối qua usb và thử nghiệm luôn. tự chỉnh sửa trong code và trong xml để hiểu thêm về lập trình android.

vd:

[color=#000000]
edit[/color][color=#007700].[/color][color=#0000bb]setonclicklistener[/color][color=#007700](new [/color][color=#0000bb]onclicklistener[/color][color=#007700]() {@[/color][color=#0000bb]override[/color][color=#007700]public [/color][color=#0000bb]void onclick[/color][color=#007700]([/color][color=#0000bb]view v[/color][color=#007700]) {[/color][color=#ff8000]// todo auto-generated method stub [/color][color=#007700]} });[/color] 

hoặc trong xml thêm vào phần text view
android:textsize="50px"
để xem chương trình thay đổi như thế nào nhé ^_^
the end

[numbercor89hd]

bác ơi.cho e hỏi có pm nào bung và đóng gói xml trên mobile k ạ.phần 2 bài hưỡng dẫn trên bác dùng pm nào đấy ạ.cho e xin link với.e mới học lập trình os

[speakingpal]

lesson 2 đâu anh...o_o

[hukimiadmi]

cam on ban rat nhieu cac bai viet cua ban rat chi tiet va de hieu.mong doc duoc them nhieu bai viet khac cua ban. neu co the ban viet 1 bai ve viec viet 1 ung dung chay tren nhieu may co do phan giai khac nhau (chu va hinh anh....) tu dong gian no...

[hoanghonghach@yahoo.com]

vào mục "tìm kiếm trong diễn đàn này"là thấy bạn...
mà chỉ thấy lesson 5 thôi ak,