GTK+ 4 Status Update. Matthias Clasen

Transcription

1 GTK+ 4 Status Update Matthias Clasen

2 History really the Gimp toolkit GObject client-side windows client-side decorations CSS touch, gestures GL rendering broadway, wayland Pango ATK cairo

3 Present 3.22 the final, stable 3.x series 3.90 since mid-2016 integrate GSK, fully GL/Vulkan based rendering build with meson modernize GDK APIs fully switch to event controllers composite widgets ?

4 Drawing in GTK+ 3 Label: hello world

5 Drawing in GTK+ 3 Label: hello world Create a cairo surface

6 Drawing in GTK+ 3 Label: hello world Call draw() on each widget

7 Drawing in GTK+ 3 Label: hello world Call draw functions to render CSS background, border, shadow

8 Drawing in GTK+ 3 Label: hello world Call Pango to render text

9 Drawing in GTK+ 3 Label: hello world Send the completed frame to the display server

10 Drawing in GTK+ 4 Label: hello world

11 Drawing in GTK+ 4 Container Shadow Color Label: hello world Call snapshot() on each widget to create render nodes

12 Drawing in GTK+ 4 Container Shadow Color Container Clip Shadow Border Label: hello world Create render nodes for CSS background, border, shadow

13 Drawing in GTK+ 4 Container Shadow Color Container Clip Shadow Border Label: hello world Shadow Glyphs Call snapshot functions to create render nodes for text

14 Drawing in GTK+ 4 Container OpColor Shadow Color Container OpLinearGradient OpBorder OpTexture OpInsetShadow Clip Shadow Border OpText Shadow Glyphs GSK translates render nodes into backend operations

15 Drawing in GTK+ 4 Texture Container OpColor OpColor Shadow Color Container OpLinearGradient OpBorder OpLinearGradient OpTexture OpInsetShadow Clip Shadow Border OpText Shadow Glyphs Glyph atlas Upload textures and use Pango to render glyphs

16 Drawing in GTK+ 4 OpColor OpLinearGradient OpBorder OpTexture OpInsetShadow OpText OpColor OpLinearGradient Send the render operations to the GPU

17 Render nodes in the Inspector

18 Input in GTK+ 3 X, Y Paned An event arrives

19 Input in GTK+ 3 X, Y Paned Route it by matching the window

20 Input in GTK+ 3 X, Y Paned ::button-press-event Emit event signals

21 Input in GTK+ 3 X, Y ::button-press-event Paned and propagate up

22 Input in GTK+ 4 X, Y Paned An event arrives

23 Input in GTK+ 4 X, Y Paned Route it by matching coordinates, top-down (capture)

24 Input in GTK+ 4 X, Y Paned and back up (bubble)

25 Input in GTK+ 4 X, Y Paned controller1 controller2 Pass the event to event controllers at each step

26 Composite Widgets in GTK+ 3 Custom drawing not the CSS box model Custom event handling Code duplication A spinbutton is an entry

27 Composite Widgets in GTK+ 4 Any widget can have children Widgets are close to CSS boxes Composition instead of subclassing A switch is composed of two labels a slider A spinbutton has an entry two buttons

28 What s done Vulkan renderer GL renderer New GDK apis Event controllers Composite widgets

29 What s left to do Write cool examples Complete API cleanups Expose shaders for applications Transformations for widgets Complicated widgets: treeview, textview

30 How you can help Write cool examples Port an application Convert custom widgets to new APIs Find what doesn t work, or is too complicated

31 Porting? Widgets are now visible by default gtk_box_pack_start/end has less arguments No more event->button

32 Heroes of GTK+ 4 Benjamin Otte Emmanuele Bassi Timm Bäder Carlos Garnacho Daniel Boles Alexander Larsson Chun-wei Fan Руслан Ижбулатов Jonas Ådahl

33 References GTK+ 4 roadmap: GTK+ sources: GTK+ blog: GTK+ docs, migration guide:

34 Questions?

35 Thanks!