Add a fluent animation for pane zooming #10058

Open
opened 2026-01-31 02:11:28 +00:00 by claunia · 1 comment
Owner

Originally created by @zadjii-msft on GitHub (Aug 7, 2020).

Related to #1001, and a follow-up to #6989

It'd also be nice if we had an animation. Idk if you want that to be a part of #1001 though. If you do punt on the animation, could you just add a note on that issue (or open a new one).

Originally created by @zadjii-msft on GitHub (Aug 7, 2020). Related to #1001, and a follow-up to #6989 > It'd also be nice if we had an animation. Idk if you want that to be a part of #1001 though. If you do punt on the animation, could you just add a note on that issue (or open a new one).
claunia added the Help WantedIssue-TaskProduct-TerminalArea-UserInterface labels 2026-01-31 02:11:28 +00:00
Author
Owner

@zadjii-msft commented on GitHub (Aug 26, 2020):

Alright so insomnia-thought:

  • When we zoom the pane, don't remote the other panes from the tree. Instead, take the zoomed pane's control out.
  • add the zoomed pane's content to the root grid of the page.
  • resize the TermControl to be the full size
  • force the panes control to start as a size of W,H=(originalWidth, originalHeight).
  • force the panes's control (the one that's now a child of the root grid) to be at the same x,y it was originally (set a Translation maybe?)
  • Animate the pane's control's x,y -> (0,0)
  • Animate the pane's w,h -> (rootWidth, rootHeight)

so the pane will just be drawn on top of the other panes in the tree, and it'll look like it started where it originally was, and at it's original size, but it's actually just on top of all of them.


We'd want to have another new animation for "move focus while zoomed", once #7215 is done too, but one step at a time

@zadjii-msft commented on GitHub (Aug 26, 2020): Alright so insomnia-thought: * When we zoom the pane, _don't_ remote the other panes from the tree. Instead, take the zoomed pane's control out. * add the zoomed pane's content to the root grid of the page. * resize the TermControl to be the full size * force the panes control to start as a size of W,H=(originalWidth, originalHeight). * force the panes's control (the one that's now a child of the root grid) to be at the same x,y it was originally (set a Translation maybe?) * Animate the pane's control's x,y -> (0,0) * Animate the pane's w,h -> (rootWidth, rootHeight) so the pane will just be drawn on top of the other panes in the tree, and it'll look like it started where it originally was, and at it's original size, but it's actually just on top of all of them. <hr> We'd want to have another new animation for "move focus while zoomed", once #7215 is done too, but _one step at a time_
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/terminal#10058