[TIMOB-7498] iOS: scrollable view orientation change shows views to its left and right
| GitHub Issue | n/a |
|---|
| Type | New Feature |
|---|
| Priority | High |
|---|
| Status | Closed |
|---|
| Resolution | Fixed |
|---|
| Resolution Date | 2012-03-11T00:29:25.000+0000 |
|---|
| Affected Version/s | Release 1.8.0.1, Release 2.0.0 |
|---|
| Fix Version/s | Sprint 2012-05, Release 2.0.0 |
|---|
| Components | iOS |
|---|
| Labels | qe-port |
|---|
| Reporter | Nikhil Sharma |
|---|
| Assignee | Vishal Duggal |
|---|
| Created | 2012-02-01T11:22:44.000+0000 |
|---|
| Updated | 2012-08-10T14:49:50.000+0000 |
|---|
Description
When you rotate or change orientation of the ipad, you can see a flicker of the previous/next item as the rotation is happening in the scrollable view.
Repo Steps
1. Run the below code
2. Change the iPad orientation or rotate to left or right. You can see a portion of previous/next view while changing the orientation.
```
win= Ti.UI.createWindow({
backgroundColor:'white'
});
var view1 = Ti.UI.createView({
backgroundColor:'red'
});
var l1 = Ti.UI.createLabel({
text:'View 1',
color:'#fff',
width:'auto',
height:'auto'
});
view1.add(l1);
var view2 = Ti.UI.createView({
backgroundColor:'blue'
});
var l2 = Ti.UI.createLabel({
text:'Click Me (View 2 - see log)',
color:'#fff',
width:'auto',
height:'auto'
});
view2.add(l2);
var view3 = Ti.UI.createView({
backgroundColor:'green'
});
var l3 = Ti.UI.createLabel({
text:'View 3',
color:'#fff',
width:'auto',
height:'auto'
});
view3.add(l3);
var view4 = Ti.UI.createView({
backgroundColor:'black'
});
var l4 = Ti.UI.createLabel({
text:'View 4',
color:'#fff',
width:'auto',
height:'auto'
});
view4.add(l4);
var scrollView = Titanium.UI.createScrollableView({
views:[view1,view2,view3,view4],
showPagingControl:true,
pagingControlHeight:30,
maxZoomScale:2.0,
currentPage:1
});
win.add(scrollView);
win.open();
{\code}
Attachments
Closing bug. Verified fix on: SDK build: 1.9.0.v20120207171634 Titanium Studio, build: 1.0.8.201201262211 xcode: 4.2 Devices: iPad 1 (4.3.5)
Reopening bug. Views to its left and right can still be seen if device is rotated fast enough. Environment: SDK build: 1.8.2.v20120221114636 xcode: 4.2 Titanium Studio, build: 1.0.9.201202131024 Device: ipad 2 (4.3.5) Steps to reproduce 1. Run above code or KS's Base UI > Views > Scroll Views > Scrollable View 2. Starting in landscape orientation, rotate 180 degrees then quickly back to original landscape orientation Actual: Views to the left and right can be seen. Expected: Views to the left and right should not be seen when rotating device. Note: * You will not be able to see the bug if you rotate the device too slowly * If you use the above code, you will need to rotate the device a couple of times before seeing the bug
Rotating the device quickly (more than a normal use case) is not a valid scenario as it takes some time to calculate and draw the views.
Verified fixed with mobile sdk-2.2.0.v20120810080115 Titanium Studio, build: 2.1.1.201207271312 Device: Ipad 5.1