1 / 12

Simplified Developer Experience with QML

Simplified Developer Experience with QML. innovate. OpenGL. Cross-platform. QtCreator. performance. Dynamic UIs. Transitions. Prototyping. Who are we?. Testers @ Nokia, working on MeeGo middleware. Badri. Raghu. Why are we here?. Great Technology It will make your life easier

arich
Download Presentation

Simplified Developer Experience with QML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Simplified Developer Experience with QML innovate OpenGL Cross-platform QtCreator performance Dynamic UIs Transitions Prototyping

  2. Who are we? Testers @ Nokia, working on MeeGo middleware Badri Raghu

  3. Why are we here? • Great Technology • It will make your life easier • We Love it and we want to share it with you 

  4. Widget Model Window • UI’s using widgets are, • Clearly structured / Bulky • Static • Enforce standard platform look and feel • Very useful for traditional applications Widget Widget Widget Widget Widget Widget

  5. What do we want? Express a UI the way we think about it: components, views, states, transitions, animations and effects. Connect the UI to real data and back-end functionality Everything should be fast and easy In fact so easy that also designers can do it (e.g: the sort of people doing Flash, Silverlight and Web)

  6. What do we want? A world where developers and designers work directly together on the same project A world where a UI is determined by its usability and not by limitations of the underlying technology.

  7. Meet QML QML is a new declarative language extension to Qt It maps almost directly to how you should think about a UI: components, views, states, transitions, animations etc The declarative language itself is simple and intuitive, the rest is javascript All the power and freedom of Qt is still available

  8. Declarative UI using QML Rectangle { id: page width: 500; height: 200 color: “lightgray” Text { id: helloText text: “Hello World” font.bold: true font.pointSize: 24 } } Hello World

  9. Example • simple list based menu with features to launch app, preview app and update it. • transitions with fluid UI • 2 persons, 4 hours each • 350 lines of code

  10. Qt + QML • Business logic can be written with Qt / C++ • UI layer can be designed with QML Great App Qt Code QML

  11. Common Questions • Common Components: • Currently, many of the standard components like buttons, textboxes etc are missing. But, they are under development. • Colibri – http://colibri.com • Performance • QML is optimized for performance • Animations, effects etc are generally very fast than what we produce with Qt

  12. Image Viewer Concept Big picture Thumbnails

More Related