[TIMOB-4364] Feature Request: Change table view scrollbar color
| GitHub Issue | n/a |
|---|---|
| Type | New Feature |
| Priority | Medium |
| Status | Closed |
| Resolution | Fixed |
| Resolution Date | 2012-06-01T15:03:27.000+0000 |
| Affected Version/s | Release 1.7.0 |
| Fix Version/s | Release 2.1.0, Sprint 2012-11 API |
| Components | iOS |
| Labels | color, ios, qe-testadded, scrollbars, tableview |
| Reporter | Eduardo Gomez |
| Assignee | Vishal Duggal |
| Created | 2011-06-13T06:25:32.000+0000 |
| Updated | 2012-06-06T15:47:49.000+0000 |
Description
There is a Help Desk ticket associated with this feature:
http://support.appcelerator.com/tickets/APP-753289/
Expose scrollIndicator Style for TableView. Test Code
var win = Ti.UI.createWindow({ backgroundColor:'white' }) var sv = Ti.UI.createScrollView({ width:200, height:200, left:10, top:10, contentWidth:'auto', contentHeight:'auto', backgroundColor:'red', showHorizontalScrollIndicator:'true', showVerticalScrollIndicator:'true' }) for(i=0;i<5;i++) { for(j=0;j<5;j++) { var view = Ti.UI.createView({ width:90, height:90, backgroundColor:'green' }) view.top = i*100; view.left = j*100; var label = Ti.UI.createLabel({ text:'View '+((i*3)+j) }) view.add(label); sv.add(view); } } win.add(sv); var svb1 = Ti.UI.createButton({ title:'Default', right:10, top:10, height:25 }) svb1.addEventListener('click',function(e){sv.scrollIndicatorStyle = Ti.UI.iPhone.ScrollIndicatorStyle.DEFAULT; Ti.API.info(sv.scrollIndicatorStyle)}); var svb2 = Ti.UI.createButton({ title:'Black', right:10, top:40, height:25 }) svb2.addEventListener('click',function(e){sv.scrollIndicatorStyle = Ti.UI.iPhone.ScrollIndicatorStyle.BLACK; Ti.API.info(sv.scrollIndicatorStyle)}); var svb3 = Ti.UI.createButton({ title:'White', right:10, top:70, height:25 }) svb3.addEventListener('click',function(e){sv.scrollIndicatorStyle = Ti.UI.iPhone.ScrollIndicatorStyle.WHITE; Ti.API.info(sv.scrollIndicatorStyle)}); win.add(sv); win.add(svb1); win.add(svb2); win.add(svb3); var tv = Ti.UI.createTableView({ top:220, width:200, left:10, showVerticalScrollIndicator:'true', backgroundColor:'red' }) for(i=0;i<50;i++) { var row = Ti.UI.createTableViewRow({ title:'Row '+i, backgroundColor:'green' }) tv.appendRow(row); } var tvb1 = Ti.UI.createButton({ title:'Default', right:10, top:220, height:25 }) tvb1.addEventListener('click',function(e){tv.scrollIndicatorStyle = Ti.UI.iPhone.ScrollIndicatorStyle.DEFAULT; Ti.API.info(tv.scrollIndicatorStyle)}); var tvb2 = Ti.UI.createButton({ title:'Black', right:10, top:250, height:25 }) tvb2.addEventListener('click',function(e){tv.scrollIndicatorStyle = Ti.UI.iPhone.ScrollIndicatorStyle.BLACK; Ti.API.info(tv.scrollIndicatorStyle)}); var tvb3 = Ti.UI.createButton({ title:'White', right:10, top:280, height:25 }) tvb3.addEventListener('click',function(e){tv.scrollIndicatorStyle = Ti.UI.iPhone.ScrollIndicatorStyle.WHITE; Ti.API.info(tv.scrollIndicatorStyle)}); win.add(tv); win.add(tvb1); win.add(tvb2); win.add(tvb3); win.open();Pull merged.
Tested with iPad 3 5.1.1 and iPhone 3gs 4.3