Hybrid View

  1. #1
    Sencha User
    Join Date
    Apr 2008
    Location
    Buenos Aires, Argentina
    Posts
    67
    Vote Rating
    1
    elmasse is on a distinguished road

      0  

    Default Ext.ux.Cover - Coverflow extension for Sencha Touch

    Ext.ux.Cover - Coverflow extension for Sencha Touch


    If you are looking for a Sencha Touch Extension to emulate Coverflow take a look at this:

    http://bit.ly/SenchaCover

    It works only on iOS devices since Andriod has bugs with css animations (same for Chrome running on Linux)
    So you can try it using Safari (Mac & Win) or Chrome (Mac)

    Get the code at: https://github.com/elmasse/Ext.ux.Cover


    Comments, feedback, issues are all welcome!

    PS: Thinking about to rename package to Ext.ux.touch

  2. #2
    Sencha User tomalex0's Avatar
    Join Date
    Apr 2009
    Location
    San Jose, CA
    Posts
    589
    Vote Rating
    16
    tomalex0 will become famous soon enough

      0  

    Default


    Hi elmasse ,

    That is a very nice implementation .

    1.Can you also add feature to tap on each item and selected item will comes to front.

    2. Double clicking on item will flip to its info page.

    Thanks for sharing

  3. #3
    Sencha User
    Join Date
    Apr 2008
    Location
    Buenos Aires, Argentina
    Posts
    67
    Vote Rating
    1
    elmasse is on a distinguished road

      0  

    Default


    Quote Originally Posted by tomalex0 View Post
    Hi elmasse ,

    That is a very nice implementation .

    1.Can you also add feature to tap on each item and selected item will comes to front.

    2. Double clicking on item will flip to its info page.

    Thanks for sharing
    You can do it without modify the code. Ext.ux.Cover inherits from Ext.DataView, so you can add listeners to:

    itemtap
    itemdbltap

    to achieve what are you looking for.

    Code:
    		var cover = new Ext.ux.Cover({
    			itemCls: 'my-cover-item',
    			//These are just for demo purposes.
    			height: !Ext.is.Phone? 400: undefined,
    			width: !Ext.is.Phone? 800: undefined,
    			//end-demo
    		    itemTpl : [
    				'<div>',
    					'<div class="dev">{firstName} {lastName}</div>',
    					'<div class="company">{company}</div>',
    					'<div class="image"><tpl if="image"><img  src="{image}"></tpl></div>',
    				'</div>'
    			],
    		    store: store,
    			activeItem: 2,
    			listeners:{
    				itemdoubletap: function(cover, idx){ //#2
    					console.log('itemdbltap', arguments);
    					if(cover.activeItem === idx){
    						//do something here 
    					}
    
    				},
    				itemtap: function(cover, idx){ //#1
    					console.log('itemtap', arguments);
    					if(cover.activeItem !== idx){
    						cover.setActiveItem(idx);
    					}
    				},
    				scope: this
    			}
    		});
    Hope this works for you. Anyway, I'm still working on this component so maybe I would add some features like this in a near future.

    Best.
    Max

  4. #4
    Sencha User
    Join Date
    Nov 2010
    Posts
    387
    Vote Rating
    4
    gkatz is on a distinguished road

      0  

    Default


    this is just beautiful... thanks a lot!

  5. #5
    Sencha User
    Join Date
    Apr 2008
    Location
    Buenos Aires, Argentina
    Posts
    67
    Vote Rating
    1
    elmasse is on a distinguished road

      0  

    Default


    Please, if you have a Playbook, or a supported BB, I would like to know if this component is working on those devices.

    I've no Windows OS to install a RIM simulator

    Thanks in advance!
    Max

  6. #6
    Sencha User
    Join Date
    Jun 2007
    Posts
    5
    Vote Rating
    0
    Mrs_Kensington is on a distinguished road

      0  

    Default


    Just tried this on a Blackberry Playback and it seemed to work fine, just as smooth as on my iPad 1 (if not a little smoother).

    I also tried it on a Samsung Galaxy tab 10.1 I managed to get it to load twice (out of 8 goes) without crashing the browser and it almost looks right, there just seems to be some z-index issues which hides the left edge of the selected cover and causes some odd popping on the animation.

    Overall though it's really impressive!

    Mrs Kensington

  7. #7
    Sencha User
    Join Date
    Nov 2013
    Posts
    41
    Vote Rating
    1
    anilvardhan.p is on a distinguished road

      0  

    Default please share few steps to implement

    please share few steps to implement


    Hi,
    I liked the plugin, as i am new to sencha couldn't able to understand how to use it in my view.
    please let me know steps on, placing the files in proper folder and how to call it in my view file.

    Thanks in advance.

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