Share
Dezvoltarea unei aplicații mobile necesită luarea mai multor decizii înainte ca prima linie de cod să fie chiar scrisă. De exemplu, ar trebui să utilizați o aplicație web sau o aplicație nativă? Dacă da, ar trebui să folosiți un cadru? Nu există un răspuns incorect la niciuna dintre aceste întrebări - depinde de situație. Astăzi vom vorbi despre o soluție specifică la aceste întrebări: Sencha Touch.
De pe site-ul lor:
Sencha Touch permite aplicațiilor dvs. web să pară și să se simtă ca aplicații native. Componente de interfață de utilizator frumoasă și gestionare bogată a datelor, toate alimentate de cele mai recente standarde web HTML5 și CSS3 și sunt gata pentru dispozitive Android și Apple iOS. Păstrați-le pe bază de web sau împachetați-le pentru a le distribui pe magazinele de aplicații mobile.
De la producătorii de la ExtJS, oamenii nou-numiți Sencha au creat din nou un cadru de javascript cu adevărat puternic. Puteți afla mai multe despre cadrul aici. Sencha touch poate replica aproape toate caracteristicile UI native perfect. În momentul de față, Sencha Touch este probabil unul dintre cele mai puternice cadre de aplicații web mobile acolo și cel mai potrivit pentru a gestiona aplicații web complexe care necesită replicarea unei aplicații native.
Acestea fiind spuse, există încă unele neajunsuri la ea ca orice altceva. Pentru început, în timp ce acest lucru este scris, este încă în BETA. Din testările personale, nu am întâlnit încă niciun bug. Înseamnă, de asemenea, că ei încă mai împachetează pe mai multe caracteristici ale cadrului. Care este, de fapt, o veste bună, deoarece acest cadru este deja incredibil de jam-packed cu caracteristici, dar puteți totuși să așteptăm cu nerăbdare lucruri cum ar fi suportul camerei în viitor. Dar accesul la funcțiile acestui dispozitiv este posibil numai dacă îl înfășurați în PhoneGap, un alt cadru care permite aplicațiilor mobile să fie aplicații native.
Acest lucru aduce un alt punct important. Este un cadru de aplicații mobil cum ar fi Sencha Touch, chiar potrivit pentru proiectul meu? Răspunsul la această întrebare este greu. Există argumente pro și contra pentru ambele soluții și presupunem că folosim Sencha Touch ca o aplicație web strict:
Acum trebuie să decideți dacă Sencha Touch este cadrul aplicației web potrivite pentru proiectul dvs.:
Sencha Touch la o privire
Dacă toate acestea sunt minunate pentru proiectul dvs., continuați și descărcați-l. În cazul în care se pare că un pic overkill, ați putea dori să se uite la ceva de genul jQTouch (căutați un tutorial pe această curând).
Pentru a descărca o copie a Sencha Touch, du-te la site-ul lor, și faceți clic pe Descarcă acum.
Deschideți dosarul touch sencha și faceți clic pe exemple. Apoi faceți clic pe index.html (în dosarul exemplelor)
Răsfoiți exemplele și explorați diferitele funcționalități ale diferitelor aplicații. Cea mai valoroasă aplicație de învățare a adevăratelor abilități ale acestui cadru este aplicația Sink Kitchen. Asta vom urmări:
Explorați aplicația și vedeți sursa unora dintre lucruri pentru a înțelege conceptul Sencha Touch.
Dacă faceți clic pe interfața de utilizator din stânga, vi se prezintă un meniu nou, frumos animat, cu elemente de interfață specifice. Deși nu pare să aibă încă o interfață de acoperire, sunt sigur că este ceva ce vom vedea în cele din urmă. După cum puteți vedea, ele au fiecare element esențial îngrijit. Să vedem codul sursă al filelor pentru a obține o senzație pentru nivelul de complexitate al creării unui element UI de bază:
demos.Tabs = new Ext.TabPanel (a se încadra: true, // Atingeți și mențineți apăsat pentru a sorta elementele: [title: 'Tab 1', html: 'Taburile de mai sus sunt, de asemenea,.
(titlul: 'Tab 2', html: 'Tab 2', cls: 'card4', title: 'Tab 3', html: 'Tab 3 ', cls:' carte de card3 ']);
După cum puteți vedea, este modul familiar de ExtJS de a face lucruri. Creați o componentă nouă, setați valoarea parametrului, apoi introduceți informațiile necesare. În acest caz, titlul fila, conținutul fila și o clasă identificabilă. Această simplitate puternică este o dovadă a puterii acestui cadru.
Acestea sunt chiar mai ușor. Pentru a anima un nou panou în proiect, acesta este tot ceea ce aveți cu adevărat nevoie:
Accentsconagua
demos.Animations.slide = nou Ext.Panel (html: 'Diapozitivele pot fi utilizate în tandem cu direcție: "sus / jos / stânga / dreapta".', cls:' card card2 '); Partea de diapozitive este ceea ce determină tranziția pe care o utilizați. Puteți vedea Chiuveta de bucătărie pentru mai multe exemple, cum ar fi pop, flip, cub, și se estompează.
Vă încurajez să jucați ceva mai mult cu Chiuveta de bucătărie și asigurați-vă că ați analizat codul sursă pentru orice vă interesează. Deoarece acest lucru este încă în BETA, nu există aproape nici o documentație despre aceasta, ceva ExtJS (acum Sencha) este un pic notoriu pentru.
Acum că aveți mai multe cunoștințe despre Sencha Touch, sper că îl puteți adăuga la arsenalul dvs. de instrumente pentru aplicații mobile. Ca și în orice altă industrie de dezvoltare, trebuie să alegeți instrumentele potrivite pentru această lucrare. Sencha Touch poate fi acel instrument potrivit dacă construiți o aplicație mobilă la nivel înalt prin web. Asigurați-vă că este potrivit pentru proiectul dvs. înainte de a merge mai departe. Asta e tot pentru moment, lasă-mă să știu ce crezi despre Sencha Touch și alte cadre din comentarii!
