javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-16 11:42:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

Changed gestures enums like other enums.

Browse Source
This commit is contained in:
Nedyalko Nikolov
2015-04-20 16:32:06 +03:00
parent 9550ebc144
commit cd6e723c30
13 changed files with 151 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/perf-tests/NavigationTest/master-page.ts
View File

@ -14,7 +14,7 @@ export function createPage() {
listView.height = 200; listView.height = 200;
var itemsSource = [1, 2, 3]; var itemsSource = [1, 2, 3];
listView.on("itemLoading", (args: listViewModule.ItemEventData) => { listView.on(listViewModule.knownEvents.itemLoading, (args: listViewModule.ItemEventData) => {
var label = <labelModule.Label>args.view; var label = <labelModule.Label>args.view;
if (!label) { if (!label) {
label = new labelModule.Label(); label = new labelModule.Label();

2
apps/tests/app/testRunnerPage.ts
View File

@ -14,7 +14,7 @@ export function createPage() {
var listView = new listViewDef.ListView(); var listView = new listViewDef.ListView();
listView.on("itemLoading", (args: listViewDef.ItemEventData) => { listView.on(listViewDef.knownEvents.itemLoading, (args: listViewDef.ItemEventData) => {
var btn = <bm.Button> args.view; var btn = <bm.Button> args.view;
if (btn) { if (btn) {
btn.off(bm.knownEvents.tap); btn.off(bm.knownEvents.tap);

16
apps/tests/gestures-tests.ts
View File

@ -13,7 +13,7 @@ export var test_DummyTestForSnippetOnly0 = function () {
// ### Double Tap // ### Double Tap
// ``` JavaScript // ``` JavaScript
var label = new labelModule.Label(); var label = new labelModule.Label();
var observer = label.observe(gestures.GestureTypes.DoubleTap, function (args: gestures.GestureEventData) { var observer = label.observe(gestures.GestureTypes.doubleTap, function (args: gestures.GestureEventData) {
console.log("Double Tap"); console.log("Double Tap");
}); });
// ``` // ```
@ -25,7 +25,7 @@ export var test_DummyTestForSnippetOnly1 = function () {
// ### Long Press // ### Long Press
// ``` JavaScript // ``` JavaScript
var label = new labelModule.Label(); var label = new labelModule.Label();
var observer = label.observe(gestures.GestureTypes.LongPress, function (args: gestures.GestureEventData) { var observer = label.observe(gestures.GestureTypes.longPress, function (args: gestures.GestureEventData) {
console.log("Long Press"); console.log("Long Press");
}); });
// ``` // ```
@ -37,7 +37,7 @@ export var test_DummyTestForSnippetOnly2 = function () {
// ### Pan // ### Pan
// ``` JavaScript // ``` JavaScript
var label = new labelModule.Label(); var label = new labelModule.Label();
var observer = label.observe(gestures.GestureTypes.Pan, function (args: gestures.PanGestureEventData) { var observer = label.observe(gestures.GestureTypes.pan, function (args: gestures.PanGestureEventData) {
console.log("Pan deltaX:" + args.deltaX + "; deltaY:" + args.deltaY + ";"); console.log("Pan deltaX:" + args.deltaX + "; deltaY:" + args.deltaY + ";");
}); });
// ``` // ```
@ -49,7 +49,7 @@ export var test_DummyTestForSnippetOnly3 = function () {
// ### Pinch // ### Pinch
// ``` JavaScript // ``` JavaScript
var label = new labelModule.Label(); var label = new labelModule.Label();
var observer = label.observe(gestures.GestureTypes.Pinch, function (args: gestures.PinchGestureEventData) { var observer = label.observe(gestures.GestureTypes.pinch, function (args: gestures.PinchGestureEventData) {
console.log("Pinch scale: " + args.scale); console.log("Pinch scale: " + args.scale);
}); });
// ``` // ```
@ -61,7 +61,7 @@ export var test_DummyTestForSnippetOnly4 = function () {
// ### Rotation // ### Rotation
// ``` JavaScript // ``` JavaScript
var label = new labelModule.Label(); var label = new labelModule.Label();
var observer = label.observe(gestures.GestureTypes.Rotation, function (args: gestures.RotationGestureEventData) { var observer = label.observe(gestures.GestureTypes.rotation, function (args: gestures.RotationGestureEventData) {
console.log("Rotation: " + args.rotation); console.log("Rotation: " + args.rotation);
}); });
// ``` // ```
@ -73,7 +73,7 @@ export var test_DummyTestForSnippetOnly5 = function () {
// ### Swipe // ### Swipe
// ``` JavaScript // ``` JavaScript
var label = new labelModule.Label(); var label = new labelModule.Label();
var observer = label.observe(gestures.GestureTypes.Swipe, function (args: gestures.SwipeGestureEventData) { var observer = label.observe(gestures.GestureTypes.swipe, function (args: gestures.SwipeGestureEventData) {
console.log("Swipe direction: " + args.direction); console.log("Swipe direction: " + args.direction);
}); });
// ``` // ```
@ -85,7 +85,7 @@ export var test_DummyTestForSnippetOnly6 = function () {
// ### Tap // ### Tap
// ``` JavaScript // ``` JavaScript
var label = new labelModule.Label(); var label = new labelModule.Label();
var observer = label.observe(gestures.GestureTypes.Tap, function (args: gestures.GestureEventData) { var observer = label.observe(gestures.GestureTypes.tap, function (args: gestures.GestureEventData) {
console.log("Tap"); console.log("Tap");
}); });
// ``` // ```
@ -97,7 +97,7 @@ export var test_DummyTestForSnippetOnly7 = function () {
// ### Stop observing // ### Stop observing
// ``` JavaScript // ``` JavaScript
var label = new labelModule.Label(); var label = new labelModule.Label();
var observer = label.observe(gestures.GestureTypes.Tap, function (args: gestures.GestureEventData) { var observer = label.observe(gestures.GestureTypes.tap, function (args: gestures.GestureEventData) {
console.log("Tap"); console.log("Tap");
}); });
observer.disconnect(); observer.disconnect();

34
apps/tests/observable-array-tests.ts
View File

@ -127,9 +127,11 @@ export var test_ObservableArray_popShouldRemoveTheLastElementAndRaiseChangeEvent
// ### Handle "change" event to know more info about the change after calling pop() method. // ### Handle "change" event to know more info about the change after calling pop() method.
// ``` JavaScript // ``` JavaScript
var array = new observableArrayModule.ObservableArray([1, 2, 3]); var array = new observableArrayModule.ObservableArray([1, 2, 3]);
// <hide>
var index = array.length - 1; var index = array.length - 1;
// </hide>
array.on("change", (args: observableArrayModule.ChangedData<number>) => { array.on(observableArrayModule.knownEvents.change, (args: observableArrayModule.ChangedData<number>) => {
//// Argument (args) is ChangedData<T>. //// Argument (args) is ChangedData<T>.
//// args.eventName is "change". //// args.eventName is "change".
//// args.action is "delete". //// args.action is "delete".
@ -146,7 +148,7 @@ export var test_ObservableArray_popShouldRemoveTheLastElementAndRaiseChangeEvent
// ``` // ```
// </snippet> // </snippet>
TKUnit.assert(result.eventName === "change" && result.action === observableArrayModule.ChangeType.Delete && TKUnit.assert(result.eventName === observableArrayModule.knownEvents.change && result.action === observableArrayModule.ChangeType.Delete &&
result.removed.length === 1 && result.index === index && result.addedCount === 0, "ObservableArray pop() should raise 'change' event with correct args!"); result.removed.length === 1 && result.index === index && result.addedCount === 0, "ObservableArray pop() should raise 'change' event with correct args!");
}; };
@ -174,7 +176,7 @@ export var test_ObservableArray_pushShouldAppendNewElementAndRaiseChangeEventWit
// ### Handle "change" event to know more info about the change after calling push() method with single element. // ### Handle "change" event to know more info about the change after calling push() method with single element.
// ``` JavaScript // ``` JavaScript
var array = new observableArrayModule.ObservableArray([1, 2, 3]); var array = new observableArrayModule.ObservableArray([1, 2, 3]);
array.on("change", (args: observableArrayModule.ChangedData<number>) => { array.on(observableArrayModule.knownEvents.change, (args: observableArrayModule.ChangedData<number>) => {
//// Argument (args) is ChangedData<T>. //// Argument (args) is ChangedData<T>.
//// args.eventName is "change". //// args.eventName is "change".
//// args.action is "add". //// args.action is "add".
@ -191,7 +193,7 @@ export var test_ObservableArray_pushShouldAppendNewElementAndRaiseChangeEventWit
// ``` // ```
// </snippet> // </snippet>
TKUnit.assert(result.eventName === "change" && result.action === observableArrayModule.ChangeType.Add && TKUnit.assert(result.eventName === observableArrayModule.knownEvents.change && result.action === observableArrayModule.ChangeType.Add &&
result.removed.length === 0 && result.index === 3 && result.addedCount === 1, "ObservableArray push() should raise 'change' event with correct args!"); result.removed.length === 0 && result.index === 3 && result.addedCount === 1, "ObservableArray push() should raise 'change' event with correct args!");
}; };
@ -219,7 +221,7 @@ export var test_ObservableArray_pushShouldAppendNewElementsAndRaiseChangeEventWi
// ### Handle "change" event to know more info about the change after calling push() method with multiple elements. // ### Handle "change" event to know more info about the change after calling push() method with multiple elements.
// ``` JavaScript // ``` JavaScript
var array = new observableArrayModule.ObservableArray([1, 2, 3]); var array = new observableArrayModule.ObservableArray([1, 2, 3]);
array.on("change", (args: observableArrayModule.ChangedData<number>) => { array.on(observableArrayModule.knownEvents.change, (args: observableArrayModule.ChangedData<number>) => {
//// Argument (args) is ChangedData<T>. //// Argument (args) is ChangedData<T>.
//// args.eventName is "change". //// args.eventName is "change".
//// args.action is "add". //// args.action is "add".
@ -236,7 +238,7 @@ export var test_ObservableArray_pushShouldAppendNewElementsAndRaiseChangeEventWi
// ``` // ```
// </snippet> // </snippet>
TKUnit.assert(result.eventName === "change" && result.action === observableArrayModule.ChangeType.Add && TKUnit.assert(result.eventName === observableArrayModule.knownEvents.change && result.action === observableArrayModule.ChangeType.Add &&
result.removed.length === 0 && result.index === 3 && result.addedCount === 3, "ObservableArray push() should raise 'change' event with correct args!"); result.removed.length === 0 && result.index === 3 && result.addedCount === 3, "ObservableArray push() should raise 'change' event with correct args!");
}; };
@ -264,7 +266,7 @@ export var test_ObservableArray_pushShouldAppendNewElementsFromSourceArrayAndRai
// ### Handle "change" event to know more info about the change after calling push() method with multiple elements from source array. // ### Handle "change" event to know more info about the change after calling push() method with multiple elements from source array.
// ``` JavaScript // ``` JavaScript
var array = new observableArrayModule.ObservableArray([1, 2, 3]); var array = new observableArrayModule.ObservableArray([1, 2, 3]);
array.on("change", (args: observableArrayModule.ChangedData<number>) => { array.on(observableArrayModule.knownEvents.change, (args: observableArrayModule.ChangedData<number>) => {
//// Argument (args) is ChangedData<T>. //// Argument (args) is ChangedData<T>.
//// args.eventName is "change". //// args.eventName is "change".
//// args.action is "add". //// args.action is "add".
@ -281,7 +283,7 @@ export var test_ObservableArray_pushShouldAppendNewElementsFromSourceArrayAndRai
// ``` // ```
// </snippet> // </snippet>
TKUnit.assert(result.eventName === "change" && result.action === observableArrayModule.ChangeType.Add && TKUnit.assert(result.eventName === observableArrayModule.knownEvents.change && result.action === observableArrayModule.ChangeType.Add &&
result.removed.length === 0 && result.index === 3 && result.addedCount === 3, "ObservableArray push() should raise 'change' event with correct args!"); result.removed.length === 0 && result.index === 3 && result.addedCount === 3, "ObservableArray push() should raise 'change' event with correct args!");
}; };
@ -321,7 +323,7 @@ export var test_ObservableArray_shiftShouldRemoveTheFirstElementAndRaiseChangeEv
// ``` JavaScript // ``` JavaScript
var array = new observableArrayModule.ObservableArray([1, 2, 3]); var array = new observableArrayModule.ObservableArray([1, 2, 3]);
array.on("change", (args: observableArrayModule.ChangedData<number>) => { array.on(observableArrayModule.knownEvents.change, (args: observableArrayModule.ChangedData<number>) => {
//// Argument (args) is ChangedData<T>. //// Argument (args) is ChangedData<T>.
//// args.eventName is "change". //// args.eventName is "change".
//// args.action is "delete". //// args.action is "delete".
@ -338,7 +340,7 @@ export var test_ObservableArray_shiftShouldRemoveTheFirstElementAndRaiseChangeEv
// ``` // ```
// </snippet> // </snippet>
TKUnit.assert(result.eventName === "change" && result.action === observableArrayModule.ChangeType.Delete && TKUnit.assert(result.eventName === observableArrayModule.knownEvents.change && result.action === observableArrayModule.ChangeType.Delete &&
result.removed.length === 1 && result.index === 0 && result.addedCount === 0, "ObservableArray shift() should raise 'change' event with correct args!"); result.removed.length === 1 && result.index === 0 && result.addedCount === 0, "ObservableArray shift() should raise 'change' event with correct args!");
}; };
@ -412,7 +414,7 @@ export var test_ObservableArray_spliceShouldRemoveSpecifiedNumberOfElementsStart
// ``` JavaScript // ``` JavaScript
var array = new observableArrayModule.ObservableArray([1, 2, 3]); var array = new observableArrayModule.ObservableArray([1, 2, 3]);
array.on("change", (args: observableArrayModule.ChangedData<number>) => { array.on(observableArrayModule.knownEvents.change, (args: observableArrayModule.ChangedData<number>) => {
//// Argument (args) is ChangedData<T>. //// Argument (args) is ChangedData<T>.
//// args.eventName is "change". //// args.eventName is "change".
//// args.action is "splice". //// args.action is "splice".
@ -429,7 +431,7 @@ export var test_ObservableArray_spliceShouldRemoveSpecifiedNumberOfElementsStart
// ``` // ```
// </snippet> // </snippet>
TKUnit.assert(result.eventName === "change" && result.action === observableArrayModule.ChangeType.Splice && TKUnit.assert(result.eventName === observableArrayModule.knownEvents.change && result.action === observableArrayModule.ChangeType.Splice &&
result.removed.length === 2 && result.index === 1 && result.addedCount === 0, "ObservableArray splice() should raise 'change' event with correct args!"); result.removed.length === 2 && result.index === 1 && result.addedCount === 0, "ObservableArray splice() should raise 'change' event with correct args!");
}; };
@ -453,7 +455,7 @@ export var test_ObservableArray_spliceShouldRemoveAndInertSpecifiedNumberOfEleme
// ``` JavaScript // ``` JavaScript
var array = new observableArrayModule.ObservableArray(["one", "two", "three"]); var array = new observableArrayModule.ObservableArray(["one", "two", "three"]);
array.on("change", (args: observableArrayModule.ChangedData<number>) => { array.on(observableArrayModule.knownEvents.change, (args: observableArrayModule.ChangedData<number>) => {
//// Argument (args) is ChangedData<T>. //// Argument (args) is ChangedData<T>.
//// args.eventName is "change". //// args.eventName is "change".
//// args.action is "splice". //// args.action is "splice".
@ -470,7 +472,7 @@ export var test_ObservableArray_spliceShouldRemoveAndInertSpecifiedNumberOfEleme
// ``` // ```
// </snippet> // </snippet>
TKUnit.assert(result.eventName === "change" && result.action === observableArrayModule.ChangeType.Splice && TKUnit.assert(result.eventName === observableArrayModule.knownEvents.change && result.action === observableArrayModule.ChangeType.Splice &&
result.removed.length === 2 && result.index === 1 && result.addedCount === 1, "ObservableArray splice() should raise 'change' event with correct args!"); result.removed.length === 2 && result.index === 1 && result.addedCount === 1, "ObservableArray splice() should raise 'change' event with correct args!");
}; };
@ -499,7 +501,7 @@ export var test_ObservableArray_unshiftShouldInsertNewElementsFromTheStartAndRai
// ### Handle "change" event to know more info about the change after calling unshift(item1, item2... itemN) method. // ### Handle "change" event to know more info about the change after calling unshift(item1, item2... itemN) method.
// ``` JavaScript // ``` JavaScript
var array = new observableArrayModule.ObservableArray([1, 2, 3]); var array = new observableArrayModule.ObservableArray([1, 2, 3]);
array.on("change", (args: observableArrayModule.ChangedData<number>) => { array.on(observableArrayModule.knownEvents.change, (args: observableArrayModule.ChangedData<number>) => {
//// Argument (args) is ChangedData<T>. //// Argument (args) is ChangedData<T>.
//// args.eventName is "change". //// args.eventName is "change".
//// args.action is "add". //// args.action is "add".
@ -516,7 +518,7 @@ export var test_ObservableArray_unshiftShouldInsertNewElementsFromTheStartAndRai
// ``` // ```
// </snippet> // </snippet>
TKUnit.assert(result.eventName === "change" && result.action === observableArrayModule.ChangeType.Add && TKUnit.assert(result.eventName === observableArrayModule.knownEvents.change && result.action === observableArrayModule.ChangeType.Add &&
result.removed.length === 0 && result.index === 0 && result.addedCount === 2, "ObservableArray unshift() should raise 'change' event with correct args!"); result.removed.length === 0 && result.index === 0 && result.addedCount === 2, "ObservableArray unshift() should raise 'change' event with correct args!");
}; };

2
apps/tests/ui/bindable-tests.ts
View File

@ -190,7 +190,7 @@ export var test_WhenBindingIsSetToAnElement_AndElementIsRemoved_ShouldBeCollecte
var sourcePropertyName = "testProperty"; var sourcePropertyName = "testProperty";
var targetPropertyName = "text"; var targetPropertyName = "text";
page.on("loaded", () => { page.on(viewModule.knownEvents.loaded, () => {
var model = new observable.Observable(); var model = new observable.Observable();
model.set(sourcePropertyName, expectedValue); model.set(sourcePropertyName, expectedValue);

32
apps/tests/ui/list-view/list-view-tests.ts
View File

@ -105,7 +105,7 @@ export function test_set_items_to_array_loads_all_items() {
// ``` JavaScript // ``` JavaScript
var colors = ["red", "green", "blue"]; var colors = ["red", "green", "blue"];
listView.items = colors; listView.items = colors;
listView.on("itemLoading", function (args: listViewModule.ItemEventData) { listView.on(listViewModule.knownEvents.itemLoading, function (args: listViewModule.ItemEventData) {
if (!args.view) { if (!args.view) {
//// Create label if it is not already created. //// Create label if it is not already created.
args.view = new labelModule.Label(); args.view = new labelModule.Label();
@ -130,7 +130,7 @@ export function test_set_items_to_array_loads_all_items() {
export function test_set_items_to_array_creates_native_views() { export function test_set_items_to_array_creates_native_views() {
var listView = new listViewModule.ListView(); var listView = new listViewModule.ListView();
listView.on("itemLoading", loadViewWithItemNumber); listView.on(listViewModule.knownEvents.itemLoading, loadViewWithItemNumber);
function testAction(views: Array<viewModule.View>) { function testAction(views: Array<viewModule.View>) {
listView.items = FEW_ITEMS; listView.items = FEW_ITEMS;
@ -145,7 +145,7 @@ export function test_set_items_to_array_creates_native_views() {
export function test_refresh_after_adding_items_to_array_loads_new_items() { export function test_refresh_after_adding_items_to_array_loads_new_items() {
var listView = new listViewModule.ListView(); var listView = new listViewModule.ListView();
listView.on("itemLoading", loadViewWithItemNumber); listView.on(listViewModule.knownEvents.itemLoading, loadViewWithItemNumber);
function testAction(views: Array<viewModule.View>) { function testAction(views: Array<viewModule.View>) {
var colors = ["red", "green", "blue"]; var colors = ["red", "green", "blue"];
@ -176,7 +176,7 @@ export function test_refresh_reloads_all_items() {
var indexes = {}; var indexes = {};
var testStarted = false; var testStarted = false;
listView.items = FEW_ITEMS; listView.items = FEW_ITEMS;
listView.on("itemLoading", function (args: listViewModule.ItemEventData) { listView.on(listViewModule.knownEvents.itemLoading, function (args: listViewModule.ItemEventData) {
if (!args.view) { if (!args.view) {
args.view = new labelModule.Label(); args.view = new labelModule.Label();
} }
@ -202,7 +202,7 @@ export function test_refresh_reloads_all_items() {
export function test_set_itmes_to_null_clears_native_items() { export function test_set_itmes_to_null_clears_native_items() {
var listView = new listViewModule.ListView(); var listView = new listViewModule.ListView();
listView.on("itemLoading", loadViewWithItemNumber); listView.on(listViewModule.knownEvents.itemLoading, loadViewWithItemNumber);
function testAction(views: Array<viewModule.View>) { function testAction(views: Array<viewModule.View>) {
listView.items = FEW_ITEMS; listView.items = FEW_ITEMS;
@ -219,7 +219,7 @@ export function test_set_itmes_to_null_clears_native_items() {
export function test_set_itmes_to_undefiend_clears_native_items() { export function test_set_itmes_to_undefiend_clears_native_items() {
var listView = new listViewModule.ListView(); var listView = new listViewModule.ListView();
listView.on("itemLoading", loadViewWithItemNumber); listView.on(listViewModule.knownEvents.itemLoading, loadViewWithItemNumber);
function testAction(views: Array<viewModule.View>) { function testAction(views: Array<viewModule.View>) {
listView.items = FEW_ITEMS; listView.items = FEW_ITEMS;
@ -236,7 +236,7 @@ export function test_set_itmes_to_undefiend_clears_native_items() {
export function test_set_itmes_to_different_source_loads_new_items() { export function test_set_itmes_to_different_source_loads_new_items() {
var listView = new listViewModule.ListView(); var listView = new listViewModule.ListView();
listView.on("itemLoading", loadViewWithItemNumber); listView.on(listViewModule.knownEvents.itemLoading, loadViewWithItemNumber);
function testAction(views: Array<viewModule.View>) { function testAction(views: Array<viewModule.View>) {
listView.items = [1, 2, 3]; listView.items = [1, 2, 3];
@ -261,7 +261,7 @@ export function test_set_items_to_observable_array_loads_all_items() {
// ``` JavaScript // ``` JavaScript
var colors = new observableArray.ObservableArray(["red", "green", "blue"]); var colors = new observableArray.ObservableArray(["red", "green", "blue"]);
listView.items = colors; listView.items = colors;
listView.on("itemLoading", function (args: listViewModule.ItemEventData) { listView.on(listViewModule.knownEvents.itemLoading, function (args: listViewModule.ItemEventData) {
if (!args.view) { if (!args.view) {
//// Create label if it is not already created. //// Create label if it is not already created.
args.view = new labelModule.Label(); args.view = new labelModule.Label();
@ -284,7 +284,7 @@ export function test_set_items_to_observable_array_loads_all_items() {
export function test_add_to_observable_array_refreshes_the_listview() { export function test_add_to_observable_array_refreshes_the_listview() {
var listView = new listViewModule.ListView(); var listView = new listViewModule.ListView();
listView.on("itemLoading", loadViewWithItemNumber); listView.on(listViewModule.knownEvents.itemLoading, loadViewWithItemNumber);
function testAction(views: Array<viewModule.View>) { function testAction(views: Array<viewModule.View>) {
var colors = new observableArray.ObservableArray(["red", "green", "blue"]); var colors = new observableArray.ObservableArray(["red", "green", "blue"]);
@ -314,7 +314,7 @@ export function test_remove_from_observable_array_refreshes_the_listview() {
function testAction(views: Array<viewModule.View>) { function testAction(views: Array<viewModule.View>) {
listView.items = data; listView.items = data;
listView.on("itemLoading", loadViewWithItemNumber); listView.on(listViewModule.knownEvents.itemLoading, loadViewWithItemNumber);
TKUnit.wait(ASYNC); TKUnit.wait(ASYNC);
TKUnit.assertEqual(getNativeViewCount(listView), 3, "getNativeViewCount"); TKUnit.assertEqual(getNativeViewCount(listView), 3, "getNativeViewCount");
@ -334,7 +334,7 @@ export function test_splice_observable_array_refreshes_the_listview() {
function testAction(views: Array<viewModule.View>) { function testAction(views: Array<viewModule.View>) {
listView.items = data; listView.items = data;
listView.on("itemLoading", loadViewWithItemNumber); listView.on(listViewModule.knownEvents.itemLoading, loadViewWithItemNumber);
TKUnit.wait(ASYNC); TKUnit.wait(ASYNC);
TKUnit.assertEqual(getNativeViewCount(listView), 3, "getNativeViewCount"); TKUnit.assertEqual(getNativeViewCount(listView), 3, "getNativeViewCount");
@ -350,7 +350,7 @@ export function test_splice_observable_array_refreshes_the_listview() {
} }
export function test_nativeTap_is_raised() { export function test_nativeTap_is_raised() {
var listView = new listViewModule.ListView(); var listView = new listViewModule.ListView();
listView.on("itemLoading", loadViewWithItemNumber); listView.on(listViewModule.knownEvents.itemLoading, loadViewWithItemNumber);
listView.items = FEW_ITEMS; listView.items = FEW_ITEMS;
function testAction(views: Array<viewModule.View>) { function testAction(views: Array<viewModule.View>) {
@ -390,13 +390,13 @@ export function test_loadMoreItems_raised_when_showing_few_items() {
function testAction(views: Array<viewModule.View>) { function testAction(views: Array<viewModule.View>) {
var loadMoreItemsCount = 0; var loadMoreItemsCount = 0;
listView.items = FEW_ITEMS; listView.items = FEW_ITEMS;
listView.on("itemLoading", loadViewWithItemNumber); listView.on(listViewModule.knownEvents.itemLoading, loadViewWithItemNumber);
// <snippet module="ui/list-view" title="list-view"> // <snippet module="ui/list-view" title="list-view">
// ### LoadMoreItems event // ### LoadMoreItems event
// The event will be raised when the ListView is scrolled so that the last item is visible. // The event will be raised when the ListView is scrolled so that the last item is visible.
// This even is intended to be used to add additional data in the ListView. // This even is intended to be used to add additional data in the ListView.
// ``` JavaScript // ``` JavaScript
listView.on("loadMoreItems", function (data: observable.EventData) { listView.on(listViewModule.knownEvents.loadMoreItems, function (data: observable.EventData) {
//// Do something. //// Do something.
//<hide> //<hide>
loadMoreItemsCount++; loadMoreItemsCount++;
@ -413,12 +413,12 @@ export function test_loadMoreItems_raised_when_showing_few_items() {
export function test_loadMoreItems_not_raised_when_showing_many_items() { export function test_loadMoreItems_not_raised_when_showing_many_items() {
var listView = new listViewModule.ListView(); var listView = new listViewModule.ListView();
listView.on("itemLoading", loadViewWithItemNumber); listView.on(listViewModule.knownEvents.itemLoading, loadViewWithItemNumber);
function testAction(views: Array<viewModule.View>) { function testAction(views: Array<viewModule.View>) {
var loadMoreItemsCount = 0; var loadMoreItemsCount = 0;
listView.items = MANY_ITEMS; listView.items = MANY_ITEMS;
listView.on("loadMoreItems", function (data: observable.EventData) { listView.on(listViewModule.knownEvents.loadMoreItems, function (data: observable.EventData) {
loadMoreItemsCount++; loadMoreItemsCount++;
}); });

14
apps/ui-tests-app/pages/gestures.ts
View File

@ -62,31 +62,31 @@ export function createPage() {
rotaionLabel.text = "Gestures detection disabled"; rotaionLabel.text = "Gestures detection disabled";
}); });
var observer1 = tapLabel.observe(gestures.GestureTypes.Tap, function (args: gestures.GestureEventData) { var observer1 = tapLabel.observe(gestures.GestureTypes.tap, function (args: gestures.GestureEventData) {
tapLabel.text = "Tap gesture detected"; tapLabel.text = "Tap gesture detected";
}); });
var observer2 = doubletapLabel.observe(gestures.GestureTypes.DoubleTap, function (args: gestures.GestureEventData) { var observer2 = doubletapLabel.observe(gestures.GestureTypes.doubleTap, function (args: gestures.GestureEventData) {
doubletapLabel.text = "Double Tap gesture detected"; doubletapLabel.text = "Double Tap gesture detected";
}); });
var observer3 = longpressLabel.observe(gestures.GestureTypes.LongPress, function (args: gestures.GestureEventData) { var observer3 = longpressLabel.observe(gestures.GestureTypes.longPress, function (args: gestures.GestureEventData) {
longpressLabel.text = "Long Press gesture detected"; longpressLabel.text = "Long Press gesture detected";
}); });
var observer4 = swipeLabel.observe(gestures.GestureTypes.Swipe, function (args: gestures.SwipeGestureEventData) { var observer4 = swipeLabel.observe(gestures.GestureTypes.swipe, function (args: gestures.SwipeGestureEventData) {
swipeLabel.text = "Swipe Direction: " + args.direction; swipeLabel.text = "Swipe Direction: " + args.direction;
}); });
var observer5 = panLabel.observe(gestures.GestureTypes.Pan, function (args: gestures.PanGestureEventData) { var observer5 = panLabel.observe(gestures.GestureTypes.pan, function (args: gestures.PanGestureEventData) {
panLabel.text = "Pan deltaX:" + args.deltaX + "; deltaY:" + args.deltaY + ";"; panLabel.text = "Pan deltaX:" + args.deltaX + "; deltaY:" + args.deltaY + ";";
}); });
var observer6 = pinchLabel.observe(gestures.GestureTypes.Pinch, function (args: gestures.PinchGestureEventData) { var observer6 = pinchLabel.observe(gestures.GestureTypes.pinch, function (args: gestures.PinchGestureEventData) {
pinchLabel.text = "Pinch Scale: " + args.scale; pinchLabel.text = "Pinch Scale: " + args.scale;
}); });
var observer7 = rotaionLabel.observe(gestures.GestureTypes.Rotation, function (args: gestures.RotationGestureEventData) { var observer7 = rotaionLabel.observe(gestures.GestureTypes.rotation, function (args: gestures.RotationGestureEventData) {
rotaionLabel.text = "Rotation: " + args.rotation; rotaionLabel.text = "Rotation: " + args.rotation;
}); });

78
ui/gestures/gestures-common.ts
View File

@ -2,30 +2,30 @@
import view = require("ui/core/view"); import view = require("ui/core/view");
export enum GestureTypes { export enum GestureTypes {
Tap = 1 << 0, tap = 1 << 0,
DoubleTap = 1 << 1, doubleTap = 1 << 1,
Pinch = 1 << 2, pinch = 1 << 2,
Pan = 1 << 3, pan = 1 << 3,
Swipe = 1 << 4, swipe = 1 << 4,
Rotation = 1 << 5, rotation = 1 << 5,
LongPress = 1 << 6 longPress = 1 << 6
} }
export enum GestureStateTypes { export enum GestureStateTypes {
Possible = 1 << 0, possible = 1 << 0,
Recognized = 1 << 1, recognized = 1 << 1,
Failed = 1 << 2, failed = 1 << 2,
Cancelled = 1 << 3, cancelled = 1 << 3,
Began = 1 << 4, began = 1 << 4,
Changed = 1 << 5, changed = 1 << 5,
Ended = 1 << 6 ended = 1 << 6
} }
export enum SwipeDirection { export enum SwipeDirection {
Right = 1 << 0, right = 1 << 0,
Left = 1 << 1, left = 1 << 1,
Up = 1 << 2, up = 1 << 2,
Down = 1 << 3 down = 1 << 3
} }
export function observe(target: view.View, type: number, callback: (args: definition.GestureEventData) => void): definition.GesturesObserver { export function observe(target: view.View, type: number, callback: (args: definition.GestureEventData) => void): definition.GesturesObserver {
@ -37,32 +37,32 @@ export function observe(target: view.View, type: number, callback: (args: defini
export function toString(type: GestureTypes, separator?: string): string { export function toString(type: GestureTypes, separator?: string): string {
var types = new Array<string>(); var types = new Array<string>();
if (type & definition.GestureTypes.Tap) { if (type & definition.GestureTypes.tap) {
types.push("Tap"); types.push("tap");
} }
if (type & definition.GestureTypes.DoubleTap) { if (type & definition.GestureTypes.doubleTap) {
types.push("DoubleTap"); types.push("doubleTap");
} }
if (type & definition.GestureTypes.Pinch) { if (type & definition.GestureTypes.pinch) {
types.push("Pinch"); types.push("pinch");
} }
if (type & definition.GestureTypes.Pan) { if (type & definition.GestureTypes.pan) {
types.push("Pan"); types.push("pan");
} }
if (type & definition.GestureTypes.Swipe) { if (type & definition.GestureTypes.swipe) {
types.push("Swipe"); types.push("swipe");
} }
if (type & definition.GestureTypes.Rotation) { if (type & definition.GestureTypes.rotation) {
types.push("Rotation"); types.push("rotation");
} }
if (type & definition.GestureTypes.LongPress) { if (type & definition.GestureTypes.longPress) {
types.push("LongPress"); types.push("longPress");
} }
return types.join(separator); return types.join(separator);
@ -72,19 +72,19 @@ export function fromString(type: string): definition.GestureTypes {
var t = type.trim().toLowerCase(); var t = type.trim().toLowerCase();
if (t === "tap") { if (t === "tap") {
return definition.GestureTypes.Tap; return definition.GestureTypes.tap;
} else if (t === "doubletap") { } else if (t === "doubletap") {
return definition.GestureTypes.DoubleTap; return definition.GestureTypes.doubleTap;
} else if (t === "pinch") { } else if (t === "pinch") {
return definition.GestureTypes.Pinch; return definition.GestureTypes.pinch;
} else if (t === "pan") { } else if (t === "pan") {
return definition.GestureTypes.Pan; return definition.GestureTypes.pan;
} else if (t === "swipe") { } else if (t === "swipe") {
return definition.GestureTypes.Swipe; return definition.GestureTypes.swipe;
} else if (t === "rotation") { } else if (t === "rotation") {
return definition.GestureTypes.Rotation; return definition.GestureTypes.rotation;
} else if (t === "longpress") { } else if (t === "longpress") {
return definition.GestureTypes.LongPress; return definition.GestureTypes.longPress;
} }
return undefined; return undefined;

32
ui/gestures/gestures.android.ts
View File

@ -83,19 +83,19 @@ export class GesturesObserver implements definition.GesturesObserver {
trace.write(this._target + "._attach() android:" + this._target.android, "gestures"); trace.write(this._target + "._attach() android:" + this._target.android, "gestures");
this._dettach(); this._dettach();
if (type & definition.GestureTypes.Tap || type & definition.GestureTypes.DoubleTap || type & definition.GestureTypes.LongPress) { if (type & definition.GestureTypes.tap || type & definition.GestureTypes.doubleTap || type & definition.GestureTypes.longPress) {
this._simpleGestureDetector = new android.support.v4.view.GestureDetectorCompat(target._context, new TapAndDoubleTapGestureListener(this, this._target)); this._simpleGestureDetector = new android.support.v4.view.GestureDetectorCompat(target._context, new TapAndDoubleTapGestureListener(this, this._target));
} }
if (type & definition.GestureTypes.Pinch) { if (type & definition.GestureTypes.pinch) {
this._scaleGestureDetector = new android.view.ScaleGestureDetector(target._context, new PinchGestureListener(this, this._target)); this._scaleGestureDetector = new android.view.ScaleGestureDetector(target._context, new PinchGestureListener(this, this._target));
} }
if (type & definition.GestureTypes.Swipe) { if (type & definition.GestureTypes.swipe) {
this._swipeGestureDetector = new android.support.v4.view.GestureDetectorCompat(target._context, new SwipeGestureListener(this, this._target)); this._swipeGestureDetector = new android.support.v4.view.GestureDetectorCompat(target._context, new SwipeGestureListener(this, this._target));
} }
if (type & definition.GestureTypes.Pan) { if (type & definition.GestureTypes.pan) {
this._panGestureDetector = new android.support.v4.view.GestureDetectorCompat(target._context, new PanGestureListener(this, this._target)); this._panGestureDetector = new android.support.v4.view.GestureDetectorCompat(target._context, new PanGestureListener(this, this._target));
} }
@ -124,7 +124,7 @@ export class GesturesObserver implements definition.GesturesObserver {
owner._panGestureDetector.onTouchEvent(motionEvent); owner._panGestureDetector.onTouchEvent(motionEvent);
} }
if (type & definition.GestureTypes.Rotation && motionEvent.getPointerCount() === 2) { if (type & definition.GestureTypes.rotation && motionEvent.getPointerCount() === 2) {
var deltaX = motionEvent.getX(0) - motionEvent.getX(1); var deltaX = motionEvent.getX(0) - motionEvent.getX(1);
var deltaY = motionEvent.getY(0) - motionEvent.getY(1); var deltaY = motionEvent.getY(0) - motionEvent.getY(1);
@ -132,7 +132,7 @@ export class GesturesObserver implements definition.GesturesObserver {
var degrees = radians * (180 / Math.PI); var degrees = radians * (180 / Math.PI);
var args = <definition.RotationGestureEventData>{ var args = <definition.RotationGestureEventData>{
type: definition.GestureTypes.Rotation, type: definition.GestureTypes.rotation,
view: owner._target, view: owner._target,
android: motionEvent, android: motionEvent,
rotation: degrees, rotation: degrees,
@ -164,7 +164,7 @@ function _getArgs(type: definition.GestureTypes, view: view.View, e: android.vie
function _getSwipeArgs(direction: definition.SwipeDirection, view: view.View, function _getSwipeArgs(direction: definition.SwipeDirection, view: view.View,
initialEvent: android.view.MotionEvent, currentEvent: android.view.MotionEvent): definition.SwipeGestureEventData { initialEvent: android.view.MotionEvent, currentEvent: android.view.MotionEvent): definition.SwipeGestureEventData {
return <definition.SwipeGestureEventData>{ return <definition.SwipeGestureEventData>{
type: definition.GestureTypes.Swipe, type: definition.GestureTypes.swipe,
view: view, view: view,
android: { initial: initialEvent, current: currentEvent }, android: { initial: initialEvent, current: currentEvent },
direction: direction direction: direction
@ -174,7 +174,7 @@ function _getSwipeArgs(direction: definition.SwipeDirection, view: view.View,
function _getPanArgs(deltaX: number, deltaY: number, view: view.View, function _getPanArgs(deltaX: number, deltaY: number, view: view.View,
initialEvent: android.view.MotionEvent, currentEvent: android.view.MotionEvent): definition.PanGestureEventData { initialEvent: android.view.MotionEvent, currentEvent: android.view.MotionEvent): definition.PanGestureEventData {
return <definition.PanGestureEventData>{ return <definition.PanGestureEventData>{
type: definition.GestureTypes.Pan, type: definition.GestureTypes.pan,
view: view, view: view,
android: { initial: initialEvent, current: currentEvent }, android: { initial: initialEvent, current: currentEvent },
deltaX: deltaX, deltaX: deltaX,
@ -201,13 +201,13 @@ class TapAndDoubleTapGestureListener extends android.view.GestureDetector.Simple
} }
public onSingleTapConfirmed(motionEvent: android.view.MotionEvent): boolean { public onSingleTapConfirmed(motionEvent: android.view.MotionEvent): boolean {
var args = _getArgs(definition.GestureTypes.Tap, this._target, motionEvent); var args = _getArgs(definition.GestureTypes.tap, this._target, motionEvent);
_executeCallback(this._observer, args); _executeCallback(this._observer, args);
return true; return true;
} }
public onDoubleTap(motionEvent: android.view.MotionEvent): boolean { public onDoubleTap(motionEvent: android.view.MotionEvent): boolean {
var args = _getArgs(definition.GestureTypes.DoubleTap, this._target, motionEvent); var args = _getArgs(definition.GestureTypes.doubleTap, this._target, motionEvent);
_executeCallback(this._observer, args); _executeCallback(this._observer, args);
return true; return true;
} }
@ -217,7 +217,7 @@ class TapAndDoubleTapGestureListener extends android.view.GestureDetector.Simple
} }
public onLongPress(motionEvent: android.view.MotionEvent): boolean { public onLongPress(motionEvent: android.view.MotionEvent): boolean {
var args = _getArgs(definition.GestureTypes.LongPress, this._target, motionEvent); var args = _getArgs(definition.GestureTypes.longPress, this._target, motionEvent);
_executeCallback(this._observer, args); _executeCallback(this._observer, args);
return true; return true;
} }
@ -238,7 +238,7 @@ class PinchGestureListener extends android.view.ScaleGestureDetector.SimpleOnSca
public onScale(detector: android.view.ScaleGestureDetector): boolean { public onScale(detector: android.view.ScaleGestureDetector): boolean {
var args = <definition.PinchGestureEventData>{ var args = <definition.PinchGestureEventData>{
type: definition.GestureTypes.Pinch, type: definition.GestureTypes.pinch,
view: this._target, view: this._target,
android: detector, android: detector,
scale: detector.getScaleFactor() scale: detector.getScaleFactor()
@ -280,13 +280,13 @@ class SwipeGestureListener extends android.view.GestureDetector.SimpleOnGestureL
if (deltaX > 0) { if (deltaX > 0) {
args = _getSwipeArgs(definition.SwipeDirection.Right, this._target, initialEvent, currentEvent); args = _getSwipeArgs(definition.SwipeDirection.right, this._target, initialEvent, currentEvent);
_executeCallback(this._observer, args); _executeCallback(this._observer, args);
result = true; result = true;
} else { } else {
args = _getSwipeArgs(definition.SwipeDirection.Left, this._target, initialEvent, currentEvent); args = _getSwipeArgs(definition.SwipeDirection.left, this._target, initialEvent, currentEvent);
_executeCallback(this._observer, args); _executeCallback(this._observer, args);
result = true; result = true;
@ -300,13 +300,13 @@ class SwipeGestureListener extends android.view.GestureDetector.SimpleOnGestureL
if (deltaY > 0) { if (deltaY > 0) {
args = _getSwipeArgs(definition.SwipeDirection.Down, this._target, initialEvent, currentEvent); args = _getSwipeArgs(definition.SwipeDirection.down, this._target, initialEvent, currentEvent);
_executeCallback(this._observer, args); _executeCallback(this._observer, args);
result = true; result = true;
} else { } else {
args = _getSwipeArgs(definition.SwipeDirection.Up, this._target, initialEvent, currentEvent); args = _getSwipeArgs(definition.SwipeDirection.up, this._target, initialEvent, currentEvent);
_executeCallback(this._observer, args); _executeCallback(this._observer, args);
result = true; result = true;

22
ui/gestures/gestures.d.ts vendored
View File

@ -11,31 +11,31 @@ declare module "ui/gestures" {
/** /**
* Denotes tap (click) gesture. * Denotes tap (click) gesture.
*/ */
Tap, tap,
/** /**
* Denotes double tap gesture. * Denotes double tap gesture.
*/ */
DoubleTap, doubleTap,
/** /**
* Denotes pinch gesture. * Denotes pinch gesture.
*/ */
Pinch, pinch,
/** /**
* Denotes pan gesture. * Denotes pan gesture.
*/ */
Pan, pan,
/** /**
* Denotes swipe gesture. * Denotes swipe gesture.
*/ */
Swipe, swipe,
/** /**
* Denotes rotation gesture. * Denotes rotation gesture.
*/ */
Rotation, rotation,
/** /**
* Denotes long press gesture. * Denotes long press gesture.
*/ */
LongPress longPress
} }
/** /**
@ -45,19 +45,19 @@ declare module "ui/gestures" {
/** /**
* Denotes right direction for swipe gesture. * Denotes right direction for swipe gesture.
*/ */
Right, right,
/** /**
* Denotes left direction for swipe gesture. * Denotes left direction for swipe gesture.
*/ */
Left, left,
/** /**
* Denotes up direction for swipe gesture. * Denotes up direction for swipe gesture.
*/ */
Up, up,
/** /**
* Denotes down direction for swipe gesture. * Denotes down direction for swipe gesture.
*/ */
Down down
} }
/** /**

50
ui/gestures/gestures.ios.ts
View File

@ -70,43 +70,43 @@ export class GesturesObserver implements definition.GesturesObserver {
if (this._target && this._target.ios && this._target.ios.addGestureRecognizer) { if (this._target && this._target.ios && this._target.ios.addGestureRecognizer) {
var nativeView = <UIView>this._target.ios; var nativeView = <UIView>this._target.ios;
if (type & definition.GestureTypes.Tap) { if (type & definition.GestureTypes.tap) {
nativeView.addGestureRecognizer(this._createRecognizer(definition.GestureTypes.Tap)); nativeView.addGestureRecognizer(this._createRecognizer(definition.GestureTypes.tap));
} }
if (type & definition.GestureTypes.DoubleTap) { if (type & definition.GestureTypes.doubleTap) {
var r = <UITapGestureRecognizer>this._createRecognizer(definition.GestureTypes.DoubleTap); var r = <UITapGestureRecognizer>this._createRecognizer(definition.GestureTypes.doubleTap);
r.numberOfTapsRequired = 2; r.numberOfTapsRequired = 2;
nativeView.addGestureRecognizer(r); nativeView.addGestureRecognizer(r);
} }
if (type & definition.GestureTypes.Pinch) { if (type & definition.GestureTypes.pinch) {
nativeView.addGestureRecognizer(this._createRecognizer(definition.GestureTypes.Pinch, args => { nativeView.addGestureRecognizer(this._createRecognizer(definition.GestureTypes.pinch, args => {
this._executeCallback(_getPinchData(args)); this._executeCallback(_getPinchData(args));
})); }));
} }
if (type & definition.GestureTypes.Pan) { if (type & definition.GestureTypes.pan) {
nativeView.addGestureRecognizer(this._createRecognizer(definition.GestureTypes.Pan, args => { nativeView.addGestureRecognizer(this._createRecognizer(definition.GestureTypes.pan, args => {
this._executeCallback(_getPanData(args, this._target.ios)); this._executeCallback(_getPanData(args, this._target.ios));
})); }));
} }
if (type & definition.GestureTypes.Swipe) { if (type & definition.GestureTypes.swipe) {
nativeView.addGestureRecognizer(this._createRecognizer(definition.GestureTypes.Swipe, args => { nativeView.addGestureRecognizer(this._createRecognizer(definition.GestureTypes.swipe, args => {
this._executeCallback(_getSwipeData(args)); this._executeCallback(_getSwipeData(args));
})); }));
} }
if (type & definition.GestureTypes.Rotation) { if (type & definition.GestureTypes.rotation) {
nativeView.addGestureRecognizer(this._createRecognizer(definition.GestureTypes.Rotation, args => { nativeView.addGestureRecognizer(this._createRecognizer(definition.GestureTypes.rotation, args => {
this._executeCallback(_getRotationData(args)); this._executeCallback(_getRotationData(args));
})); }));
} }
if (type & definition.GestureTypes.LongPress) { if (type & definition.GestureTypes.longPress) {
nativeView.addGestureRecognizer(this._createRecognizer(definition.GestureTypes.LongPress)); nativeView.addGestureRecognizer(this._createRecognizer(definition.GestureTypes.longPress));
} }
} }
} }
@ -165,19 +165,19 @@ interface RecognizerCache {
function _getUIGestureRecognizerType(type: definition.GestureTypes): any { function _getUIGestureRecognizerType(type: definition.GestureTypes): any {
var nativeType = null; var nativeType = null;
if (type === definition.GestureTypes.Tap) { if (type === definition.GestureTypes.tap) {
nativeType = UITapGestureRecognizer; nativeType = UITapGestureRecognizer;
} else if (type === definition.GestureTypes.DoubleTap) { } else if (type === definition.GestureTypes.doubleTap) {
nativeType = UITapGestureRecognizer; nativeType = UITapGestureRecognizer;
} else if (type === definition.GestureTypes.Pinch) { } else if (type === definition.GestureTypes.pinch) {
nativeType = UIPinchGestureRecognizer; nativeType = UIPinchGestureRecognizer;
} else if (type === definition.GestureTypes.Pan) { } else if (type === definition.GestureTypes.pan) {
nativeType = UIPanGestureRecognizer; nativeType = UIPanGestureRecognizer;
} else if (type === definition.GestureTypes.Swipe) { } else if (type === definition.GestureTypes.swipe) {
nativeType = UISwipeGestureRecognizer; nativeType = UISwipeGestureRecognizer;
} else if (type === definition.GestureTypes.Rotation) { } else if (type === definition.GestureTypes.rotation) {
nativeType = UIRotationGestureRecognizer; nativeType = UIRotationGestureRecognizer;
} else if (type === definition.GestureTypes.LongPress) { } else if (type === definition.GestureTypes.longPress) {
nativeType = UILongPressGestureRecognizer; nativeType = UILongPressGestureRecognizer;
} }
@ -186,13 +186,13 @@ function _getUIGestureRecognizerType(type: definition.GestureTypes): any {
function _getSwipeDirection(direction: UISwipeGestureRecognizerDirection): definition.SwipeDirection { function _getSwipeDirection(direction: UISwipeGestureRecognizerDirection): definition.SwipeDirection {
if (direction === UISwipeGestureRecognizerDirection.UISwipeGestureRecognizerDirectionDown) { if (direction === UISwipeGestureRecognizerDirection.UISwipeGestureRecognizerDirectionDown) {
return definition.SwipeDirection.Down; return definition.SwipeDirection.down;
} else if (direction === UISwipeGestureRecognizerDirection.UISwipeGestureRecognizerDirectionLeft) { } else if (direction === UISwipeGestureRecognizerDirection.UISwipeGestureRecognizerDirectionLeft) {
return definition.SwipeDirection.Left; return definition.SwipeDirection.left;
} else if (direction === UISwipeGestureRecognizerDirection.UISwipeGestureRecognizerDirectionRight) { } else if (direction === UISwipeGestureRecognizerDirection.UISwipeGestureRecognizerDirectionRight) {
return definition.SwipeDirection.Right; return definition.SwipeDirection.right;
} else if (direction === UISwipeGestureRecognizerDirection.UISwipeGestureRecognizerDirectionUp) { } else if (direction === UISwipeGestureRecognizerDirection.UISwipeGestureRecognizerDirectionUp) {
return definition.SwipeDirection.Up; return definition.SwipeDirection.up;
} }
} }

2
ui/list-view/Readme.md
View File

@ -10,7 +10,7 @@
var lv = new lvm.ListView(); var lv = new lvm.ListView();
lv.items = data; lv.items = data;
lv.on("itemLoading", function(args){ lv.on(lvm.knownEvents.itemLoading, function(args){
var label = args.view; var label = args.view;
if(!label) { if(!label) {
label = new lm.Label(); label = new lm.Label();

14
ui/slide-out/slide-out.ios.ts
View File

@ -9,11 +9,11 @@ export class SlideOutControl extends common.SlideOutControl {
this._ios = new UIView(); this._ios = new UIView();
this.observe(gestures.GestureTypes.Swipe, (args) => { this.observe(gestures.GestureTypes.swipe, (args) => {
var swipeArgs = <gestures.SwipeGestureEventData>args; var swipeArgs = <gestures.SwipeGestureEventData>args;
if (swipeArgs.direction === gestures.SwipeDirection.Left) { if (swipeArgs.direction === gestures.SwipeDirection.left) {
this._toggleSlideContentVisibility(false); this._toggleSlideContentVisibility(false);
} else if (swipeArgs.direction === gestures.SwipeDirection.Right) { } else if (swipeArgs.direction === gestures.SwipeDirection.right) {
this._toggleSlideContentVisibility(true); this._toggleSlideContentVisibility(true);
} }
}); });
@ -59,14 +59,14 @@ export class SlideOutControl extends common.SlideOutControl {
if (view === this.slideContent) { if (view === this.slideContent) {
view.ios.hidden = true; view.ios.hidden = true;
view.observe(gestures.GestureTypes.Tap | gestures.GestureTypes.Swipe, (args) => { view.observe(gestures.GestureTypes.tap | gestures.GestureTypes.swipe, (args) => {
if (args.type & gestures.GestureTypes.Tap) { if (args.type & gestures.GestureTypes.tap) {
this._toggleSlideContentVisibility(false); this._toggleSlideContentVisibility(false);
} }
if (args.type & gestures.GestureTypes.Swipe) { if (args.type & gestures.GestureTypes.swipe) {
var swipeArgs = <gestures.SwipeGestureEventData>args; var swipeArgs = <gestures.SwipeGestureEventData>args;
if (swipeArgs.direction === gestures.SwipeDirection.Left) { if (swipeArgs.direction === gestures.SwipeDirection.left) {
this._toggleSlideContentVisibility(false); this._toggleSlideContentVisibility(false);
} }
} }