import common = require("./switch-common"); import dependencyObservable = require("ui/core/dependency-observable"); import proxy = require("ui/core/proxy"); import * as utils from "utils/utils"; import style = require("ui/styling/style"); import view = require("ui/core/view"); function onCheckedPropertyChanged(data: dependencyObservable.PropertyChangeData) { var swtch = data.object; swtch.ios.on = data.newValue; } // register the setNativeValue callbacks (common.Switch.checkedProperty.metadata).onSetNativeValue = onCheckedPropertyChanged; global.moduleMerge(common, exports); class SwitchChangeHandlerImpl extends NSObject { private _owner: WeakRef; public static initWithOwner(owner: WeakRef): SwitchChangeHandlerImpl { let handler = SwitchChangeHandlerImpl.new(); handler._owner = owner; return handler; } public valueChanged(sender: UISwitch) { let owner = this._owner.get(); if (owner) { owner._onPropertyChangedFromNative(common.Switch.checkedProperty, sender.on); } } public static ObjCExposedMethods = { 'valueChanged': { returns: interop.types.void, params: [UISwitch] } }; } export class Switch extends common.Switch { private _ios: UISwitch; private _handler: NSObject; constructor() { super(); this._ios = new UISwitch(); this._handler = SwitchChangeHandlerImpl.initWithOwner(new WeakRef(this)); this._ios.addTargetActionForControlEvents(this._handler, "valueChanged", UIControlEvents.UIControlEventValueChanged); } get ios(): UISwitch { return this._ios; } public onMeasure(widthMeasureSpec: number, heightMeasureSpec: number): void { // It can't be anything different from 51x31 let nativeSize = this._nativeView.sizeThatFits(CGSizeMake(0, 0)); this.width = nativeSize.width; this.height = nativeSize.height; let widthAndState = utils.layout.makeMeasureSpec(nativeSize.width, utils.layout.EXACTLY); let heightAndState = utils.layout.makeMeasureSpec(nativeSize.height, utils.layout.EXACTLY); this.setMeasuredDimension(widthAndState, heightAndState); } } export class SwitchStyler implements style.Styler { private static setColorProperty(view: view.View, newValue: any) { var sw = view.ios; sw.thumbTintColor = newValue; } private static resetColorProperty(view: view.View, nativeValue: any) { var sw = view.ios; sw.thumbTintColor = nativeValue; } private static getNativeColorValue(view: view.View): any { var sw = view.ios; return sw.thumbTintColor; } private static setBackgroundColorProperty(view: view.View, newValue: any) { var sw = view.ios; sw.onTintColor = view.backgroundColor.ios; } private static resetBackgroundColorProperty(view: view.View, nativeValue: any) { var sw = view.ios; sw.onTintColor = nativeValue; } private static getBackgroundColorProperty(view: view.View): any { var sw = view.ios; return sw.onTintColor; } public static registerHandlers() { style.registerHandler(style.colorProperty, new style.StylePropertyChangedHandler( SwitchStyler.setColorProperty, SwitchStyler.resetColorProperty, SwitchStyler.getNativeColorValue), "Switch"); style.registerHandler(style.backgroundColorProperty, new style.StylePropertyChangedHandler( SwitchStyler.setBackgroundColorProperty, SwitchStyler.resetBackgroundColorProperty, SwitchStyler.getBackgroundColorProperty), "Switch"); // Ignore the default backgroundInternalProperty handler style.registerHandler(style.backgroundInternalProperty, style.ignorePropertyHandler, "Switch"); } } SwitchStyler.registerHandlers();