Titanium JIRA Archive
Titanium SDK/CLI (TIMOB)

[TIMOB-8508] iOS: Distorsion in the sides of the Coverflow component when using big sized files

GitHub Issuen/a
TypeBug
PriorityLow
StatusClosed
ResolutionInvalid
Resolution Date2017-05-02T21:53:40.000+0000
Affected Version/sRelease 2.0.0
Fix Version/sn/a
ComponentsiOS
Labelsn/a
ReporterSebastian Klaus
AssigneeEric Merriman
Created2012-03-29T06:23:10.000+0000
Updated2017-05-02T21:53:40.000+0000

Description

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

Attachments

FileDateSize
Bildschirmfoto 2012-03-28 um 20.54.41.png2012-03-30T02:55:52.000+0000183643
iOS Simulator Bildschirmfoto 28.03.2012 20.36.01.png2012-03-29T06:23:10.000+0000815796
iOS Simulator Bildschirmfoto 30.03.2012 23.19.15.png2012-03-30T13:21:48.000+0000479273
iOS Simulator Bildschirmfoto 31.03.2012 09.36.59.png2012-03-30T23:39:29.000+0000685966
Screen Shot 2012-03-30 at 2.27.07 PM.png2012-03-30T13:27:52.000+000081355

Comments

  1. Mauro Parra-Miranda 2012-03-29

    Do you have an example that shows this distorsion? Are those ipad-sized images? Best, Mauro
  2. Sebastian Klaus 2012-03-30

    as seen on iphone the coverflowview is correct. ipad isn't
  3. Mauro Parra-Miranda 2012-03-30

    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
  4. Sebastian Klaus 2012-03-30

    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?
  5. Sebastian Klaus 2012-03-30

    I used KitchenSink example to. And the max height before it is distorted will be 330x330
  6. Sebastian Klaus 2012-03-30

    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
  7. Lee Morris 2017-05-02

    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.

JSON Source