How to scroll TabControl headers with buttons ?

[QuangHaii]

Hi I'm new to Avalonia!

I managed to make TabControl headers scrollable with a scrollbar when there are too many tabs following this post #11896.
But the scrollbar doesn’t look good on the tab header and slightly covers the header content.

Is there a way to scroll the tab headers using left/right buttons instead of showing the scrollbar?
Basically just want to scroll the header area with two buttons (◀ ▶) and hide the scrollbar completely.

Would love any suggestions or examples. Thanks!

[timunie]

Iirc, FluentAvalonia has something similar in their TabView. Otherwise I suggest you to create a new ControlTemplate for your ScrollViewer as needed. The source code is freely available so you can copy the original and play with the XAML

[QuangHaii]

Thank you for your quick reply!

Sadly, I couldn't find any document about the TabView you mentioned. However, I managed to create my own ScrollViewer using some repeat buttons. It works perfectly with simple code! But is it possible to hide the left or right button when there’s no more scrollable space in that direction?

Here's my ScrollViewer ControlTemplate:

Here's my ScrollViewer code:

[timunie]

Button.IsVisible is a bool, so you can just set it to false if an end is reached.

[QuangHaii]

Button.IsVisible is a bool, so you can just set it to false if an end is reached.

Is there any way or method to check if the end has been reached?

[QuangHaii]

Oh never mind I found that the OnScrollChanged function is very helpful. I think I can deal with this. Thank you once again for your help