Sencha touch®¯‚‹

  • View
    15.808

  • Download
    2

Embed Size (px)

DESCRIPTION

Sencha touchのはじめかた

Text of Sencha touch®¯‚‹

  • Sencha Touch

    sus4

  • sus4 Ext JS http://extjs.blog.sus4.co.jp/

    Ext JS Ext JS@

    http://extjs.blog.sus4.co.jp/
  • Sencha Touch

    iPhone Sencha Touch

    Sencha Touch Hello, World

    Sample 1

    Carousel

    Sample 2

    Overlays

  • iPhone

    Objective-CCC++

    iPhoneWeb HTML + CSS + Javascript

  • Sencha TouchiPhone HTML5Web WebiPhone Android

  • Sencha Touch Hello, World!

  • sencha-touch-beta-0.91 docs

    examples

    resources

    src

    ext-touch.js

    ext-touch-debug-w-comments.js

    ext-touch-debug.js

    getting-started.html

    release-notes.html

    index.html

    license.inc/license.txt

  • Sench Touch extjs.co.jp

    http://extjs.co.jp/products/touch/

    20MB

    http://extjs.co.jp/products/touch/
  • (iPhoneiPadAndroid)

    Javascript Mobile Safari + Safari + Firefox + Firebug

  • jsdo.it

    Sencha Touch beta 091KAYAC!!

    http://jsdo.it/satake.sus4

  • Hello, Wolrd! HTML

    index.html

    Sencha Touch Javascript

    JS

    Sencha Touch Hello, World

  • HTML 1. Sencha Touch CSS 2. Sencha Touch 3. js

  • index.html helloworld

  • Javascript

    ExtJS

    Ext.setUp()

    Ext.Panel

    API

  • main.js

    Ext.setup({ onReady: function() { var panel = new Ext.Panel({ fullscreen: true, styleHtmlContent:{ 'padding':'20px' }, html:'Hello, Sencha Touch!!' }); }});

  • Hello, World

  • dockedItem

    dock4

    top

    bottom

    left

    Right

    dockdock

    dockExt.Toolbar

    dockdockedItem

  • Hello, World!Tbar Ext.Toolbar Ext.PaneldockedItems

  • Hello, World + tbar

  • Sample 1:Carousel ExamplesCarousel

    example/carousel

    sus4 Ext Js http://bit.ly/bkkscZ

    Ext.Carousel

    http://bit.ly/bkkscZ
  • Ext.setup() Fullscreen :

    TabletStartupScreen : iPad

    phoneStartupScreen : iPhone

    Icon :

    TabletIcon :

    PhoneIcon :

    glossOnIcon :

    StatusBarStyle :

    PreloadImages :

    onReady :

    scope :

  • Ext.Carousel items /

  • Sencha Touch

    auto() card(Ext.Carouselcard) ft

    hbox

    vbox

  • vbox Ext.layout.VBoxLayout fex

  • fex

    A:1

    B:0.5

    C:1.5

    AB0.5 AC1.5

  • sus4 Ext JS http://extjs.blog.sus4.co.jp/

    Ext JS Ext JS@

    http://extjs.blog.sus4.co.jp/ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27