一說到標(biāo)簽布局，一般都會想到是流式布局FlowLayout，流式布局網(wǎng)上有太多的demo可參考了，但是今天產(chǎn)品上有個(gè)橫向水平滑動的標(biāo)簽布局，有選中和未選中的狀態(tài)，并且初始狀態(tài)是不選中任何一個(gè)標(biāo)簽。折騰了一番，最終在TabLayout上修飾了一陣，解決了需求和想要的效果。具體如下：

1.先附上效果截圖：（默認(rèn)都是未選中的）

2.xml中使用如下所示：

因?yàn)閠abLayout有個(gè)默認(rèn)的點(diǎn)擊效果，可使用app:tabBackground="@color/transparent"去掉；

app:tabPaddingEnd和app:tabPaddingStart屬性就是每個(gè)item左右的間距；

app:tabSelectedTextColor：選中時(shí)，textView的字體顏色；

app:tabTextColor ：未選中時(shí)，textView的字體顏色；

app:tabMode="scrollable"：表示TabLayout中有子view超出屏幕邊界時(shí)候，可以通過滑動滑出不可見的其他子view。

?3.代碼中動態(tài)添加每個(gè)item標(biāo)簽：

（1）動態(tài)添加的代碼如下：?

（2）每個(gè)item標(biāo)簽其實(shí)就是一個(gè)textView，xml如下：

（3）選中和未選中的drawable.xml如下：

結(jié)束~

若有更好的建議和想法，可以互相交流學(xué)習(xí)哦~

[轉(zhuǎn)載請注明出處，謝謝~]