Share
Für die Entwicklung einer mobilen Anwendung müssen viele Entscheidungen getroffen werden, noch bevor die erste Codezeile geschrieben wird. Nehmen Sie beispielsweise eine Web-App oder eine native App an? Wenn ja, sollten Sie ein Framework verwenden? Es gibt keine falsche Antwort auf jede dieser Fragen - es hängt von der Situation ab. Heute werden wir über eine spezifische Lösung für diese Fragen sprechen: Sencha Touch.
Von ihrer Website:
Mit Sencha Touch können Ihre Web-Apps wie native Apps aussehen und sich auch so anfühlen. Wunderschöne Komponenten für die Benutzeroberfläche und ein umfassendes Datenmanagement, die alle auf den neuesten HTML5- und CSS3-Webstandards basieren und für Android- und Apple iOS-Geräte vorbereitet sind Halten Sie sie webbasiert oder verpacken Sie sie für die Verteilung in mobilen App Stores.
Von den Machern von ExtJS haben die neuen Sencha-Leute erneut ein wirklich mächtiges Javascript-Framework geschaffen. Sie können hier mehr über das Framework erfahren. Sencha touch kann nahezu alle nativen UI-Funktionen perfekt replizieren. Im Moment ist Sencha Touch wahrscheinlich eines der leistungsfähigsten Frameworks für mobile Web-Apps und das beste für komplexe Web-Anwendungen, die eine native App replizieren müssen.
Davon abgesehen gibt es immer noch einige Nachteile. Für den Anfang, während dies geschrieben wird, ist es immer noch in BETA. Bei persönlichen Tests sind noch keine Fehler aufgetreten. Es bedeutet auch, dass sie immer noch viele Features in das Framework einbauen. Was eigentlich eine gute Nachricht ist, denn dieses Framework ist bereits unglaublich voll mit Funktionen, aber Sie können sich auch in Zukunft auf die Unterstützung von Kameras freuen. Der Zugriff auf solche Gerätefunktionen ist jedoch nur möglich, wenn Sie es in PhoneGap einpacken, ein anderes Framework, das es ermöglicht, dass mobile Anwendungen native Anwendungen sind.
Dies bringt einen weiteren wichtigen Punkt auf. Ist ein Framework für mobile Anwendungen wie Sencha Touch überhaupt für mein Projekt geeignet? Die Antwort auf diese Frage ist hart. Beide Lösungen haben Vor- und Nachteile und wir gehen davon aus, dass wir Sencha Touch ausschließlich als Web-App verwenden:
Nun müssen Sie entscheiden, ob Sencha Touch das richtige Web-App-Framework für Ihr Projekt ist:
Sencha Touch auf einen Blick
Wenn dies für Ihr Projekt großartig klingt, laden Sie es herunter. Wenn es etwas übertrieben erscheint, möchten Sie vielleicht etwas wie jQTouch betrachten (sehen Sie sich in Kürze ein Tutorial an)..
Um eine Kopie von Sencha Touch herunterzuladen, gehen Sie einfach auf deren Website und klicken Sie auf Jetzt downloaden.
Öffnen Sie den sencha touch-Ordner und klicken Sie auf Beispiele. Klicken Sie anschließend auf index.html (innerhalb des Beispielordners)
Durchsuchen Sie die Beispiele und erkunden Sie die verschiedenen Funktionen der verschiedenen Apps. Die wertvollste App, um die wahren Fähigkeiten dieses Frameworks zu erlernen, ist die Kitchen Sink-App. Das werden wir uns ansehen:
Entdecken Sie die Anwendung und sehen Sie sich die Quelle einiger Dinge an, um das Sencha Touch-Konzept zu verstehen.
Wenn Sie links auf Benutzeroberfläche klicken, wird ein neues, schön animiertes Menü mit bestimmten Oberflächenelementen angezeigt. Obwohl es noch nicht so aussieht, als hätten sie noch eine Coverflow-Oberfläche, bin ich mir sicher, dass wir dies irgendwann sehen werden. Wie Sie sehen, haben sie sich um alles Wesentliche gekümmert. Sehen wir uns den Quellcode von Registerkarten an, um ein Gefühl für die Komplexität der Erstellung eines grundlegenden Benutzeroberflächenelements zu erhalten:
demos.Tabs = new Ext.TabPanel (sortable: true, // Berühren und halten Sie, um die Elemente zu sortieren: [title: 'Tab 1', html: 'Die Registerkarten oben sind ebenfalls sortierbar.
(tippen und halten) ', cls:' card card5 ', title:' Tab 2 ', html:' Tab 2 ', cls:' card card4 ', title:' Tab 3 ', html:' Tab 3 ', cls:' card card3 ']);
Wie Sie sehen, ist dies die bekannte Vorgehensweise von ExtJS. Sie erstellen eine neue Komponente, legen den Wert sortierbar fest und geben dann die erforderlichen Informationen ein. In diesem Fall der Registerkartentitel, der Registerkarteninhalt und eine identifizierbare Klasse. Diese kraftvolle Einfachheit ist ein Beweis für die Leistungsfähigkeit dieses Rahmens.
Das ist noch einfacher. Um ein neues Panel in das Projekt zu animieren, brauchen Sie nur Folgendes:
Accentsconagua
demos.Animations.slide = new Ext.Panel (html: 'Slides können zusammen mit verwendet werden Richtung: "auf / ab / links / rechts".', cls:' card card2 '); Der Folienteil bestimmt den von Ihnen verwendeten Übergang. In der Kitchen Sink finden Sie weitere Beispiele wie Pop, Flip, Cube und Fade.
Ich möchte Sie dazu ermutigen, mit Kitchen Sink ein wenig mehr zu spielen und den Quellcode auf alles zu analysieren, was Sie interessiert. Da dies immer noch in BETA ist, gibt es kaum Dokumentation darüber, für was ExtJS (jetzt Sencha) etwas berüchtigt ist.
Nun, da Sie ein wenig mehr über Sencha Touch wissen, hoffe ich, dass Sie es zu Ihrem Arsenal an mobilen Anwendungstools hinzufügen können. Wie in jeder anderen Entwicklungsbranche müssen Sie die richtigen Werkzeuge für den Job auswählen. Sencha Touch ist das richtige Werkzeug, wenn Sie eine mobile High-Level-Anwendung über das Web erstellen. Stellen Sie nur sicher, dass es zu Ihrem Projekt passt, bevor Sie fortfahren. Das ist alles für jetzt, lassen Sie mich wissen, was Sie über Sencha Touch und andere Rahmenbedingungen in den Kommentaren denken!
