README.md 2.35 KB
Newer Older
Artem Sidyakin's avatar
Artem Sidyakin committed
1
2
3
4
# Silly Demos

A set of rather simple projects that demonstrate various Qt features.

Artem Sidyakin's avatar
Artem Sidyakin committed
5
<img src="/img/mosw.png" width="400">
Artem Sidyakin's avatar
Artem Sidyakin committed
6

Artem Sidyakin's avatar
Artem Sidyakin committed
7
- [Open Source API](#open-source-api)
Artem Sidyakin's avatar
Artem Sidyakin committed
8
9
10
11
12
- [Commons](#commons)
- [DI](#di)
- [GUI approaches](#gui-approaches)
- [Profiling](#profiling)
- [Webengine Recipes](#webengine-recipes)
Artem Sidyakin's avatar
Artem Sidyakin committed
13
14
- [C++ as a backend for QML](#c-as-a-backend-for-qml)
- [iOS sensors](#ios-sensors)
Artem Sidyakin's avatar
README    
Artem Sidyakin committed
15
- [Application icon on Mac OS](#application-icon-on-mac-os)
Artem Sidyakin's avatar
ToC    
Artem Sidyakin committed
16
17
- [QML screenshot](#qml-screenshot)
- [2D and 3D in the same application](#2d-and-3d-in-the-same-application)
Artem Sidyakin's avatar
Artem Sidyakin committed
18
19
- [SQLite from QML](#sqlite-from-qml)
- [Working with filesystem](#working-with-filesystem)
Artem Sidyakin's avatar
Artem Sidyakin committed
20
- [Picture in picture](#picture-in-picture)
Artem Sidyakin's avatar
Artem Sidyakin committed
21

Artem Sidyakin's avatar
Artem Sidyakin committed
22
## Open Source API
Artem Sidyakin's avatar
Artem Sidyakin committed
23
24
25

QML client applicaiton for https://api.opensource.org/licenses/

Artem Sidyakin's avatar
Artem Sidyakin committed
26
27
<img src="/img/api-opensource-org.png" width="800">

Artem Sidyakin's avatar
Artem Sidyakin committed
28
29
30
31
## Commons

A pack of very simply Qt features demonstrations.

Artem Sidyakin's avatar
Artem Sidyakin committed
32
33
<img src="/img/commons.png" width="800">

Artem Sidyakin's avatar
Artem Sidyakin committed
34
35
## DI

Artem Sidyakin's avatar
Artem Sidyakin committed
36
37
38
Basic device information.

<img src="/img/di.png" width="800">
Artem Sidyakin's avatar
Artem Sidyakin committed
39
40
41
42
43
44
45
46
47
48
49

## GUI approaches

Three different ways of creating a GUI with Qt.

## Profiling

Basic QML profiling example.

## Webengine Recipes

50
51
A bit modified standard WebEngine example.

Artem Sidyakin's avatar
Artem Sidyakin committed
52
53
<img src="/img/webengine-recipes.png" width="800">

Artem Sidyakin's avatar
Artem Sidyakin committed
54
## C++ as a backend for QML
55

Artem Sidyakin's avatar
Artem Sidyakin committed
56
57
58
59
How to add an external C++/Qt library into the project and use it as a backend for QML-based frontend:

* variation with C++ library;
* variation with QML UI form.
Artem Sidyakin's avatar
Artem Sidyakin committed
60
61
62
63
64
65
66
67

<img src="/img/cpp-library-as-a-backend-for-qml.png" width="800">

## Anchoring

Anchoring and reparenting demo.

<img src="/img/anchoring.png" width="800">
Artem Sidyakin's avatar
Artem Sidyakin committed
68
69
70
71
72

## iOS sensors

Qt Sensors API on iOS with orientation sensor as an example.

Artem Sidyakin's avatar
Artem Sidyakin committed
73
<img src="/img/ios-sensors.png" width="300">
Artem Sidyakin's avatar
README    
Artem Sidyakin committed
74
75
76

## Application icon on Mac OS

Artem Sidyakin's avatar
Artem Sidyakin committed
77
<img src="/img/macos-app-icon-dock.png" width="800">
Artem Sidyakin's avatar
Artem Sidyakin committed
78
79
80
81
82
83
84
85
86
87
88
89

## QML screenshot

Making a screenshot of the application window:

<img src="/img/qml-screenshot.png" width="800">

## 2D and 3D in the same application

3D scene as a part of the 2D UI:

<img src="/img/qml-2d-3d.png" width="800">
Artem Sidyakin's avatar
Artem Sidyakin committed
90
91
92
93
94
95
96
97
98
99
100
101

## SQLite from QML

Working with SQLite database from QML. Actually it's not from QML.

<img src="/img/qml-sqlite.png" width="800">

## Working with filesystem

Creating and deleting files.

<img src="/img/working-with-filesystem.png" width="800">
Artem Sidyakin's avatar
Artem Sidyakin committed
102
103
104
105
106
107

## Picture in picture

One video is playing on top of another (nested).

<img src="/img/picture-in-picture.png" width="800">