// Definitions. import { iOSFrame as iOSFrameDefinition, BackstackEntry, NavigationTransition } from "ui/frame"; import { Page } from "ui/page"; //Types. import { FrameBase, View, application, layout, traceEnabled, traceWrite, traceCategories, isCategorySet } from "./frame-common"; import { _createIOSAnimatedTransitioning } from "ui/transition"; import * as uiUtils from "ui/utils"; export * from "./frame-common"; const ENTRY = "_entry"; const NAV_DEPTH = "_navDepth"; const TRANSITION = "_transition"; const DELEGATE = "_delegate"; let navDepth = -1; const FRAME_CONTEXT = {}; export class Frame extends FrameBase { private _ios: iOSFrame; private _paramToNavigate: any; public _animatedDelegate = UINavigationControllerAnimatedDelegate.new(); public _shouldSkipNativePop: boolean = false; public _navigateToEntry: BackstackEntry; public _widthMeasureSpec: number; public _heightMeasureSpec: number; public _right: number; public _bottom: number; public _isInitialNavigation: boolean = true; public get _context(): any { return FRAME_CONTEXT; } public set _context(value: any) { throw new Error("Frame _context is readonly"); } constructor() { super(); this._ios = new iOSFrame(this); // When there is a 40px high "in-call" status bar, nobody moves the navigationBar top from 20 to 40 and it remains underneath the status bar. let frameRef = new WeakRef(this); application.ios.addNotificationObserver(UIApplicationDidChangeStatusBarFrameNotification, (notification: NSNotification) => { let frame = frameRef.get(); if (frame) { frame._handleHigherInCallStatusBarIfNeeded(); if (frame.currentPage) { frame.currentPage.requestLayout(); } } }); } public onLoaded() { super.onLoaded(); if (this._paramToNavigate) { this.navigate(this._paramToNavigate); this._paramToNavigate = undefined; } } public navigate(param: any) { if (this.isLoaded) { super.navigate(param); this._isInitialNavigation = false; } else { this._paramToNavigate = param; } } public _navigateCore(backstackEntry: BackstackEntry) { super._navigateCore(backstackEntry); let viewController: UIViewController = backstackEntry.resolvedPage.ios; if (!viewController) { throw new Error("Required page does not have a viewController created."); } let clearHistory = backstackEntry.entry.clearHistory; if (clearHistory) { navDepth = -1; } navDepth++; let navigationTransition: NavigationTransition; let animated = this.currentPage ? this._getIsAnimatedNavigation(backstackEntry.entry) : false; if (animated) { navigationTransition = this._getNavigationTransition(backstackEntry.entry); if (navigationTransition) { viewController[TRANSITION] = navigationTransition; } } else { //https://github.com/NativeScript/NativeScript/issues/1787 viewController[TRANSITION] = { name: "non-animated" }; } let nativeTransition = _getNativeTransition(navigationTransition, true); if (!nativeTransition && navigationTransition) { this._ios.controller.delegate = this._animatedDelegate; viewController[DELEGATE] = this._animatedDelegate; } else { viewController[DELEGATE] = null; this._ios.controller.delegate = null; } backstackEntry[NAV_DEPTH] = navDepth; viewController[ENTRY] = backstackEntry; // First navigation. if (!this._currentEntry) { // Update action-bar with disabled animations before the initial navigation. this._updateActionBar(backstackEntry.resolvedPage, true); this._ios.controller.pushViewControllerAnimated(viewController, animated); if (traceEnabled()) { traceWrite(`${this}.pushViewControllerAnimated(${viewController}, ${animated}); depth = ${navDepth}`, traceCategories.Navigation); } return; } // We should clear the entire history. if (clearHistory) { viewController.navigationItem.hidesBackButton = true; let newControllers = NSMutableArray.alloc().initWithCapacity(1); newControllers.addObject(viewController); // Mark all previous ViewControllers as cleared const oldControllers = this._ios.controller.viewControllers; for (let i = 0; i < oldControllers.count; i++) { (oldControllers.objectAtIndex(i)).isBackstackCleared = true; } this._ios.controller.setViewControllersAnimated(newControllers, animated); if (traceEnabled()) { traceWrite(`${this}.setViewControllersAnimated([${viewController}], ${animated}); depth = ${navDepth}`, traceCategories.Navigation); } return; } // We should hide the current entry from the back stack. if (!Frame._isEntryBackstackVisible(this._currentEntry)) { let newControllers = NSMutableArray.alloc().initWithArray(this._ios.controller.viewControllers); if (newControllers.count === 0) { throw new Error("Wrong controllers count."); } // the code below fixes a phantom animation that appears on the Back button in this case // TODO: investigate why the animation happens at first place before working around it viewController.navigationItem.hidesBackButton = this.backStack.length === 0; // swap the top entry with the new one const skippedNavController = newControllers.lastObject; (skippedNavController).isBackstackSkipped = true; newControllers.removeLastObject(); newControllers.addObject(viewController); // replace the controllers instead of pushing directly this._ios.controller.setViewControllersAnimated(newControllers, animated); if (traceEnabled()) { traceWrite(`${this}.setViewControllersAnimated([originalControllers - lastController + ${viewController}], ${animated}); depth = ${navDepth}`, traceCategories.Navigation); } return; } // General case. this._ios.controller.pushViewControllerAnimated(viewController, animated); if (traceEnabled()) { traceWrite(`${this}.pushViewControllerAnimated(${viewController}, ${animated}); depth = ${navDepth}`, traceCategories.Navigation); } } public _goBackCore(backstackEntry: BackstackEntry) { super._goBackCore(backstackEntry); navDepth = backstackEntry[NAV_DEPTH]; if (!this._shouldSkipNativePop) { let controller = backstackEntry.resolvedPage.ios; let animated = this._currentEntry ? this._getIsAnimatedNavigation(this._currentEntry.entry) : false; this._updateActionBar(backstackEntry.resolvedPage); if (traceEnabled()) { traceWrite(`${this}.popToViewControllerAnimated(${controller}, ${animated}); depth = ${navDepth}`, traceCategories.Navigation); } this._ios.controller.popToViewControllerAnimated(controller, animated); } } public _updateActionBar(page?: Page, disableNavBarAnimation: boolean = false): void { super._updateActionBar(page); page = page || this.currentPage; let newValue = this._getNavBarVisible(page); let disableNavBarAnimationCache = this._ios._disableNavBarAnimation; if (disableNavBarAnimation) { this._ios._disableNavBarAnimation = true; } this._ios.showNavigationBar = newValue; if (disableNavBarAnimation) { this._ios._disableNavBarAnimation = disableNavBarAnimationCache; } if (this._ios.controller.navigationBar) { this._ios.controller.navigationBar.userInteractionEnabled = this.navigationQueueIsEmpty(); } } public _getNavBarVisible(page: Page): boolean { switch (this._ios.navBarVisibility) { case "always": return true; case "never": return false; case "auto": let newValue: boolean; if (page && page.actionBarHidden !== undefined) { newValue = !page.actionBarHidden; } else { newValue = this.ios.controller.viewControllers.count > 1 || (page && page.actionBar && !page.actionBar._isEmpty()); } newValue = !!newValue; // Make sure it is boolean return newValue; } } public get ios(): iOSFrame { return this._ios; } get _nativeView(): any { return this._ios.controller.view; } public static get defaultAnimatedNavigation(): boolean { return FrameBase.defaultAnimatedNavigation; } public static set defaultAnimatedNavigation(value: boolean) { FrameBase.defaultAnimatedNavigation = value; } public static get defaultTransition(): NavigationTransition { return FrameBase.defaultTransition; } public static set defaultTransition(value: NavigationTransition) { FrameBase.defaultTransition = value; } public requestLayout(): void { super.requestLayout(); // Invalidate our Window so that layout is triggered again. let window = this._nativeView.window; if (window) { window.setNeedsLayout(); } } public onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void { let width = layout.getMeasureSpecSize(widthMeasureSpec); let widthMode = layout.getMeasureSpecMode(widthMeasureSpec); let height = layout.getMeasureSpecSize(heightMeasureSpec); let heightMode = layout.getMeasureSpecMode(heightMeasureSpec); this._widthMeasureSpec = widthMeasureSpec; this._heightMeasureSpec = heightMeasureSpec; let result = this.measurePage(this.currentPage); if (this._navigateToEntry && this.currentPage) { let newPageSize = this.measurePage(this._navigateToEntry.resolvedPage); result.measuredWidth = Math.max(result.measuredWidth, newPageSize.measuredWidth); result.measuredHeight = Math.max(result.measuredHeight, newPageSize.measuredHeight); } let widthAndState = View.resolveSizeAndState(result.measuredWidth, width, widthMode, 0); let heightAndState = View.resolveSizeAndState(result.measuredHeight, height, heightMode, 0); this.setMeasuredDimension(widthAndState, heightAndState); } public measurePage(page: Page): { measuredWidth: number; measuredHeight: number } { // If background does not span under statusbar - reduce available height. let heightSpec: number = this._heightMeasureSpec; if (page && !page.backgroundSpanUnderStatusBar && !this.parent) { let height = layout.getMeasureSpecSize(this._heightMeasureSpec); let heightMode = layout.getMeasureSpecMode(this._heightMeasureSpec); let statusBarHeight = uiUtils.ios.getStatusBarHeight(); heightSpec = layout.makeMeasureSpec(height - statusBarHeight, heightMode); } return View.measureChild(this, page, this._widthMeasureSpec, heightSpec); } public onLayout(left: number, top: number, right: number, bottom: number): void { this._right = right; this._bottom = bottom; this._handleHigherInCallStatusBarIfNeeded(); this.layoutPage(this.currentPage); if (this._navigateToEntry && this.currentPage) { this.layoutPage(this._navigateToEntry.resolvedPage); } } public layoutPage(page: Page): void { if (page && (page)._viewWillDisappear) { //https://github.com/NativeScript/NativeScript/issues/1201 return; } // If background does not span under statusbar - reduce available height and adjust top offset. let statusBarHeight = (page && !page.backgroundSpanUnderStatusBar && !this.parent) ? uiUtils.ios.getStatusBarHeight() : 0; // Status bar height should be ignored when UINavigationBar is visible and not translucent if (this._ios.showNavigationBar && !this._ios.controller.navigationBar.translucent && page && (page)._ios && !(page)._ios.shown) { statusBarHeight = 0; } View.layoutChild(this, page, 0, statusBarHeight, this._right, this._bottom); } public get navigationBarHeight(): number { let navigationBar = this._ios.controller.navigationBar; return (navigationBar && !this._ios.controller.navigationBarHidden) ? navigationBar.frame.size.height : 0; } public _setNativeViewFrame(nativeView: any, frame: any) { // HACK: The plugin https://github.com/hackiftekhar/IQKeyboardManager offsets our Frame's 'nativeView.frame.origin.y' // to a negative value so the currently focused TextField/TextView is always on the screen while the soft keyboard is showing. // Our Frame always wants to have an origin of {0, 0}, so if someone else has been playing with origin.x or origin.y do not bring it back to {0, 0}. if (nativeView.frame.size.width === frame.size.width && nativeView.frame.size.height === frame.size.height) { return; } super._setNativeViewFrame(nativeView, frame); } public remeasureFrame(): void { this.requestLayout(); let window: UIWindow = this._nativeView.window; if (window) { window.layoutIfNeeded(); } } public _onNavigatingTo(backstackEntry: BackstackEntry, isBack: boolean) { // } _handleHigherInCallStatusBarIfNeeded() { let statusBarHeight = uiUtils.ios.getStatusBarHeight(); if (!this._ios || !this._ios.controller || !this._ios.controller.navigationBar || this._ios.controller.navigationBar.hidden || this._ios.controller.navigationBar.frame.origin.y === statusBarHeight) { return; } if (traceEnabled()) { traceWrite(`Forcing navigationBar.frame.origin.y to ${statusBarHeight} due to a higher in-call status-bar`, traceCategories.Layout); } this._ios.controller.navigationBar.autoresizingMask = UIViewAutoresizing.None; this._ios.controller.navigationBar.removeConstraints((this)._ios.controller.navigationBar.constraints); this._ios.controller.navigationBar.frame = CGRectMake( this._ios.controller.navigationBar.frame.origin.x, statusBarHeight, this._ios.controller.navigationBar.frame.size.width, this._ios.controller.navigationBar.frame.size.height); } } let transitionDelegates = new Array(); class TransitionDelegate extends NSObject { private _id: string; public static initWithOwnerId(id: string): TransitionDelegate { let delegate = TransitionDelegate.new(); delegate._id = id; transitionDelegates.push(delegate); return delegate; } public animationWillStart(animationID: string, context: any): void { if (traceEnabled()) { traceWrite(`START ${this._id}`, traceCategories.Transition); } } public animationDidStop(animationID: string, finished: boolean, context: any): void { if (finished) { if (traceEnabled()) { traceWrite(`END ${this._id}`, traceCategories.Transition); } } else { if (traceEnabled()) { traceWrite(`CANCEL ${this._id}`, traceCategories.Transition); } } let index = transitionDelegates.indexOf(this); if (index > -1) { transitionDelegates.splice(index, 1); } } public static ObjCExposedMethods = { "animationWillStart": { returns: interop.types.void, params: [NSString, NSObject] }, "animationDidStop": { returns: interop.types.void, params: [NSString, NSNumber, NSObject] } }; } const _defaultTransitionDuration = 0.35; class UINavigationControllerAnimatedDelegate extends NSObject implements UINavigationControllerDelegate { public static ObjCProtocols = [UINavigationControllerDelegate]; navigationControllerAnimationControllerForOperationFromViewControllerToViewController( navigationController: UINavigationController, operation: number, fromVC: UIViewController, toVC: UIViewController): UIViewControllerAnimatedTransitioning { let viewController: UIViewController; switch (operation) { case UINavigationControllerOperation.Push: viewController = toVC; break; case UINavigationControllerOperation.Pop: viewController = fromVC; break; } if (!viewController) { return null; } let navigationTransition = viewController[TRANSITION]; if (!navigationTransition) { return null; } if (traceEnabled()) { traceWrite(`UINavigationControllerImpl.navigationControllerAnimationControllerForOperationFromViewControllerToViewController(${operation}, ${fromVC}, ${toVC}), transition: ${JSON.stringify(navigationTransition)}`, traceCategories.NativeLifecycle); } let curve = _getNativeCurve(navigationTransition); let animationController = _createIOSAnimatedTransitioning(navigationTransition, curve, operation, fromVC, toVC); return animationController; } } class UINavigationControllerImpl extends UINavigationController { private _owner: WeakRef; public static initWithOwner(owner: WeakRef): UINavigationControllerImpl { let controller = UINavigationControllerImpl.new(); controller._owner = owner; return controller; } get owner(): Frame { return this._owner.get(); } public viewDidLoad(): void { super.viewDidLoad(); let owner = this._owner.get(); if (owner) { owner.onLoaded(); } } public viewDidLayoutSubviews(): void { let owner = this._owner.get(); if (owner) { if (traceEnabled()) { traceWrite(this._owner + " viewDidLayoutSubviews, isLoaded = " + owner.isLoaded, traceCategories.ViewHierarchy); } owner._updateLayout(); } } private animateWithDuration(navigationTransition: NavigationTransition, nativeTransition: UIViewAnimationTransition, transitionType: string, baseCallback: Function): void { let duration = navigationTransition.duration ? navigationTransition.duration / 1000 : _defaultTransitionDuration; let curve = _getNativeCurve(navigationTransition); let transitionTraced = isCategorySet(traceCategories.Transition); let transitionDelegate: TransitionDelegate; if (transitionTraced) { let id = _getTransitionId(nativeTransition, transitionType); transitionDelegate = TransitionDelegate.initWithOwnerId(id); } UIView.animateWithDurationAnimations(duration, () => { if (transitionTraced) { UIView.setAnimationDelegate(transitionDelegate); } UIView.setAnimationWillStartSelector("animationWillStart"); UIView.setAnimationDidStopSelector("animationDidStop"); UIView.setAnimationCurve(curve); baseCallback(); UIView.setAnimationTransitionForViewCache(nativeTransition, this.view, true); }); } public pushViewControllerAnimated(viewController: UIViewController, animated: boolean): void { let navigationTransition = viewController[TRANSITION]; if (traceEnabled()) { traceWrite(`UINavigationControllerImpl.pushViewControllerAnimated(${viewController}, ${animated}); transition: ${JSON.stringify(navigationTransition)}`, traceCategories.NativeLifecycle); } let nativeTransition = _getNativeTransition(navigationTransition, true); if (!animated || !navigationTransition || !nativeTransition) { super.pushViewControllerAnimated(viewController, animated); return; } this.animateWithDuration(navigationTransition, nativeTransition, "push", () => { super.pushViewControllerAnimated(viewController, false); }); } public setViewControllersAnimated(viewControllers: NSArray, animated: boolean): void { let viewController = viewControllers.lastObject; let navigationTransition = viewController[TRANSITION]; if (traceEnabled()) { traceWrite(`UINavigationControllerImpl.setViewControllersAnimated(${viewControllers}, ${animated}); transition: ${JSON.stringify(navigationTransition)}`, traceCategories.NativeLifecycle); } let nativeTransition = _getNativeTransition(navigationTransition, true); if (!animated || !navigationTransition || !nativeTransition) { super.setViewControllersAnimated(viewControllers, animated); return; } this.animateWithDuration(navigationTransition, nativeTransition, "set", () => { super.setViewControllersAnimated(viewControllers, false); }); } public popViewControllerAnimated(animated: boolean): UIViewController { let lastViewController = this.viewControllers.lastObject; let navigationTransition = lastViewController[TRANSITION]; if (traceEnabled()) { traceWrite(`UINavigationControllerImpl.popViewControllerAnimated(${animated}); transition: ${JSON.stringify(navigationTransition)}`, traceCategories.NativeLifecycle); } if (navigationTransition && navigationTransition.name === "non-animated") { //https://github.com/NativeScript/NativeScript/issues/1787 return super.popViewControllerAnimated(false); } let nativeTransition = _getNativeTransition(navigationTransition, false); if (!animated || !navigationTransition || !nativeTransition) { return super.popViewControllerAnimated(animated); } this.animateWithDuration(navigationTransition, nativeTransition, "pop", () => { super.popViewControllerAnimated(false); }); return null; } public popToViewControllerAnimated(viewController: UIViewController, animated: boolean): NSArray { let lastViewController = this.viewControllers.lastObject; let navigationTransition = lastViewController[TRANSITION]; if (traceEnabled()) { traceWrite(`UINavigationControllerImpl.popToViewControllerAnimated(${viewController}, ${animated}); transition: ${JSON.stringify(navigationTransition)}`, traceCategories.NativeLifecycle); } if (navigationTransition && navigationTransition.name === "non-animated") { //https://github.com/NativeScript/NativeScript/issues/1787 return super.popToViewControllerAnimated(viewController, false); } let nativeTransition = _getNativeTransition(navigationTransition, false); if (!animated || !navigationTransition || !nativeTransition) { return super.popToViewControllerAnimated(viewController, animated); } this.animateWithDuration(navigationTransition, nativeTransition, "popTo", () => { super.popToViewControllerAnimated(viewController, false); }); return null; } } function _getTransitionId(nativeTransition: UIViewAnimationTransition, transitionType: string): string { let name; switch (nativeTransition) { case UIViewAnimationTransition.CurlDown: name = "CurlDown"; break; case UIViewAnimationTransition.CurlUp: name = "CurlUp"; break; case UIViewAnimationTransition.FlipFromLeft: name = "FlipFromLeft"; break; case UIViewAnimationTransition.FlipFromRight: name = "FlipFromRight"; break; case UIViewAnimationTransition.None: name = "None"; break; } return `${name} ${transitionType}`; } function _getNativeTransition(navigationTransition: NavigationTransition, push: boolean): UIViewAnimationTransition { if (navigationTransition && navigationTransition.name) { switch (navigationTransition.name.toLowerCase()) { case "flip": case "flipright": return push ? UIViewAnimationTransition.FlipFromRight : UIViewAnimationTransition.FlipFromLeft; case "flipleft": return push ? UIViewAnimationTransition.FlipFromLeft : UIViewAnimationTransition.FlipFromRight; case "curl": case "curlup": return push ? UIViewAnimationTransition.CurlUp : UIViewAnimationTransition.CurlDown; case "curldown": return push ? UIViewAnimationTransition.CurlDown : UIViewAnimationTransition.CurlUp; } } return null; } export function _getNativeCurve(transition: NavigationTransition): UIViewAnimationCurve { if (transition.curve) { switch (transition.curve) { case "easeIn": if (traceEnabled()) { traceWrite("Transition curve resolved to UIViewAnimationCurve.EaseIn.", traceCategories.Transition); } return UIViewAnimationCurve.EaseIn; case "easeOut": if (traceEnabled()) { traceWrite("Transition curve resolved to UIViewAnimationCurve.EaseOut.", traceCategories.Transition); } return UIViewAnimationCurve.EaseOut; case "easeInOut": if (traceEnabled()) { traceWrite("Transition curve resolved to UIViewAnimationCurve.EaseInOut.", traceCategories.Transition); } return UIViewAnimationCurve.EaseInOut; case "linear": if (traceEnabled()) { traceWrite("Transition curve resolved to UIViewAnimationCurve.Linear.", traceCategories.Transition); } return UIViewAnimationCurve.Linear; default: if (traceEnabled()) { traceWrite("Transition curve resolved to original: " + transition.curve, traceCategories.Transition); } return transition.curve; } } return UIViewAnimationCurve.EaseInOut; } /* tslint:disable */ class iOSFrame implements iOSFrameDefinition { /* tslint:enable */ private _controller: UINavigationControllerImpl; private _showNavigationBar: boolean; private _navBarVisibility: "auto" | "never" | "always" = "auto"; private _frame: Frame; // TabView uses this flag to disable animation while showing/hiding the navigation bar because of the "< More" bar. // See the TabView._handleTwoNavigationBars method for more details. public _disableNavBarAnimation: boolean; constructor(frame: Frame) { this._frame = frame; this._controller = UINavigationControllerImpl.initWithOwner(new WeakRef(frame)); this._controller.automaticallyAdjustsScrollViewInsets = false; } public get controller() { return this._controller; } public get showNavigationBar(): boolean { return this._showNavigationBar; } public set showNavigationBar(value: boolean) { let change = this._showNavigationBar !== value; this._showNavigationBar = value; let animated = !this._frame._isInitialNavigation && !this._disableNavBarAnimation; this._controller.setNavigationBarHiddenAnimated(!value, animated); let currentPage = this._controller.owner.currentPage; if (currentPage && change) { currentPage.requestLayout(); } } public get navBarVisibility(): "auto" | "never" | "always" { return this._navBarVisibility; } public set navBarVisibility(value: "auto" | "never" | "always") { this._navBarVisibility = value; } }