PyQt NodeEditor教程

2022-07-14 18:06:22 浏览数 (1)

大家早上好

最近身边有很多同学在学习通过PyQt写界面

今天我向大家分享的是一个大佬

Pavel Křupala 出的一套免费的PyQt教程

教大家如何从零开始撸一个节点编辑器

教程质量十分之高

有视频教程, 还带完整源码

是大家学习PyQt的好资源,大家赶紧收藏然后学习起来!

教程介绍

http://mpvideo.qpic.cn/0b78aaaawaaaheai4p4jdvqfaagdbmaaacya.f10002.mp4?dis_k=f84d2f148f6fcdc639e0a2f64d48588f&dis_t=1657793081&vid=wxv_1846047444384415746&format_id=10002&support_redirect=0&mmversion=false

Gitlab

https://gitlab.com/pavel.krupala/pyqt-node-editor

教程大纲

Tutorials overview:

Beginner

Introduction00 - Prerequisities: How to setup PyCharm01 - Creating View, Scene, Grid Background02 - Adding Items to GraphicsView03 - Scene Navigation, Zooming04 - Architecture planning, Scene Implementation05 - How to implement Node06 - Implementing Node Content, Styles07 - How to implement Sockets08 - How to implement Edges09 - Positioning Edges and Debugging10 - Finishing Edges, Socket Variation11 - How to create Dragging Edge12 - Finishing Dragging Edge13 - How to implement Selecting Items14 - How to implement Deleting Items15 - Cutting Edges

Intermediate

16 - Introduction to Serialization, Saving Scene17 - Deserialization - File load18 - Undo & Redo #1 Introduction19 - Undo & Redo #2 History Stack20 - Undo & Redo #3 History Stamps21 - How to implement Main Window with Menu22 - How to implement Clipboard Operations23 - How to implement Clipboard Serialization24 - Bugfixing Crashes, Missing Edge25 - File Has Changed Dialog26 - Socket with Multiple Edges27 - How to set up python package with tests and docs

Advanced

28 - Calculator Example: Introduction29 - Calculator Example: Refactoring Window, Actions, Menus30 - Calculator Example: How to create MDI SubWindow31 - Calculator Example: Refactoring Styles Bonus: Dark Skin32 - Calculator Example: Refactoring Open, Save, Save As33 - Calculator Example: Finishing Refactoring Save and Save As34 - Calculator Example: Updating Edit Menu35 - Calculator Example: Item Selection Events36 - Calculator Example: Finishing Selection Events37 - Calculator Example: Wrapping up Refactoring

Calculator Example

38 - Calculator Example: How to Implement draggable ListWidget with Icons39 - Calculator Example: How to Implement Drag & Drop in PyQt540 - Calculator Example: Creating Calculator Node41 - Calculator Example: Nodes Registration with decorators and Auto-Generation42 - Calculator Example: Putting Sockets on center43 - Calculator Example: Serialization of different Node classes44 - Calculator Example: Styling Nodes using Qt Skin Generator45 - Calculator Example: How to create Context Menu in PyQt546 - Calculator Example: How to create Node State Flags for evaluation47 - Calculator Example: How to implement Node evaluation #148 - Calculator Example: How to implement Node evaluation #249 - Calculator Example: How to implement Node evaluation #3

Conclusion

50 - How to implement Hover effect in PyQt551 - How to create node directly from edge52 - How to create documentation with Sphinx53 - Changes for reusability & Fixes #1 54 - Changes for reusability & Fixes #255 - Changes for reusability & Fixes #356 - Fixing our EdgesNode Editor Architecture OverviewConclusion

  • Introduction
  • 00 - Prerequisities: How to setup PyCharm
  • 01 - Creating View, Scene, Grid Background
  • 02 - Adding Items to GraphicsView
  • 03 - Scene Navigation, Zooming
  • 04 - Architecture planning, Scene Implementation
  • 05 - How to implement Node
  • 06 - Implementing Node Content, Styles
  • 07 - How to implement Sockets
  • 08 - How to implement Edges
  • 09 - Positioning Edges and Debugging
  • 10 - Finishing Edges, Socket Variation
  • 11 - How to create Dragging Edge
  • 12 - Finishing Dragging Edge
  • 13 - How to implement Selecting Items
  • 14 - How to implement Deleting Items
  • 15 - Cutting Edges

Intermediate

  • 16 - Introduction to Serialization, Saving Scene
  • 17 - Deserialization - File load
  • 18 - Undo & Redo #1 Introduction
  • 19 - Undo & Redo #2 History Stack
  • 20 - Undo & Redo #3 History Stamps
  • 21 - How to implement Main Window with Menu
  • 22 - How to implement Clipboard Operations
  • 23 - How to implement Clipboard Serialization
  • 24 - Bugfixing Crashes, Missing Edge
  • 25 - File Has Changed Dialog
  • 26 - Socket with Multiple Edges
  • 27 - How to set up python package with tests and docs

Advanced

  • 28 - Calculator Example: Introduction
  • 29 - Calculator Example: Refactoring Window, Actions, Menus
  • 30 - Calculator Example: How to create MDI SubWindow
  • 31 - Calculator Example: Refactoring Styles Bonus: Dark Skin
  • 32 - Calculator Example: Refactoring Open, Save, Save As
  • 33 - Calculator Example: Finishing Refactoring Save and Save As
  • 34 - Calculator Example: Updating Edit Menu
  • 35 - Calculator Example: Item Selection Events
  • 36 - Calculator Example: Finishing Selection Events
  • 37 - Calculator Example: Wrapping up Refactoring

Calculator Example

  • 38 - Calculator Example: How to Implement draggable ListWidget with Icons
  • 39 - Calculator Example: How to Implement Drag & Drop in PyQt5
  • 40 - Calculator Example: Creating Calculator Node
  • 41 - Calculator Example: Nodes Registration with decorators and Auto-Generation
  • 42 - Calculator Example: Putting Sockets on center
  • 43 - Calculator Example: Serialization of different Node classes
  • 44 - Calculator Example: Styling Nodes using Qt Skin Generator
  • 45 - Calculator Example: How to create Context Menu in PyQt5
  • 46 - Calculator Example: How to create Node State Flags for evaluation
  • 47 - Calculator Example: How to implement Node evaluation #1
  • 48 - Calculator Example: How to implement Node evaluation #2
  • 49 - Calculator Example: How to implement Node evaluation #3

Conclusion

  • 50 - How to implement Hover effect in PyQt5
  • 51 - How to create node directly from edge
  • 52 - How to create documentation with Sphinx
  • 53 - Changes for reusability & Fixes #1
  • 54 - Changes for reusability & Fixes #2
  • 55 - Changes for reusability & Fixes #3
  • 56 - Fixing our Edges
  • Node Editor Architecture Overview
  • Conclusion
Bonus Chapters / Features

Bonus

Node Editor Bonus Feature 01: Adding Rerouting EdgesNode Editor Bonus Feature 02: Adding Snapping to Sockets

  • Node Editor Bonus Feature 01: Adding Rerouting Edges
  • Node Editor Bonus Feature 02: Adding Snapping to Sockets

Beginner

Introduction00 - Prerequisities: How to setup PyCharm01 - Creating View, Scene, Grid Background02 - Adding Items to GraphicsView03 - Scene Navigation, Zooming04 - Architecture planning, Scene Implementation05 - How to implement Node06 - Implementing Node Content, Styles07 - How to implement Sockets08 - How to implement Edges09 - Positioning Edges and Debugging10 - Finishing Edges, Socket Variation11 - How to create Dragging Edge12 - Finishing Dragging Edge13 - How to implement Selecting Items14 - How to implement Deleting Items15 - Cutting Edges

Intermediate

16 - Introduction to Serialization, Saving Scene17 - Deserialization - File load18 - Undo & Redo #1 Introduction19 - Undo & Redo #2 History Stack20 - Undo & Redo #3 History Stamps21 - How to implement Main Window with Menu22 - How to implement Clipboard Operations23 - How to implement Clipboard Serialization24 - Bugfixing Crashes, Missing Edge25 - File Has Changed Dialog26 - Socket with Multiple Edges27 - How to set up python package with tests and docs

Advanced

28 - Calculator Example: Introduction29 - Calculator Example: Refactoring Window, Actions, Menus30 - Calculator Example: How to create MDI SubWindow31 - Calculator Example: Refactoring Styles Bonus: Dark Skin32 - Calculator Example: Refactoring Open, Save, Save As33 - Calculator Example: Finishing Refactoring Save and Save As34 - Calculator Example: Updating Edit Menu35 - Calculator Example: Item Selection Events36 - Calculator Example: Finishing Selection Events37 - Calculator Example: Wrapping up Refactoring

Calculator Example

38 - Calculator Example: How to Implement draggable ListWidget with Icons39 - Calculator Example: How to Implement Drag & Drop in PyQt540 - Calculator Example: Creating Calculator Node41 - Calculator Example: Nodes Registration with decorators and Auto-Generation42 - Calculator Example: Putting Sockets on center43 - Calculator Example: Serialization of different Node classes44 - Calculator Example: Styling Nodes using Qt Skin Generator45 - Calculator Example: How to create Context Menu in PyQt546 - Calculator Example: How to create Node State Flags for evaluation47 - Calculator Example: How to implement Node evaluation #148 - Calculator Example: How to implement Node evaluation #249 - Calculator Example: How to implement Node evaluation #3

Conclusion

50 - How to implement Hover effect in PyQt551 - How to create node directly from edge52 - How to create documentation with Sphinx53 - Changes for reusability & Fixes #1 54 - Changes for reusability & Fixes #255 - Changes for reusability & Fixes #356 - Fixing our EdgesNode Editor Architecture OverviewConclusion

  • Introduction
  • 00 - Prerequisities: How to setup PyCharm
  • 01 - Creating View, Scene, Grid Background
  • 02 - Adding Items to GraphicsView
  • 03 - Scene Navigation, Zooming
  • 04 - Architecture planning, Scene Implementation
  • 05 - How to implement Node
  • 06 - Implementing Node Content, Styles
  • 07 - How to implement Sockets
  • 08 - How to implement Edges
  • 09 - Positioning Edges and Debugging
  • 10 - Finishing Edges, Socket Variation
  • 11 - How to create Dragging Edge
  • 12 - Finishing Dragging Edge
  • 13 - How to implement Selecting Items
  • 14 - How to implement Deleting Items
  • 15 - Cutting Edges

Intermediate

  • 16 - Introduction to Serialization, Saving Scene
  • 17 - Deserialization - File load
  • 18 - Undo & Redo #1 Introduction
  • 19 - Undo & Redo #2 History Stack
  • 20 - Undo & Redo #3 History Stamps
  • 21 - How to implement Main Window with Menu
  • 22 - How to implement Clipboard Operations
  • 23 - How to implement Clipboard Serialization
  • 24 - Bugfixing Crashes, Missing Edge
  • 25 - File Has Changed Dialog
  • 26 - Socket with Multiple Edges
  • 27 - How to set up python package with tests and docs

Advanced

  • 28 - Calculator Example: Introduction
  • 29 - Calculator Example: Refactoring Window, Actions, Menus
  • 30 - Calculator Example: How to create MDI SubWindow
  • 31 - Calculator Example: Refactoring Styles Bonus: Dark Skin
  • 32 - Calculator Example: Refactoring Open, Save, Save As
  • 33 - Calculator Example: Finishing Refactoring Save and Save As
  • 34 - Calculator Example: Updating Edit Menu
  • 35 - Calculator Example: Item Selection Events
  • 36 - Calculator Example: Finishing Selection Events
  • 37 - Calculator Example: Wrapping up Refactoring

Calculator Example

  • 38 - Calculator Example: How to Implement draggable ListWidget with Icons
  • 39 - Calculator Example: How to Implement Drag & Drop in PyQt5
  • 40 - Calculator Example: Creating Calculator Node
  • 41 - Calculator Example: Nodes Registration with decorators and Auto-Generation
  • 42 - Calculator Example: Putting Sockets on center
  • 43 - Calculator Example: Serialization of different Node classes
  • 44 - Calculator Example: Styling Nodes using Qt Skin Generator
  • 45 - Calculator Example: How to create Context Menu in PyQt5
  • 46 - Calculator Example: How to create Node State Flags for evaluation
  • 47 - Calculator Example: How to implement Node evaluation #1
  • 48 - Calculator Example: How to implement Node evaluation #2
  • 49 - Calculator Example: How to implement Node evaluation #3

Conclusion

  • 50 - How to implement Hover effect in PyQt5
  • 51 - How to create node directly from edge
  • 52 - How to create documentation with Sphinx
  • 53 - Changes for reusability & Fixes #1
  • 54 - Changes for reusability & Fixes #2
  • 55 - Changes for reusability & Fixes #3
  • 56 - Fixing our Edges
  • Node Editor Architecture Overview
  • Conclusion

Bonus Chapters / Features Bonus

  • Node Editor Bonus Feature 01: Adding Rerouting Edges
  • Node Editor Bonus Feature 02: Adding Snapping to Sockets

贴心文档

教程YouTube观看: Node Editor Tutorials


今天的分享就到此结束,大家好好学习一下

由于教程集数太多了我就不搬运了

如果你需要我帮忙下载欢迎留言让我知道

也欢迎大家多多点赞和转发,感谢!

我们下期再见

0 人点赞