這是最簡單的tab切換效果整個代碼塊接下來我們可以來個小小的拓展，實現(xiàn)延遲切換效果就是當鼠標滑過標題時，過了500毫秒。

來實現(xiàn)類似于今日頭條tab效果，同時還有三角下標那時候我是繼承HorizontalScrollView，但是滑動過程中有一些bug，因為要自己處。

上節(jié)我們講到了tab選項卡的手動切換效果和手動延遲切換效果，在延遲切換效果中，我們使用到了setTimeout函數(shù)，這節(jié)我們要實現(xiàn)手。

效果預覽 代碼實現(xiàn) HTML代碼首先是用HTML代碼構(gòu)造一個Tab選項卡組件，主要由切換按鈕和內(nèi)容塊組成Work stuffFood。

shape_tab_bg 這個效果的關鍵在于tabIndicator的高度與TabLayout的高度相同，所以二者高度設置一致即可shape_full_tab_。

Tab 可以達到和空格同樣的效果，所以不用 Tab 的話，平白無故就會膨脹代碼Tab 可個性化每個編輯器都可以調(diào)整 Tab 字符的寬度。

先看一下最終能夠?qū)崿F(xiàn)的效果頂部標簽gif底部菜單gif基礎介紹我們可以在代碼中定義TabLayout的每一個Tab項，也可以通過。

Tab 顯示成了 8 個空格的長度，讓代碼顯得參差不齊可能有的小伙伴想說，道理我都懂，可是為什么我要去區(qū)分呢？我在我家，被子。

插件，不論從代碼的清晰度上還是方案的理想化上，都達到了讓我 效果先直接上效果吧，這是在 pro 中的實現(xiàn)效果，對了，近期 umi。