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

Download Presentation
Download Policy: The content available on the website is offered to you 'AS IS' for your personal information and use only. It cannot be commercialized, licensed, or distributed on other websites without prior consent from the author. To download a presentation, simply click this link. If you encounter any difficulties during the download process, it's possible that the publisher has removed the file from their server.

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
Network Traffic Characterization Srinidhi Varadarajan Traffic Analysis: Introduction

Network Traffic Characterization Srinidhi Varadarajan Traffic Analysis: Introduction

Network Traffic Characterization Srinidhi Varadarajan Traffic Analysis: Introduction Youve just invented the greatest protocol does everything including tying your shoelaces. What now? Need to know how it performs. Is it

510 views • 13 slides
Background Bas c Cryptography Background: Basic Cryptography Symmetric Key System

Background Bas c Cryptography Background: Basic Cryptography Symmetric Key System

Background Bas c Cryptography Background: Basic Cryptography Symmetric Key System Symmetric Key System a shared symmetric key Examples: DES IDEA RC4 AES Examples: DES, IDEA, RC4, AES Asymmetric Key System y y y a pair

661 views • 38 slides
SLAQ: Quality-Driven Scheduling for Distributed Machine Learning Haoyu Zhang*, Logan Stafman*,

SLAQ: Quality-Driven Scheduling for Distributed Machine Learning Haoyu Zhang*, Logan Stafman*,

SLAQ: Quality-Driven Scheduling for Distributed Machine Learning Haoyu Zhang*, Logan Stafman*, Andrew Or, Michael J. Freedman AI is the new electricity. Machine translation Recommendation system Autonomous driving Object

614 views • 20 slides
10 years of observation for greenhouse gases by commercial airliner in the CONTRAIL project Y.

10 years of observation for greenhouse gases by commercial airliner in the CONTRAIL project Y.

10 years of observation for greenhouse gases by commercial airliner in the CONTRAIL project Y. Sawa 1 , T. Machida 2 , H. Matsueda 1 , Y. Niwa 1 , T. Umezawa 2 , K. Tsuboi 1 , K. Katsumata 2 , H. Eto 3 , D. Goto 4 , S. Morimoto 5 , S. Aoki 5 1.

187 views • 18 slides
How to Create a Custom Widget? Jan Holesovsky <kendy@collabora.com> kendy,

How to Create a Custom Widget? Jan Holesovsky <kendy@collabora.com> kendy,

How to Create a Custom Widget? Jan Holesovsky <kendy@collabora.com> kendy, #libreoffice-dev, irc.freenode.net What is a Custom Widget Creating Custom Widgets Don't do that in the fjrst place! :-) Always try to use what is already

378 views • 13 slides
WIDGETS CSSE 120 Rose Hulman Institute of Technology Viewing Feedback and Tasks Turn on

WIDGETS CSSE 120 Rose Hulman Institute of Technology Viewing Feedback and Tasks Turn on

WIDGETS CSSE 120 Rose Hulman Institute of Technology Viewing Feedback and Tasks Turn on Task view in Eclipse Window Show View Tasks Add CONSIDER tag Window Preferences Pydev Task Tags Add CONSIDER: to end

391 views • 10 slides
CSE 341, Spring 2005 Lecture 27 More OO design Classic C struct Widget {width, height,

CSE 341, Spring 2005 Lecture 27 More OO design Classic C struct Widget {width, height,

CSE 341, Spring 2005 Lecture 27 More OO design Classic C struct Widget {width, height, type , type-specific fields } Widget[1000] data; x = 0; y = 0; for(i = 0; i < n; i++) { if(x+data[i].width > linewidth) {x = 0; y +=

409 views • 9 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