(原創)【B4A】一步一步入門10:TabHost,標籤頁、標題帶圖示(控制元件篇06)

leslie_xin發表於2023-04-04

一、前言

本篇教程我們來講一下TabHost(標籤頁)的基本使用方法。

相信看完的你,一定會有所收穫!

本文地址:https://www.cnblogs.com/lesliexin/p/17285561.html


二、新增子標籤頁

TabHost並不支援直接在設計器視窗新增各個子標籤頁,需要在程式碼中進行新增。

子標籤頁是一個佈局檔案,類似上篇教程中xCustomListView所新增的列表項佈局檔案那樣。

新增子標籤頁時有兩類方法,一個是AddTab,標籤頁標題將僅顯示標籤文字。

image

image

另一種是AddTabWithIcon,此時的標籤頁標題將顯示為圖示,分為未選中時圖片和選中時的圖示。

這裡需要注意的是,在Android 4之後的版本,當標籤頁顯示標題文字時,將不會再顯示圖示,所以我們需要將標題文字設定為空。

image

image

TabHost有一個TabChanged事件,在切換標籤頁時鋝會觸發。

image


三、示例

我們新增3個佈局檔案(注:關於新增布局檔案見之前教程,本文不再贅述),分別命名為:page1、page2、page3。

其具體效果如下:

image

然後我們將這三個佈局檔案新增為TabHost的子標籤頁。

image

我們在page3的按鈕事件中實現透過程式碼切換標籤頁。

image

然後,我們在TabHost有一個TabChanged事件中顯示提示資訊,提示當前的子標籤頁順序。

image

具體的效果如下:

image


七、結語

本篇講解了TabHost的基本使用方法,TabHost是一個很簡單的控制元件,所以其並沒有多少的可自定義樣式,而且也不支援手勢划動切換標籤頁功能,所以在日常使用過程中,更多的是使用第三方的標籤頁控制元件。

感謝觀看,歡迎大家一起學習,共同進步。


-【END】-

相關文章