mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
iOS layout positioning now respects native properties like automaticallyAdjustsScrollViewInsets, edgesForExtendedLayout, extendedLayoutIncludesOpaqueBars, navigationBar.translucent, tabBar.translucent Removed frame-tests.ios.ts - those tests are now invalid Added new layout tests inside page-tests.ios.ts Commented few asserts in scroll-view-tests View now expose ios namespace with layoutView method and UILayoutViewController used by page, tab-view and application module ViewBase now expose viewController property that should be set from all widgets that are using viewcontrollers internally (like Page, Frame, TabView) ViewBase now sets ios property to either the view returned from createNativeView or to nativeViewProptected fragment.transitions now use animation/transition start to add fragments to waitingQueue. Before we did it manually in navigate/goBack. This way we can reuse the fragment.transition when calling showDialog. Also when animation/transition ends we check the animation/transition to see if this fragment should be set as current. Frame expose new loadViewFromEntry method (to load a view from URI) Frame navigation happens once frame is loaded Frame now supports Page as a child in XML Fixed GridLayout row, rowSpan, column, columnSpan properties type Fixed bug in GridLayout where add/remove of columns/rows won't update the internal state of the grid (backport from android when GridLayout is recycled) ListView will no longer invalidate layout when cell is removed Fixed bug in ScrollView ios where effectiveMinWidth/Height was multiplied to density (it is already on device pixels so no need to multiply) TabView android now calls loaded only on the selected child (not all) Core refactoring
260 lines
9.5 KiB
TypeScript
260 lines
9.5 KiB
TypeScript
import {
|
|
iOSApplication as IOSApplicationDefinition,
|
|
LaunchEventData,
|
|
ApplicationEventData,
|
|
OrientationChangedEventData,
|
|
LoadAppCSSEventData
|
|
} from ".";
|
|
|
|
import {
|
|
notify, launchEvent, resumeEvent, suspendEvent, exitEvent, lowMemoryEvent,
|
|
orientationChangedEvent, setApplication, livesync, displayedEvent, getCssFileName
|
|
} from "./application-common";
|
|
|
|
// First reexport so that app module is initialized.
|
|
export * from "./application-common";
|
|
|
|
import { ios as iosView } from "../ui/core/view";
|
|
import { Frame, View, NavigationEntry, loadViewFromEntry } from "../ui/frame";
|
|
import { ios } from "../ui/utils";
|
|
import * as utils from "../utils/utils";
|
|
import { profile } from "../profiling";
|
|
|
|
class Responder extends UIResponder {
|
|
//
|
|
}
|
|
|
|
let displayedOnce = false;
|
|
|
|
class NotificationObserver extends NSObject {
|
|
private _onReceiveCallback: (notification: NSNotification) => void;
|
|
|
|
public static initWithCallback(onReceiveCallback: (notification: NSNotification) => void): NotificationObserver {
|
|
const observer = <NotificationObserver>super.new();
|
|
observer._onReceiveCallback = onReceiveCallback;
|
|
return observer;
|
|
}
|
|
|
|
public onReceive(notification: NSNotification): void {
|
|
this._onReceiveCallback(notification);
|
|
}
|
|
|
|
public static ObjCExposedMethods = {
|
|
"onReceive": { returns: interop.types.void, params: [NSNotification] }
|
|
};
|
|
}
|
|
|
|
class IOSApplication implements IOSApplicationDefinition {
|
|
private _delegate: typeof UIApplicationDelegate;
|
|
private _currentOrientation = utils.ios.getter(UIDevice, UIDevice.currentDevice).orientation;
|
|
private _window: UIWindow;
|
|
private _observers: Array<NotificationObserver>;
|
|
|
|
constructor() {
|
|
this._observers = new Array<NotificationObserver>();
|
|
this.addNotificationObserver(UIApplicationDidFinishLaunchingNotification, this.didFinishLaunchingWithOptions.bind(this));
|
|
this.addNotificationObserver(UIApplicationDidBecomeActiveNotification, this.didBecomeActive.bind(this));
|
|
this.addNotificationObserver(UIApplicationDidEnterBackgroundNotification, this.didEnterBackground.bind(this));
|
|
this.addNotificationObserver(UIApplicationWillTerminateNotification, this.willTerminate.bind(this));
|
|
this.addNotificationObserver(UIApplicationDidReceiveMemoryWarningNotification, this.didReceiveMemoryWarning.bind(this));
|
|
this.addNotificationObserver(UIDeviceOrientationDidChangeNotification, this.orientationDidChange.bind(this));
|
|
}
|
|
|
|
get rootController(): UIViewController {
|
|
return this._window.rootViewController;
|
|
}
|
|
|
|
get nativeApp(): UIApplication {
|
|
return utils.ios.getter(UIApplication, UIApplication.sharedApplication);
|
|
}
|
|
|
|
get window(): UIWindow {
|
|
return this._window;
|
|
}
|
|
|
|
get delegate(): typeof UIApplicationDelegate {
|
|
return this._delegate;
|
|
}
|
|
set delegate(value: typeof UIApplicationDelegate) {
|
|
if (this._delegate !== value) {
|
|
this._delegate = value;
|
|
}
|
|
}
|
|
|
|
public addNotificationObserver(notificationName: string, onReceiveCallback: (notification: NSNotification) => void): NotificationObserver {
|
|
const observer = NotificationObserver.initWithCallback(onReceiveCallback);
|
|
utils.ios.getter(NSNotificationCenter, NSNotificationCenter.defaultCenter).addObserverSelectorNameObject(observer, "onReceive", notificationName, null);
|
|
this._observers.push(observer);
|
|
return observer;
|
|
}
|
|
|
|
public removeNotificationObserver(observer: any, notificationName: string) {
|
|
var index = this._observers.indexOf(observer);
|
|
if (index >= 0) {
|
|
this._observers.splice(index, 1);
|
|
utils.ios.getter(NSNotificationCenter, NSNotificationCenter.defaultCenter).removeObserverNameObject(observer, notificationName, null);
|
|
}
|
|
}
|
|
|
|
@profile
|
|
private didFinishLaunchingWithOptions(notification: NSNotification) {
|
|
this._window = UIWindow.alloc().initWithFrame(utils.ios.getter(UIScreen, UIScreen.mainScreen).bounds);
|
|
// TODO: Expose Window module so that it can we styled from XML & CSS
|
|
this._window.backgroundColor = utils.ios.getter(UIColor, UIColor.whiteColor);
|
|
|
|
const args: LaunchEventData = {
|
|
eventName: launchEvent,
|
|
object: this,
|
|
ios: notification.userInfo && notification.userInfo.objectForKey("UIApplicationLaunchOptionsLocalNotificationKey") || null
|
|
};
|
|
|
|
notify(args);
|
|
notify(<LoadAppCSSEventData>{ eventName: "loadAppCss", object: <any>this, cssFile: getCssFileName() });
|
|
|
|
const rootView = createRootView(args.root);
|
|
const controller = getViewController(rootView);
|
|
this._window.rootViewController = controller;
|
|
this._window.makeKeyAndVisible();
|
|
}
|
|
|
|
@profile
|
|
private didBecomeActive(notification: NSNotification) {
|
|
const ios = utils.ios.getter(UIApplication, UIApplication.sharedApplication);
|
|
const object = this;
|
|
notify(<ApplicationEventData>{ eventName: resumeEvent, object, ios });
|
|
if (!displayedOnce) {
|
|
notify(<ApplicationEventData>{ eventName: displayedEvent, object, ios });
|
|
displayedOnce = true;
|
|
}
|
|
}
|
|
|
|
private didEnterBackground(notification: NSNotification) {
|
|
notify(<ApplicationEventData>{ eventName: suspendEvent, object: this, ios: utils.ios.getter(UIApplication, UIApplication.sharedApplication) });
|
|
}
|
|
|
|
private willTerminate(notification: NSNotification) {
|
|
notify(<ApplicationEventData>{ eventName: exitEvent, object: this, ios: utils.ios.getter(UIApplication, UIApplication.sharedApplication) });
|
|
}
|
|
|
|
private didReceiveMemoryWarning(notification: NSNotification) {
|
|
notify(<ApplicationEventData>{ eventName: lowMemoryEvent, object: this, ios: utils.ios.getter(UIApplication, UIApplication.sharedApplication) });
|
|
}
|
|
|
|
private orientationDidChange(notification: NSNotification) {
|
|
const orientation = utils.ios.getter(UIDevice, UIDevice.currentDevice).orientation;
|
|
|
|
if (this._currentOrientation !== orientation) {
|
|
this._currentOrientation = orientation;
|
|
|
|
let newValue: "portrait" | "landscape" | "unknown";
|
|
switch (orientation) {
|
|
case UIDeviceOrientation.LandscapeRight:
|
|
case UIDeviceOrientation.LandscapeLeft:
|
|
newValue = "landscape";
|
|
break;
|
|
case UIDeviceOrientation.Portrait:
|
|
case UIDeviceOrientation.PortraitUpsideDown:
|
|
newValue = "portrait";
|
|
break;
|
|
default:
|
|
newValue = "unknown";
|
|
break;
|
|
}
|
|
|
|
notify(<OrientationChangedEventData>{
|
|
eventName: orientationChangedEvent,
|
|
ios: this,
|
|
newValue: newValue,
|
|
object: this
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
const iosApp = new IOSApplication();
|
|
exports.ios = iosApp;
|
|
setApplication(iosApp);
|
|
|
|
let mainEntry: NavigationEntry;
|
|
function createRootView(v?: View) {
|
|
let rootView = v;
|
|
if (!rootView) {
|
|
// try to navigate to the mainEntry (if specified)
|
|
if (mainEntry) {
|
|
if (createRootFrame) {
|
|
const frame = new Frame();
|
|
rootView = frame;
|
|
frame.navigate(mainEntry);
|
|
} else {
|
|
rootView = loadViewFromEntry(mainEntry);
|
|
}
|
|
} else {
|
|
// TODO: Throw an exception?
|
|
throw new Error("A Frame must be used to navigate to a Page.");
|
|
}
|
|
}
|
|
|
|
rootView._setupAsRootView({});
|
|
return rootView;
|
|
}
|
|
|
|
export function getMainEntry() {
|
|
return mainEntry;
|
|
}
|
|
|
|
// NOTE: for backwards compatibility. Remove for 4.0.0.
|
|
let createRootFrame = true;
|
|
let started: boolean = false;
|
|
export function start(entry?: string | NavigationEntry) {
|
|
mainEntry = typeof entry === "string" ? { moduleName: entry } : entry;
|
|
started = true;
|
|
|
|
if (!iosApp.nativeApp) {
|
|
// Normal NativeScript app will need UIApplicationMain.
|
|
UIApplicationMain(0, null, null, iosApp && iosApp.delegate ? NSStringFromClass(<any>iosApp.delegate) : NSStringFromClass(Responder));
|
|
} else {
|
|
const rootView = createRootView();
|
|
if (rootView) {
|
|
// Attach to the existing iOS app
|
|
const window = iosApp.nativeApp.keyWindow || (iosApp.nativeApp.windows.count > 0 && iosApp.nativeApp.windows[0]);
|
|
if (window) {
|
|
const rootController = window.rootViewController;
|
|
if (rootController) {
|
|
const controller = getViewController(rootView);
|
|
rootController.presentViewControllerAnimatedCompletion(controller, true, null);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
export function run(entry?: string | NavigationEntry) {
|
|
createRootFrame = false;
|
|
start(entry);
|
|
}
|
|
|
|
export function getNativeApplication(): UIApplication {
|
|
return iosApp.nativeApp;
|
|
}
|
|
|
|
function getViewController(view: View): UIViewController {
|
|
let viewController = view.viewController || view.ios;
|
|
if (viewController instanceof UIViewController) {
|
|
return viewController;
|
|
} else if (view.ios instanceof UIView) {
|
|
viewController = iosView.UILayoutViewController.initWithOwner(new WeakRef(view));
|
|
viewController.view = view.ios;
|
|
return viewController;
|
|
} else {
|
|
throw new Error("Root should be either UIViewController or UIView");
|
|
}
|
|
}
|
|
|
|
global.__onLiveSync = function () {
|
|
if (!started) {
|
|
return;
|
|
}
|
|
|
|
livesync();
|
|
}
|