qml across all ui stacks support for widgets
play

QML across all UI Stacks Support for Widgets Kevin Krammer and - PowerPoint PPT Presentation

Jan 06, 2023 •32 likes •292 views

QML across all UI Stacks Support for Widgets Kevin Krammer and Tobias Knig KDAB Agenda Motivation for DeclarativeWidgets Demo of pure QML Widget UI Porting From designer/C++ UI to QML Adding a BB10/Cascades UI Q&A

  1. QML across all UI Stacks Support for Widgets Kevin Krammer and Tobias König KDAB

  2. Agenda ● Motivation for DeclarativeWidgets ● Demo of pure QML Widget UI ● Porting – From designer/C++ UI to QML – Adding a BB10/Cascades UI ● Q&A ● Resources

  3. Motivation

  4. Situation ● Widgets – Widely used, well understood – Static UI, compiled code – Often tightly coupled with core logic ● QML – Relatively new, misunderstood as QtQuick – Runtime loadable, adjustable – Encourages separation core/UI

  5. Goal ● Widgets with QML – No user-visible change – Apply existing developer knowledge – Core independent of UI – UI replaceable ● QtWidgets -> QtWidgets (update/customize) ● QtWidgets -> QtQuick ● QtWidgets -> Cascades

  6. Declarative Widgets Demo

  7. WaterLevel

  8. Porting ● Step 1: Declarative Widgets – Create QML files for windows/dialogs – Make core API exposable ● Step 2: Mobile UI – Create QML files for target platform – Re-use core API from Step 1

  9. Step 1 Demo

  10. Step 1 Final Result

  11. Step 2 Demo

  12. Step 2 Final Result

  13. Q&A Thank you for your attention! Any Questions? ● https://github.com/KDAB/DeclarativeWidgets ● Free Software / Open Source Software ● Works with Qt4 ● Work in progress kevin.krammer@kdab.com, tobias.koenig@kdab.com

  14. QML across all UI Stacks Support for Widgets Kevin Krammer and Tobias König KDAB

  15. Agenda ● Motivation for DeclarativeWidgets ● Demo of pure QML Widget UI ● Porting – From designer/C++ UI to QML – Adding a BB10/Cascades UI ● Q&A ● Resources

  16. Motivation

  17. Situation ● Widgets – Widely used, well understood – Static UI, compiled code – Often tightly coupled with core logic ● QML – Relatively new, misunderstood as QtQuick – Runtime loadable, adjustable – Encourages separation core/UI

  18. Goal ● Widgets with QML – No user-visible change – Apply existing developer knowledge – Core independent of UI – UI replaceable ● QtWidgets -> QtWidgets (update/customize) ● QtWidgets -> QtQuick ● QtWidgets -> Cascades

  19. Declarative Widgets Demo

  20. WaterLevel

  21. Porting ● Step 1: Declarative Widgets – Create QML files for windows/dialogs – Make core API exposable ● Step 2: Mobile UI – Create QML files for target platform – Re-use core API from Step 1

  22. Step 1 Demo

  23. Step 1 Final Result

  24. Step 2 Demo

  25. Step 2 Final Result

  26. Q&A Thank you for your attention! Any Questions? ● https://github.com/KDAB/DeclarativeWidgets ● Free Software / Open Source Software ● Works with Qt4 ● Work in progress kevin.krammer@kdab.com, tobias.koenig@kdab.com

Recommend

extras more about widgets understanding and choosing widgets widgets - bits that make the

extras more about widgets understanding and choosing widgets widgets - bits that make the

chapter 3 the interaction extras more about widgets understanding and choosing widgets widgets - bits that make the GUI what do they do what are they good for one-by-one WIMP elements widgets - bits that make the GUI what do

338 views • 5 slides
Widgets Logical devices Widgets & Toolkits Toolkit Design JavaFX Widgets Clipboard &

Widgets Logical devices Widgets & Toolkits Toolkit Design JavaFX Widgets Clipboard &

Widgets Logical devices Widgets & Toolkits Toolkit Design JavaFX Widgets Clipboard & DragDrop 1 User Interface Widget Widget is a generic name for parts of an interface that have their own behavior (e.g. buttons, drop-down menus,

813 views • 36 slides
Widgets Logical devices Widgets & Toolkits Toolkit Design JavaFX Widgets Clipboard &

Widgets Logical devices Widgets & Toolkits Toolkit Design JavaFX Widgets Clipboard &

Widgets Logical devices Widgets & Toolkits Toolkit Design JavaFX Widgets Clipboard & DragDrop 1 User Interface Widget Widget is a generic name for parts of an interface that have their own behavior (e.g. buttons, drop-down menus,

727 views • 34 slides
Widgets Logical devices Widgets & Toolkits Toolkit Design JavaFX Widgets 1 User Interface

Widgets Logical devices Widgets & Toolkits Toolkit Design JavaFX Widgets 1 User Interface

Widgets Logical devices Widgets & Toolkits Toolkit Design JavaFX Widgets 1 User Interface Widget Widget is a generic name for parts of an interface that have their own behavior (e.g. buttons, drop-down menus, spinners, file dialog

551 views • 25 slides
IOS 8 WIDGETS Notification Center Today Extensions KIM AHLBERG We have already had some Widgets

IOS 8 WIDGETS Notification Center Today Extensions KIM AHLBERG We have already had some Widgets

IOS 8 WIDGETS Notification Center Today Extensions KIM AHLBERG We have already had some Widgets since iOS5. Calendar, Reminders, Weather... all made by Apple. EXTENSIONS INTRODUCED AT WWDC 2014 Share, Action, Photo Editing, Finder, Document

1.05k views • 34 slides
Model View Controller (MVC) Multi-window support Benefits of MVC Java Implementation Widgets 1

Model View Controller (MVC) Multi-window support Benefits of MVC Java Implementation Widgets 1

Model View Controller (MVC) Multi-window support Benefits of MVC Java Implementation Widgets 1 Recall: User Interaction People typically interact with technology to perform a task. They determine what they want to do, and provide guidance to

586 views • 34 slides
Sorting with Pop Stacks Stacks Pop stacks 1-Pop-stack sortability 2-Pop-stack sortability

Sorting with Pop Stacks Stacks Pop stacks 1-Pop-stack sortability 2-Pop-stack sortability

Sorting with Pop Stacks Lara Pudwell Sorting with Pop Stacks Stacks Pop stacks 1-Pop-stack sortability 2-Pop-stack sortability Polyominoes on a helix Lara Pudwell Width 2 Width 3 faculty.valpo.edu/lpudwell Wrapping up joint work with

825 views • 34 slides
Lists, Stacks and Queues Stacks and Queues Stacks n A restricted list where insertions and

Lists, Stacks and Queues Stacks and Queues Stacks n A restricted list where insertions and

Lists, Stacks and Queues Stacks and Queues Stacks n A restricted list where insertions and deletions can only be performed at one location, the end of the list (top). n LIFO Last In First Out q Laundry Basket last thing you put

348 views • 12 slides
Stacks Stacks The unorganized persons data structure stacks 1 Stack characteristics Stack

Stacks Stacks The unorganized persons data structure stacks 1 Stack characteristics Stack

Stacks Stacks The unorganized persons data structure stacks 1 Stack characteristics Stack characteristics Entries are ordered in terms of access -- both insertion and removal take place at same spot (top of stack) Specialized

629 views • 42 slides
csci 210: Data Structures Stacks and Queues Summary Topics stacks and queues as

csci 210: Data Structures Stacks and Queues Summary Topics stacks and queues as

csci 210: Data Structures Stacks and Queues Summary Topics stacks and queues as abstract data types implementations arrays linked lists analysis and comparison application: searching with stacks and

284 views • 16 slides
Stacks, Queues, and Priority Queues Inf 2B: Heaps and Priority Queues Stacks, queues, and priority

Stacks, Queues, and Priority Queues Inf 2B: Heaps and Priority Queues Stacks, queues, and priority

Stacks, Queues, and Priority Queues Inf 2B: Heaps and Priority Queues Stacks, queues, and priority queues are all ADTs for storing collections of elements. They differ in their access policy: Lecture 6 of ADS thread Stacks: Last-in-first-out

444 views • 7 slides
CS 171: Introduction to Computer Science II Stacks Li Xiong Today Stacks operations and

CS 171: Introduction to Computer Science II Stacks Li Xiong Today Stacks operations and

CS 171: Introduction to Computer Science II Stacks Li Xiong Today Stacks operations and implementations Applications using stacks Application 1: Reverse a list of integers Application 2: Delimiter matching Application 3:

380 views • 26 slides
Stacks and queues Stacks and queues Sometimes it is good to have a collection that is less

Stacks and queues Stacks and queues Sometimes it is good to have a collection that is less

Stacks and queues Stacks and queues Sometimes it is good to have a collection that is less powerful, but is optimized to perform stack certain operations very quickly. Today we will examine two specialty collections: stack :

425 views • 21 slides
Advanced Computer Programming Inf1BOb ject-Oriented Programming LAB 07 (week 8) - Widgets OOP

Advanced Computer Programming Inf1BOb ject-Oriented Programming LAB 07 (week 8) - Widgets OOP

Advanced Computer Programming Inf1BOb ject-Oriented Programming LAB 07 (week 8) - Widgets OOP Lab Exercise 3 (week 5) Widgets Hutchins 19th January 2007 7th-9th February, 2006 1 Introduction 1, In OOP assignment 2, you will learn how

545 views • 6 slides
Stacks O tline Outline The Stack ADT Applications of Stacks Applications of Stacks

Stacks O tline Outline The Stack ADT Applications of Stacks Applications of Stacks

Stacks O tline Outline The Stack ADT Applications of Stacks Applications of Stacks Array-based implementation Growable array based stack Growable array-based stack Stacks 2 Abst act Data T pes (ADTs) Abstract Data Types (ADTs) An

582 views • 30 slides
Stacks, Queues, and Deques Stacks, Queues, and Deques A stack is a last in, first out (LIFO)

Stacks, Queues, and Deques Stacks, Queues, and Deques A stack is a last in, first out (LIFO)

Stacks, Queues, and Deques Stacks, Queues, and Deques A stack is a last in, first out (LIFO) data structure Items are removed from a stack in the reverse order from the way they were inserted A queue is a first in, first out (FIFO)

480 views • 28 slides
csci 210: Data Structures Stacks and Queues 1 Summary Topics Stacks and Queues as

csci 210: Data Structures Stacks and Queues 1 Summary Topics Stacks and Queues as

csci 210: Data Structures Stacks and Queues 1 Summary Topics Stacks and Queues as abstract data types (ADT) Implementations arrays linked lists Analysis and comparison Applications: searching with

345 views • 21 slides
Widgets Components Widget toolkits Logical input devices MVC at widget-level 1 CS349 -

Widgets Components Widget toolkits Logical input devices MVC at widget-level 1 CS349 -

Widgets Components Widget toolkits Logical input devices MVC at widget-level 1 CS349 - Widgets Recall: Widget Widget is a generic name for parts of an interface that have their own behavior. e.g.: buttons, progress bars, sliders,

479 views • 37 slides
ECE 242 Data Structures Lecture 3 Introduction to Stacks September 14, 2009 ECE242 L3:

ECE 242 Data Structures Lecture 3 Introduction to Stacks September 14, 2009 ECE242 L3:

ECE 242 Data Structures Lecture 3 Introduction to Stacks September 14, 2009 ECE242 L3: Introduction to Stacks Overview Techniques for storing large amounts of data Stacks lots of examples in everyday life Easy to implement in

279 views • 10 slides
Stacks Outline and Reading The Stack ADT (4.2.1) Applications of Stacks (4.2.3) Array-based

Stacks Outline and Reading The Stack ADT (4.2.1) Applications of Stacks (4.2.3) Array-based

Stacks Outline and Reading The Stack ADT (4.2.1) Applications of Stacks (4.2.3) Array-based implementation (4.2.2) Growable array-based stack Stacks 2 Abstract Data Types (ADTs) An abstract data Example: ADT modeling a type (ADT) is

359 views • 20 slides
Chapter 2 Stacks and recursion 1 2.1 Stacks A stack is a data structure in which all insertions

Chapter 2 Stacks and recursion 1 2.1 Stacks A stack is a data structure in which all insertions

CS 2412 Data Structures Chapter 2 Stacks and recursion 1 2.1 Stacks A stack is a data structure in which all insertions and deletions of entries are made at one end, called top of the stack. Examples: A stack of files. DOS command

605 views • 60 slides
Stacks and Queues Problem Solving Club Oct 19 2016 Stacks A stack is a container of objects

Stacks and Queues Problem Solving Club Oct 19 2016 Stacks A stack is a container of objects

Stacks and Queues Problem Solving Club Oct 19 2016 Stacks A stack is a container of objects that are inserted and removed according to the last-in first-out (LIFO) principle Only two operations are allowed: push the item into the

222 views • 11 slides
Systems Programming Stacks and Queues Departamento de Ingeniera Telemtica 1 Con Conten

Systems Programming Stacks and Queues Departamento de Ingeniera Telemtica 1 Con Conten

Systems Programming Stacks and Queues Departamento de Ingeniera Telemtica 1 Con Conten ents ts Stacks Queues Deques double-ended queues 2 Stacks Linear data structures Insertion and extraction into/from the

518 views • 34 slides
OpenCms Days 2008 Custom Widgets In OpenCms Welcome! Dan Liliedahl OpenCms 7 Development

OpenCms Days 2008 Custom Widgets In OpenCms Welcome! Dan Liliedahl OpenCms 7 Development

OpenCms Days 2008 Custom Widgets In OpenCms Welcome! Dan Liliedahl OpenCms 7 Development http://www.packtpub.com/opencms-7-development/book Extending OpenCms Developing a Custom Widget Widgets in OpenCms Provides Rich User Interface

547 views • 25 slides

More recommend