diff --git a/app/controllers/controls/views/scrollableviewVertical.js b/app/controllers/controls/views/scrollableviewVertical.js new file mode 100644 index 00000000..eb864501 --- /dev/null +++ b/app/controllers/controls/views/scrollableviewVertical.js @@ -0,0 +1,44 @@ +import { logger } from 'logger'; + +/** + * The scoped constructor of the controller. + **/ +(function constructor() { + +}()); + +function onPostLayout() { + $.toolbar.top = $.getView().safeAreaPadding.top + 10; + $.scrollable.bottom = $.getView().safeAreaPadding.bottom + 10; +} + +function scrollToView() { + $.scrollable.scrollToView(1); // Index or view +} + +function addNewView() { + const newView = Ti.UI.createView({ + backgroundColor: 'rgba(' + _.random(0, 255) + ',' + _.random(0, 255) + ',' + _.random(0, 255) + ', 1.0)' // Generate rgba-color + }); + + $.scrollable.addView(newView); + logger.log('Ti.UI.ScrollableView added new view at index ' + ($.scrollable.views.length - 1)); + + validateButtons(); +} + +function removeLastView() { + $.scrollable.removeView($.scrollable.views[$.scrollable.views.length - 1]); + logger.log('Ti.UI.ScrollableView deleted last view'); + + validateButtons(); +} + +function scrollableViewDidScroll(e) { + logger.log('Ti.UI.ScrollableView did scroll to index ' + e.currentPage); +} + +function validateButtons() { + $.remove.enabled = $.scrollable.views.length > 0; + $.scrollTo.enabled = $.scrollable.views.length >= 2; +} diff --git a/app/views/controls/views/index.xml b/app/views/controls/views/index.xml index 9a56637e..abc27d6c 100644 --- a/app/views/controls/views/index.xml +++ b/app/views/controls/views/index.xml @@ -17,6 +17,7 @@ + diff --git a/app/views/controls/views/scrollableviewVertical.xml b/app/views/controls/views/scrollableviewVertical.xml new file mode 100644 index 00000000..c4c0dc94 --- /dev/null +++ b/app/views/controls/views/scrollableviewVertical.xml @@ -0,0 +1,24 @@ + + + + +