Better animations?

[sgehrman]

currently the right and bottom areas fade out. It would be nicer to see them side out.

Possible?

[stevengharris]

Thanks for asking. I haven't looked at in a long time, and I've been spending way too much time in JavaScript, so dropping back into Swift was... sort of refreshing.

I think this is something that would need to be done in Split.swift. I made something that looks pretty good, but it should probably be generalized. For now, you could just fork and make the mods that work for your situation.

I set up a primaryTransition to .slide, and then because primary is sliding-in, I set the secondaryTransition to move for both secondary and splitter.

@State private var primaryTransition: AnyTransition = .slide
@State private var secondaryTransition: AnyTransition = .move(edge: .trailing). // Should depend on layout

Then I added a transition for the views:

ZStack(alignment: .topLeading) {
    if !hidePrimary {
        primary
            .frame(width: pWidth, height: pHeight)
            .transition(primaryTransition)
    }
    if !hideSecondary {
        secondary
            .frame(width: sWidth, height: sHeight)
            .offset(sOffset)
            .transition(secondaryTransition)
    }
    // Only show the splitter if it is draggable. See isDraggable comments.
    if isDraggable() {
        splitter
            .position(dCenter)
            .simultaneousGesture(drag(in: size))
            .transition(secondaryTransition)
    }
}

and changed the secondaryTransition Edge it moves-to as the layout changes...

.onChange(of: layout.value) { new in
    secondaryTransition = self.layout.isHorizontal ? .move(edge: .trailing) : .move(edge: .bottom)
}

It's an improvement, I think! I use the demo to check things out generally, and it looks good on everything except the custom splitter. In that case, there is still some default opacity behavior that looks funky.