Problem
A 2DMatrix does not play nice with transform property of Slider. In order to create a Cross-Platform vertical slider to perform UI operations.
Tested on
iOS 6 simulator & Razr 2.3.5
Sample code
var slider = Titanium.UI.createSlider({
top : 200,
min : 0,
max : 100,
//width: '100%',
value : 50
});
var label = Ti.UI.createLabel({
bottom : 150,
text : slider.value,
width : '100%',
height : 'auto',
textAlign : Ti.UI.TEXT_ALIGNMENT_CENTER
});
slider.addEventListener('change', function(e) {
label.text = 'Value: ' + e.value + ' String.format: ' + String.format("%3.1f", e.value);
});
var win = Ti.UI.createWindow({
backgroundColor : 'gray'
});
win.add(label);
win.add(slider);
win.addEventListener('open', function() {
slider.transform = Ti.UI.create2DMatrix().rotate(-90);
});
win.open();
Issue reproduces with Titanium Studio, build: 3.0.1.201212181159 Titanium SDK version: 3.1.0 (03/11/13 15:43 0c88429) Titanium SDK version: 3.0.2 (02/07/13 16:46 a4def81) Device: Samsung galaxy s duos Android version: 4.0.4
Verifying that has been fixed as I am unable to reproduce this issue with the following environment; Pixel (7.1) Studio 4.9.0.201705302345 Ti SDK 6.1.1 GA Appc NPM 4.2.9 Appc CLI 6.2.2 Ti CLI 5.0.14 Alloy 1.9.11 Xcode 8.2 (8C38) Node v4.8.2 Java 1.8.0_131