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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi