Uploaded image for project: 'Appcelerator - INBOX'
  1. Appcelerator - INBOX
  2. AC-1781

iOS: Image Assets (.png, @2x.png, -568h@2x.png) of ImageViews in ScrollableView sometime displayed incorrectly

    Details

      Description

      We created a Youtube video to explain and show the problem. Please view it at: http://www.youtube.com/watch?v=EvPODMloEe8

      Thanks,
      Kavin
      ####
      [Update more details upon request from Mauro Parra]
      =================================
      //***Code for Screen that contains ScrollableView
      var self = Ti.UI.createWindow(

      { left: 0, navBarHidden: true, backgroundColor: 'black' }

      );

      var viewsForScrollView = [];
      var view = null;

      var LoginOnBoarding1Module = require('ui/handheld/Mn_LoginOnBoarding1View');
      var loginOnBoarding1View = new LoginOnBoarding1Module();
      viewsForScrollView.push(loginOnBoarding1View);

      var LoginOnBoarding2Module = require('ui/handheld/Mn_LoginOnBoarding2View');
      var loginOnBoarding2View = new LoginOnBoarding2Module();
      viewsForScrollView.push(loginOnBoarding2View);

      var LoginOnBoarding3Module = require('ui/handheld/Mn_LoginOnBoarding3View');
      var loginOnBoarding3View = new LoginOnBoarding3Module();
      viewsForScrollView.push(loginOnBoarding3View);

      var LoginOnBoarding4Module = require('ui/handheld/Mn_LoginOnBoarding4View');
      var loginOnBoarding4View = new LoginOnBoarding4Module();
      viewsForScrollView.push(loginOnBoarding4View);

      var LoginOnBoarding5Module = require('ui/handheld/Mn_LoginOnBoarding5View');
      var loginOnBoarding5View = new LoginOnBoarding5Module();
      viewsForScrollView.push(loginOnBoarding5View);

      var scrollView = Titanium.UI.createScrollableView(

      { views:viewsForScrollView, left: 0, top: 0, width: '100%', height: '100%', showPagingControl:false, currentPage:0, disableBounce: true, zIndex: 0, }

      );

      self.add(scrollView);
      =================================
      //***Code for View from one of the LoginOnBoardingXModule();
      //this is from LoginOnBoarding1Module, but other modules also have the same code format

      LoginOnBoarding1View = function() {

      var iphone5Flag = false;
      if(Ti.Platform.displayCaps.platformHeight === 568)

      { //iphone 5 iphone5Flag = true; }

      //create component instance
      var self = Ti.UI.createImageView(

      { left: 0, top: 0, width: '100%', image: 'images/onboarding-1.png', zIndex: 0, }

      );

      var firstline1YPos = 275;
      var firstline2YPos = 272;
      var descriptionYPos = 315;
      if(iphone5Flag)

      { firstline1YPos = 305; firstline2YPos = 302; descriptionYPos = 345; }

      var firstline1 = Ti.UI.createLabel({
      text: L('Welcome to'),
      left: 44,
      top: firstline1YPos,
      color: '#87878f',
      font:

      {fontWeight:'bold',fontSize:20}

      ,
      zIndex:3,
      });
      self.add(firstline1);

      //7e828c noonswoon
      var firstline2 = Ti.UI.createLabel({
      text: 'noonswoon',
      left: 165,
      top: firstline2YPos,
      color: '#7e828c',
      font:

      {fontWeight:'bold',fontSize:24}

      ,
      zIndex:3,
      });
      self.add(firstline2);

      var description2 = Ti.UI.createLabel({
      text: L('Love is in the App'),
      center:

      {x:'50%', y:descriptionYPos}

      , //x:67
      color: '#4e5866',
      font:

      {fontWeight:'bold',fontSize:20}

      ,
      zIndex:3,
      });
      self.add(description2);

      return self;
      };

      module.exports = LoginOnBoarding1View;

        Attachments

        1. ns-1-fit.PNG
          ns-1-fit.PNG
          402 kB
        2. ns-1-shrink.PNG
          ns-1-shrink.PNG
          376 kB
        3. ns-2-fit.PNG
          ns-2-fit.PNG
          531 kB
        4. ns-2-shrink.PNG
          ns-2-shrink.PNG
          478 kB
        5. ns-3-fit.PNG
          ns-3-fit.PNG
          512 kB
        6. ns-3-shrink.PNG
          ns-3-shrink.PNG
          460 kB
        7. ns-4-fit.PNG
          ns-4-fit.PNG
          428 kB

          Activity

            People

            • Assignee:
              shossain Shak Hossain (Inactive)
              Reporter:
              titaniummick Mickey Asavanant
            • Watchers:
              3 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Git Integration