實現的效果如下圖所示：

其中，左側全部按鈕控件為TextView，右側標簽為XTabLayout控件。 1.布局文件

android:id="@+id/cl_tablayout"

android:layout_width="match_parent"

android:layout_height="wrap_content"

app:layout_constraintTop_toBottomOf="@+id/tl_game_classfied"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintRight_toRightOf="parent"

android:background="@color/statusbar"

app:layout_scrollFlags="scroll|enterAlways"

>

android:id="@+id/tv_all"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textSize="16sp"

android:text="全部"

android:textColor="@color/green"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintTop_toTopOf="parent"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintRight_toLeftOf="@+id/tl_show"

android:padding="5dp"

android:layout_marginLeft="5dp"

android:layout_marginRight="5dp"

/>

android:id="@+id/tl_show"

android:layout_width="0dp"

app:layout_constraintLeft_toRightOf="@+id/tv_all"

app:layout_constraintRight_toRightOf="parent"

android:layout_height="wrap_content"

app:layout_constraintTop_toTopOf="parent"

app:layout_constraintBottom_toBottomOf="parent"

app:xTabMode="scrollable"

app:xTabIndicatorHeight="0dp"

app:xTabIndicatorColor="@color/statusbar"

app:xTabTextColor="@color/white"

app:xTabSelectedTextColor="@color/green"

android:textAlignment="center"

>

2.在activity中進行設置

private int cnt = 0; //防止初始化時將TextView的顏色設置為白色

...

...

tl_show.addOnTabSelectedListener(new XTabLayout.OnTabSelectedListener() {

@Override

public void onTabSelected(XTabLayout.Tab tab) {

tl_show.setTabTextColors(Color.WHITE, Color.parseColor("#54ba3d"));

if (cnt != 0) {

tv_all.setTextColor(Color.WHITE);

} else {

cnt = 1;

}

}

@Override

public void onTabUnselected(XTabLayout.Tab tab) {

}

@Override

public void onTabReselected(XTabLayout.Tab tab) {

tl_show.setTabTextColors(Color.WHITE, Color.parseColor("#54ba3d"));

if (cnt != 0) {

tv_all.setTextColor(Color.WHITE);

} else {

cnt = 1;

}

}

});

tv_all.setTextColor(Color.parseColor("#54ba3d"));

...

tl_show.setTabTextColors(Color.WHITE, Color.WHITE);

tv_all.setOnClickListener(v -> {

tl_show.getTabAt(0).select();

tv_all.setTextColor(Color.parseColor("#54ba3d"));

tl_show.setTabTextColors(Color.WHITE, Color.WHITE);

});

總結

以上是生活随笔為你收集整理的android d弹框顶部突出,TextView + Tablayout实现顶部菜单栏效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。