Problem Description
If you extend the images sizes in the coverflow component in the KS in the ipad, it will distort on the sides.
Actual Results
if you grow the size of the images bigger than 330 px, you will get some distorsions on the sides.
Expected results
the images looking good.
Test Case
1. Create new mobile project.
2. Add this code:
var win = Titanium.UI.createWindow();
var images = [];
for (var c=0;c<30;c++)
{
images[c]='../images/imageview/'+c+'.jpg';
}
// create coverflow view with images
var view = Titanium.UI.iOS.createCoverFlowView({
images:images,
backgroundColor:'#000'
});
// click listener - when image is clicked
view.addEventListener('click',function(e)
{
Titanium.API.info("image clicked: "+e.index+', selected is '+view.selected);
});
// change listener when active image changes
view.addEventListener('change',function(e)
{
Titanium.API.info("image changed: "+e.index+', selected is '+view.selected);
});
win.add(view);
// change button to dynamically change the image
var change = Titanium.UI.createButton({
title:'Change Image',
style:Titanium.UI.iPhone.SystemButtonStyle.BORDERED
});
change.addEventListener('click',function()
{
Titanium.API.info("selected is = "+view.selected);
view.setImage(view.selected,'../images/imageview/28.jpg');
});
// move scroll view left
var left = Titanium.UI.createButton({
image:'../images/icon_arrow_left.png'
});
left.addEventListener('click', function(e)
{
var i = view.selected - 1;
if (i < 0)
{
i = 0;
}
view.selected = i;
});
// move scroll view right
var right = Titanium.UI.createButton({
image:'../images/icon_arrow_right.png'
});
right.addEventListener('click', function(e)
{a
var i = view.selected + 1;
if (i >= images.length)
{
i = images.length - 1;
}
view.selected = i;
});
var flexSpace = Titanium.UI.createButton({
systemButton:Titanium.UI.iPhone.SystemButton.FLEXIBLE_SPACE
});
win.setToolbar([flexSpace,left,change,right,flexSpace]);
win.open();
Extra info
The coverflow seems to be complete distorted on the ipad. Same code on iPhone with same preferences works well
Do you have an example that shows this distorsion? Are those ipad-sized images? Best, Mauro
as seen on iphone the coverflowview is correct. ipad isn't
Hello Sebastian, I tried this coverflow test in KitchenSink with local files, and it's working fine with today's 2.0. Can you please try that example and let me know your results? Best, Mauro
Hey Mauro, I tried. The result is, that I had to reduce the with and height to 300. On that size, the coverflow is acceptable as you can see on the newest screenshot. But I would like to have a size of 500x500 for a proper view for the iPad. On the iPhone the size seems to be done automatically to the correct dimensions. Do you have a screenshot of your iPad test?
I used KitchenSink example to. And the max height before it is distorted will be 330x330
I thought, that the images, which not be selectet in the middle will be smaller than the selected on. but at one size, it turns and the images got bigger then the middle one
Resolving ticket as Invalid as there is now a new version of Kitchen Sink available and we no longer support the version which relates to this ticket.