Cách tạo ứng dụng tab trong Android

0

Đôi khi chúng ta muốn có nhiều điểm nhìn trong một cửa sổ duy nhất và duyệt với một container Tab để tạo ứng dụng tab.  Điều này có thể được thực hiện trong Android bằng cách sử dụng kiểm soát TabHost.

Có hai cách để sử dụng một ứng dụng TabHost trong Android:

– Sử dụng các TabHost để di chuyển qua nhiều điểm nhìn trong hoạt động giống nhau.

– Sử dụng các TabHost để di chuyển qua nhiều hoạt động thực tế sử dụng các nội dung.

Chúng tôi sẽ giải thích cả hai cách thông qua hướng dẫn này.

Tabbed Application

Một hoạt động với một TabHost có thể trông như thế này:

ung dung tab trong android 1

Các Hoạt động bao gồm:

– Một TabHost: Các phần tử gốc của cách bố trí

– Các TabHost thúc tốt đẹp một TabWidget đại diện cho các thanh tab.

– Các TabHost thúc tốt đẹp một FrameLayout mà kết thúc tốt đẹp các nội dung của mỗi tab.

Có một số quy tắc mà chúng ta phải dính vào khi sử dụng một hoạt động theo thẻ:

– Nếu hoạt động này là các loại TabActivity [tùy chọn], sau đó các TabHost phải có idandroid: id / tabhost.

– Các TabWidget phải có idandroid: id/tab.

– Các FrameLayout phải có idandroid: id/tabcontent.

Bây giờ, chúng ta hãy xem một ví dụ để một hoạt động với nhiều tab.

Đây là cách bố trí:

Sau đó, trong mã của các hoạt động của chúng ta:

là sẽ trông như thế này:
ung dung tab trong android 2

– Chúng ta tạo ra các tab bằng cách sử dụng lớp Tab Specs.

– Chúng ta đặt tiêu đề của mỗi tab bằng cách sử dụng phương thức TabSpec.setIndicator().

– Chúng ta thiết lập các nội dung của mỗi tab bằng cách sử dụng phương thức TabSpecs.setContent().

– Nếu bạn sử dụng TabActivity như một lớp cơ sở để hoạt động của bạn, bạn không cần phải gọi phương thức TabHost.Setup().

Chúng ta có thể thêm biểu tượng vào tiêu đề của tab như thế này:

Nó sẽ giống như thế này:

ung dung tab trong android 3

Chúng ta cũng có thể chỉ định các chỉ số để có một cái nhìn:

Thiết lập các nội dung của Tabs

Chúng tôi thấy làm thế nào để thiết lập các nội dung của các tab bằng cách xác định nhiều nguồn lực bố trí được hiển thị trong cùng một hoạt động.

Điều gì nếu chúng tôi có nhiều hoạt động trong ứng dụng của chúng tôi và chúng tôi muốn di chuyển giữa chúng bằng cách sử dụng tab? Trong trường hợp này, chúng ta sẽ có một hoạt động như các hoạt động thư mục gốc của ứng dụng.

Hoạt động này sẽ có TabHost và sẽ hướng đến các hoạt động khác sử dụng Intents.

Lưu ý: Các hoạt động gốc phải kế thừa từ TabActivity. Các hoạt động gốc sẽ có bố trí tập tin như thế này:

Các hoạt động khác sẽ có một bố cục đơn giản gồm một TextView.

Bây giờ để mã của hoạt động root:

ung dung tab trong android 4

Thêm Tabs tại Run-time

Chúng ta có thể thêm các tab để TabHost tại thời gian chạy bằng cách sử dụng phương pháp TabSpec.setContent (TabContentFactory).

Các TabContentFactory là một giao diện mà đòi hỏi phải thực hiện một phương pháp gọi lại createTabContent (String tag) trả về view để được thêm vào nội dung của các tab. Vì vậy, trong ví dụ cuối cùng, nếu chúng ta thay đổi mã cho biết thêm rằng các nội dung của tab thứ hai này:

hoạt động này sẽ trông như thế này:
ung dung tab trong android 5

>>  Hướng dẫn thiết kế hiển thị trò chuyện Chat Bubble trong Android

>>   Sử dụng Custom Fields với Post-Meta trong WordPress

——————- || ——————-
Trung tâm Đào tạo học lập trình Game Mobile với các khóa học lập trình android cơ bản nâng cao tại Hà Nội !

Rate this post

Leave A Reply

End Ads -->