Skip to content

Commit 728e9c6

Browse files
committed
Adds custom native widget example
1 parent 193565a commit 728e9c6

File tree

8 files changed

+5873
-0
lines changed

8 files changed

+5873
-0
lines changed
Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
node_modules
2+
dist/
3+
*.log
4+
.vscode
Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
# Custom Native Widget built using QPainter from NodeGui
2+
3+
An example of powerful QPainter from Qt in NodeGui that you can use to build completely custom native widgets using Javascript.
4+
The example showcases how to build a widget that looks and behaves like an analog clock.
5+
6+
**PS: Keep in mind the whole clock in just one single widget**
7+
8+
### Screenshots
9+
10+
<img alt="demo_mac" src="https://github.com/nodegui/examples/raw/master/nodegui/custom-native-widget-qpainter/assets/analog-clock.gif" width="100%" />
11+
12+
## To Use
13+
14+
To clone and run this repository you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer.
15+
16+
Make sure you have met the requirements listed here: https://docs.nodegui.org/#/tutorial/development-environment
17+
18+
From your command line:
19+
20+
```bash
21+
# Install dependencies
22+
npm install
23+
# Run the app
24+
npm start
25+
```
26+
27+
## Resources for Learning NodeGUI
28+
29+
- [docs.nodegui.org](https://nodegui.github.io/nodegui) - all of NodeGui and React Desktop's documentation
30+
31+
## Extra info
32+
33+
This is a javascript version of QPainter example using NodeGui from here: https://doc.qt.io/qt-5/qtgui-analogclock-example.html
34+
35+
## License
36+
37+
MIT
68.3 KB
Loading

0 commit comments

Comments
 (0)