W.ImageBackground = function() {
  var win = UI.Win({
    title:'Background Images',
    layout:'vertical'
  });
  
  var label = Ti.UI.createLabel({
    text:'It seems like background images for buttons and views are always stretched',
    height:'auto',
    width:'auto',
    top:10
  });
  
  var button = Ti.UI.createButton({
    title:'Stretched Button',
    top:20,
    width:200,
    height:50,
    backgroundImage:Ti.Filesystem.resourcesDirectory + 'images/sky.jpg',
    borderRadius:10
  });
  
  var view = Ti.UI.createView({
    top:20,
    width:100,
    height:100,
    backgroundImage:Ti.Filesystem.resourcesDirectory + 'images/sky.jpg'
  });
  
  var viewRepeat = Ti.UI.createView({
    top:20,
    width:150,
    height:150,
    backgroundImage:Ti.Filesystem.resourcesDirectory + 'KS_nav_ui.png',
    backgroundRepeat:true
  });
  
  win.add(label);
  win.add(button);
  win.add(view);
  win.add(viewRepeat);
  
  return win;
}

@@ -84,27 +84,211 @@
 ,%0A  
-  layout:'vertical'
+%7D);%0A  %0A  var scrollView = Ti.UI.createScrollView(%7B%0A    layout:'vertical',%0A    contentWidth:'100%25',%0A    contentHeight:'auto',%0A    showVerticalScrollIndicator:true,%0A    showHorizontalScrollIndicator:false,
 %0A  %7D
@@ -1027,19 +1027,26 @@
 );%0A  %0A  
-win
+scrollView
 .add(lab
@@ -1048,27 +1048,34 @@
 d(label);%0A  
-win
+scrollView
 .add(button)
@@ -1074,27 +1074,34 @@
 (button);%0A  
-win
+scrollView
 .add(view);%0A
@@ -1102,19 +1102,26 @@
 iew);%0A  
-win
+scrollView
 .add(vie
@@ -1130,16 +1130,39 @@
 epeat);%0A
+  win.add(scrollView);%0A
   %0A  ret

Convert background image example screen to using scroll view.