Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

  1. #1
    Sencha User
    Join Date
    Jul 2012
    Location
    Bangalore
    Posts
    113
    Vote Rating
    0
    kramprabhu is on a distinguished road

      0  

    Default Sencha Animation effect using Architect

    Sencha Animation effect using Architect


    I am developing sencha touch application using Architect.
    My page have a 3 panel positioned vertically

    A
    B
    C

    I need to animate it so that.. 'A' appear first and then 'B' and then 'C' with some 2 second interval.

    I am not getting any document reference about doing it via Architect.

    Please help
    -Ram

  2. #2
    Sencha - Services Team AndreaCammarata's Avatar
    Join Date
    Jun 2009
    Posts
    1,394
    Vote Rating
    22
    AndreaCammarata has a spectacular aura about AndreaCammarata has a spectacular aura about

      1  

    Default


    You can provide a "showAnimation" config for all the panels where you will specify different "delay" values on each of them.

    Panel A:
    Code:
    {
         xtype: 'panel',
         showAnimation: {
              type: 'slideIn',
              delay: 200
         }
    }
    Panel B:
    Code:
    {
         xtype: 'panel',
         showAnimation: {
              type: 'slideIn',
              delay: 400
         }
    }
    and so on...
    Sencha Inc
    Andrea Cammarata, Solutions Engineer
    CEO at SIMACS

    @AndreaCammarata
    www.andreacammarata.com
    github: https://github.com/AndreaCammarata

    TUX components bundle for Sencha Touch 2.x.x
    http://www.tux-components.com/


  3. #3
    Sencha User
    Join Date
    Jul 2012
    Location
    Bangalore
    Posts
    113
    Vote Rating
    0
    kramprabhu is on a distinguished road

      0  

    Default


    I tried yours... but I dont see the animation

    sample below

    Ext.define('MyApp.view.test3', {
    extend: 'Ext.Panel',
    alias: 'widget.test3',


    config: {
    itemId: 'test3',
    layout: {
    type: 'vbox'
    },
    items: [
    {
    xtype: 'panel',
    flex: 1,
    html: 'A',
    showAnimation: {
    type: 'slideIn',
    delay: 200
    }
    },
    {
    xtype: 'panel',
    flex: 1,
    html: 'B',
    showAnimation: {
    type: 'slideIn',
    delay: 400
    }
    }
    ]
    }


    });

Thread Participants: 1

Tags for this Thread