Microsoft-ui-xaml: Proposal: Pivot selection indicator switching animation like NavigationView animation

[Poopooracoocoo]

Proposal: Pivot selection indicator switching animation like NavigationView animation

Summary

Add a pivot selection indicator animation upon switch via tap/click (not drag) like NavigationView's animation.

Rationale

• Aligns with the Fluent Design System
• Looks less jarring

Scope

| Capability | Priority |
| :---------- | :------- |
| Pivot selection indicator switching animation like NavigationView animation | Must |
| Add transition to grey to black change | Could |

Important Notes

https://material.io/design/components/tabs.html#behavior #848

Open Questions

[YuliKl]

@Poopooracoocoo, thank you for creating this issue. Updating the animation would bring a nice level of polish to the Pivot control, which is currently lacking.

We do need to complete the WinUI 3.0 work and lift Pivot's code before this can be addressed.

[cnbluefire]

https://github.com/cnbluefire/ShyHeaderPivot
Is this what you want?

[mdtauk]

That kind of behaviour, but built into the base control @cnbluefire .

I know there was a similar discussion previously #848 and the response was its not a priority control. I would like to bring up the FastDNA example, as it is another Microsoft framework... the indicator animates while moving between pivot items.

https://explore.fast.design/components/pivot

Not to mention the Office Ribbon's tabs/pivot

Unlike the other discussion, even if the indicator doesn't follow your finger when swiping between PivotItems, it should animate its transition in the same way as the NavigationView Items

[shaheedmalik]

That kind of behaviour, but built into the base control @cnbluefire .

I know there was a similar discussion previously #848 and the response was its not a priority control. I would like to bring up the FastDNA example, as it is another Microsoft framework... the indicator animates while moving between pivot items.

https://explore.fast.design/components/pivot

Not to mention the Office Ribbon's tabs/pivot

Unlike the other discussion, even if the indicator doesn't follow your finger when swiping between PivotItems, it should animate its transition in the same way as the NavigationView Items

@cnbluefire 's Shy Header Pivot would look great in Office.

[Poopooracoocoo]

tbh I miss the old "tab" style of the ribbon tabs in Office. The new style doesn't show my theme.

@shaheedmalik I believe Office already has an animation when you switch tabs. It doesn't use the WinUI controls anyway

[mdtauk]

I think when this is looked at again, both for the selection indicator, usage, and font sizes - there should be some consistency brought to it in WinUI, FastDNA, and FluentUI