AuroraMiddleware/gtk
1
0
Fork 1
mirror of https://gitlab.gnome.org/GNOME/gtk.git synced 2024-12-26 13:41:07 +00:00
Code Issues Projects Releases Wiki Activity
5a3ed65ad8
gtk/demos/node-editor/node-editor-window.ui

271 lines
11 KiB
Plaintext
Raw Normal View History

Add gtk4-node-editor It's meant to be a little editor for render nodes so we can do testing with it.
2019-03-12 14:05:25 +00:00
<?xml version="1.0" encoding="UTF-8"?>
<interface>
node-editor: Add a gear menu Add a gear menu with Inspector and About menu items.
2020-06-29 03:43:13 +00:00
<menu id="gear_menu">
<section>
node-editor: Add a help window Add a Help item to the gear menu that opens the node-format.md file in a new window. This could be improved if we could parse markdown and apply tags, similar to how we can load pango markup.
2020-06-29 03:47:26 +00:00
<item>
<attribute name="label" translatable="yes">_Help</attribute>
<attribute name="action">app.help</attribute>
</item>
node-editor: Add a gear menu Add a gear menu with Inspector and About menu items.
2020-06-29 03:43:13 +00:00
<item>
<attribute name="label" translatable="yes">_Inspector</attribute>
<attribute name="action">app.inspector</attribute>
</item>
<item>
<attribute name="label" translatable="yes">_About Node Editor</attribute>
<attribute name="action">app.about</attribute>
</item>
</section>
</menu>
node-editor: Add some editor smarts Allow control-clicks on some fields to bring up a more specific UI. This functionality is also available via Ctrl-E and the context menu. At this point, it can edit colors, fonts and files in some places, as well as a few enums.
2023-05-07 02:31:58 +00:00
<menu id="extra_menu">
<section>
<item>
<attribute name="label" translatable="yes">Assisted _Edit</attribute>
<attribute name="action">smart-edit</attribute>
</item>
</section>
</menu>
node-editor: Add a gear menu Add a gear menu with Inspector and About menu items.
2020-06-29 03:43:13 +00:00
node editor: Add a quick way to save a testcase
2019-05-29 18:30:21 +00:00
<object class="GtkPopover" id="testcase_popover">
<child>
<object class="GtkGrid">
<property name="column-spacing">12</property>
<property name="row-spacing">12</property>
<child>
<object class="GtkLabel">
<property name="label">Testcase Name:</property>
</object>
</child>
<child>
<object class="GtkEntry" id="testcase_name_entry">
<property name="hexpand">1</property>
<property name="activates-default">1</property>
<signal name="notify::text" handler="testcase_name_entry_changed_cb" />
</object>
</child>
<child>
<object class="GtkCheckButton" id="testcase_cairo_checkbutton">
<property name="label">Render using Cairo renderer</property>
<layout>
grid layout: Rename some properties Rename GtkGridLayoutChild:left-attach/top-attach to GtkGridLayoutChild:column/row. Update all users. Fixes: #2967
2020-08-02 18:13:14 +00:00
<property name="row">1</property>
<property name="column">0</property>
node editor: Add a quick way to save a testcase
2019-05-29 18:30:21 +00:00
<property name="column-span">2</property>
</layout>
</object>
</child>
<child>
<object class="GtkLabel">
<property name="wrap">1</property>
<property name="label">&lt;i&gt;There will be a .node and a .png file placed in the testsuite/gsk/compare directory. &lt;b&gt;You need to add it to the meson.build yourself.&lt;/b&gt;&lt;/i&gt;</property>
<property name="use-markup">1</property>
<property name="max-width-chars">50</property>
<layout>
grid layout: Rename some properties Rename GtkGridLayoutChild:left-attach/top-attach to GtkGridLayoutChild:column/row. Update all users. Fixes: #2967
2020-08-02 18:13:14 +00:00
<property name="row">2</property>
<property name="column">0</property>
node editor: Add a quick way to save a testcase
2019-05-29 18:30:21 +00:00
<property name="column-span">2</property>
</layout>
</object>
</child>
<child>
<object class="GtkLabel" id="testcase_error_label">
<property name="wrap">1</property>
<property name="xalign">0</property>
<layout>
grid layout: Rename some properties Rename GtkGridLayoutChild:left-attach/top-attach to GtkGridLayoutChild:column/row. Update all users. Fixes: #2967
2020-08-02 18:13:14 +00:00
<property name="row">3</property>
<property name="column">0</property>
node editor: Add a quick way to save a testcase
2019-05-29 18:30:21 +00:00
<property name="column-span">2</property>
</layout>
</object>
</child>
<child>
<object class="GtkButton" id="testcase_save_button">
<property name="label">Save</property>
<property name="hexpand">1</property>
<property name="halign">end</property>
<property name="receives-default">1</property>
<property name="sensitive">0</property>
<signal name="clicked" handler="testcase_save_clicked_cb" />
<style>
<class name="suggested-action" />
</style>
<layout>
grid layout: Rename some properties Rename GtkGridLayoutChild:left-attach/top-attach to GtkGridLayoutChild:column/row. Update all users. Fixes: #2967
2020-08-02 18:13:14 +00:00
<property name="row">4</property>
<property name="column">0</property>
node editor: Add a quick way to save a testcase
2019-05-29 18:30:21 +00:00
<property name="column-span">2</property>
</layout>
</object>
</child>
</object>
</child>
</object>
Add gtk4-node-editor It's meant to be a little editor for render nodes so we can do testing with it.
2019-03-12 14:05:25 +00:00
<template class="NodeEditorWindow" parent="GtkApplicationWindow">
<property name="title" translatable="yes">GTK Node Editor</property>
<property name="default-width">1024</property>
<property name="default-height">768</property>
nodeeditor: Don't set has-focus That is now a readonly property. Set focus-widget on the toplevel instead.
2020-04-17 19:43:18 +00:00
<property name="focus-widget">text_view</property>
Add gtk4-node-editor It's meant to be a little editor for render nodes so we can do testing with it.
2019-03-12 14:05:25 +00:00
<child type="titlebar">
<object class="GtkHeaderBar" id="header">
<child type="start">
<object class="GtkButton">
node-editor: Make header buttons not steal focus This is rarely useful, and is confusing when it happens as side-effect of dragging the window.
2021-04-11 19:31:31 +00:00
<property name="focus-on-click">0</property>
Add gtk4-node-editor It's meant to be a little editor for render nodes so we can do testing with it.
2019-03-12 14:05:25 +00:00
<property name="icon-name">document-open-symbolic</property>
<property name="tooltip-text">Open node file</property>
<signal name="clicked" handler="open_cb"/>
</object>
</child>
<child type="start">
<object class="GtkButton">
node-editor: Make header buttons not steal focus This is rarely useful, and is confusing when it happens as side-effect of dragging the window.
2021-04-11 19:31:31 +00:00
<property name="focus-on-click">0</property>
Add gtk4-node-editor It's meant to be a little editor for render nodes so we can do testing with it.
2019-03-12 14:05:25 +00:00
<property name="icon-name">document-save-symbolic</property>
<property name="tooltip-text">Save to node file</property>
<signal name="clicked" handler="save_cb"/>
</object>
</child>
<child type="start">
<object class="GtkButton">
node-editor: Make header buttons not steal focus This is rarely useful, and is confusing when it happens as side-effect of dragging the window.
2021-04-11 19:31:31 +00:00
<property name="focus-on-click">0</property>
Add gtk4-node-editor It's meant to be a little editor for render nodes so we can do testing with it.
2019-03-12 14:05:25 +00:00
<property name="icon-name">insert-image-symbolic</property>
<property name="tooltip-text">Export to image</property>
<signal name="clicked" handler="export_image_cb"/>
</object>
</child>
node editor: Add a quick way to save a testcase
2019-05-29 18:30:21 +00:00
<child type="start">
node-editor: Support pasting the image Add a button that copies the image to the clipboard.
2021-04-03 01:24:59 +00:00
<object class="GtkButton">
node-editor: Make header buttons not steal focus This is rarely useful, and is confusing when it happens as side-effect of dragging the window.
2021-04-11 19:31:31 +00:00
<property name="focus-on-click">0</property>
node-editor: Support pasting the image Add a button that copies the image to the clipboard.
2021-04-03 01:24:59 +00:00
<property name="icon-name">edit-copy-symbolic</property>
<property name="tooltip-text">Copy image to clipboard</property>
<signal name="clicked" handler="clip_image_cb"/>
node editor: Add a quick way to save a testcase
2019-05-29 18:30:21 +00:00
</object>
</child>
<child type="start">
<object class="GtkMenuButton">
node-editor: Make header buttons not steal focus This is rarely useful, and is confusing when it happens as side-effect of dragging the window.
2021-04-11 19:31:31 +00:00
<property name="focus-on-click">0</property>
node editor: Add a quick way to save a testcase
2019-05-29 18:30:21 +00:00
<property name="label">Save Testcase</property>
<property name="popover">testcase_popover</property>
</object>
</child>
node-editor: Add a gear menu Add a gear menu with Inspector and About menu items.
2020-06-29 03:43:13 +00:00
<child type="end">
<object class="GtkMenuButton" id="gear_menu_button">
node-editor: Make header buttons not steal focus This is rarely useful, and is confusing when it happens as side-effect of dragging the window.
2021-04-11 19:31:31 +00:00
<property name="focus-on-click">0</property>
node-editor: Add a gear menu Add a gear menu with Inspector and About menu items.
2020-06-29 03:43:13 +00:00
<property name="valign">center</property>
<property name="menu-model">gear_menu</property>
<property name="icon-name">open-menu-symbolic</property>
</object>
</child>
node editor: Add a dark mode toggle This is useful to see light rendering clearly.
2021-01-31 00:28:02 +00:00
<child type="end">
<object class="GtkToggleButton" id="dark_bg_button">
node-editor: Make header buttons not steal focus This is rarely useful, and is confusing when it happens as side-effect of dragging the window.
2021-04-11 19:31:31 +00:00
<property name="focus-on-click">0</property>
node editor: Add a dark mode toggle This is useful to see light rendering clearly.
2021-01-31 00:28:02 +00:00
<property name="valign">center</property>
<property name="has-frame">0</property>
<property name="icon-name">display-brightness-symbolic</property>
<property name="tooltip-text" translatable="yes">Use a dark background</property>
<signal name="notify::active" handler="dark_mode_cb" swapped="0"/>
</object>
</child>
node-editor: Add a zoom button This is a bit more convenient than manually adding a transform node in the text editor.
2022-06-07 17:39:22 +00:00
<child type="end">
<object class="GtkScaleButton" id="scale_scale">
<property name="focus-on-click">0</property>
<property name="valign">center</property>
<property name="adjustment">
<object class="GtkAdjustment">
node-editor: Improve the scaling We only want to scale the main rendering, not whats shown in the sidebar. Also, make the scale logarithmic.
2023-04-04 02:32:31 +00:00
<property name="lower">-4</property>
<property name="value">0</property>
<property name="upper">4</property>
node-editor: Add a zoom button This is a bit more convenient than manually adding a transform node in the text editor.
2022-06-07 17:39:22 +00:00
<property name="step-increment">0.1</property>
<property name="page-increment">0.5</property>
</object>
</property>
<property name="icons">zoom-in-symbolic</property>
<property name="tooltip-text" translatable="yes">Scale the image</property>
</object>
</child>
Add gtk4-node-editor It's meant to be a little editor for render nodes so we can do testing with it.
2019-03-12 14:05:25 +00:00
</object>
</child>
<child>
<object class="GtkPaned">
node-editor: Don't make paned shrinkable When the handle is dragged all the way to the left, it is impossible to get it back. Which is not fun.
2021-11-18 22:24:38 +00:00
<property name="shrink-start-child">false</property>
paned: Redo the api This commit is porting GtkPaned to be derived from GtkWidget instead of GtkContainer, while adding start-child and end-child properties. The existing properties are renamed to follow the start/end naming scheme, and we add proper getters and setters. Update all users. See #2719
2020-05-07 12:30:39 +00:00
<property name="shrink-end-child">false</property>
Add gtk4-node-editor It's meant to be a little editor for render nodes so we can do testing with it.
2019-03-12 14:05:25 +00:00
<property name="position">400</property>
node-editor: Don't make paned shrinkable When the handle is dragged all the way to the left, it is impossible to get it back. Which is not fun.
2021-11-18 22:24:38 +00:00
<property name="start-child">
Add gtk4-node-editor It's meant to be a little editor for render nodes so we can do testing with it.
2019-03-12 14:05:25 +00:00
<object class="GtkScrolledWindow">
<property name="hscrollbar-policy">never</property>
Drop the expand property The hexpand and vexpand properties are sufficient.
2020-02-25 23:25:52 +00:00
<property name="hexpand">1</property>
<property name="vexpand">1</property>
Add gtk4-node-editor It's meant to be a little editor for render nodes so we can do testing with it.
2019-03-12 14:05:25 +00:00
<child>
<object class="GtkTextView" id="text_view">
<property name="wrap-mode">word</property>
<property name="monospace">1</property>
<property name="top-margin">6</property>
<property name="left-margin">6</property>
<property name="right-margin">6</property>
<property name="bottom-margin">6</property>
<property name="has-tooltip">1</property>
node-editor: Add some editor smarts Allow control-clicks on some fields to bring up a more specific UI. This functionality is also available via Ctrl-E and the context menu. At this point, it can edit colors, fonts and files in some places, as well as a few enums.
2023-05-07 02:31:58 +00:00
<property name="extra-menu">extra_menu</property>
Add gtk4-node-editor It's meant to be a little editor for render nodes so we can do testing with it.
2019-03-12 14:05:25 +00:00
<signal name="query-tooltip" handler="text_view_query_tooltip_cb"/>
node editor: Do some simple syntax highlighting
2019-05-07 15:19:58 +00:00
<style>
<class name="editor" />
</style>
node-editor: Add some editor smarts Allow control-clicks on some fields to bring up a more specific UI. This functionality is also available via Ctrl-E and the context menu. At this point, it can edit colors, fonts and files in some places, as well as a few enums.
2023-05-07 02:31:58 +00:00
<child>
<object class="GtkGestureClick">
<property name="button">1</property>
<signal name="pressed" handler="click_gesture_pressed"/>
</object>
</child>
Add gtk4-node-editor It's meant to be a little editor for render nodes so we can do testing with it.
2019-03-12 14:05:25 +00:00
</object>
</child>
</object>
node-editor: Don't make paned shrinkable When the handle is dragged all the way to the left, it is impossible to get it back. Which is not fun.
2021-11-18 22:24:38 +00:00
</property>
<property name="end-child">
node-editor: Add renderings with alternative renderers That's pretty rough around the edges, but it mostly works. Apart from sizing, screw listbox sizing.
2019-03-09 13:55:17 +00:00
<object class="GtkBox">
<child>
<object class="GtkScrolledWindow">
Drop the expand property The hexpand and vexpand properties are sufficient.
2020-02-25 23:25:52 +00:00
<property name="hexpand">1</property>
<property name="vexpand">1</property>
node-editor: Add renderings with alternative renderers That's pretty rough around the edges, but it mostly works. Apart from sizing, screw listbox sizing.
2019-03-09 13:55:17 +00:00
<property name="min-content-height">100</property>
<property name="min-content-width">100</property>
<child>
<object class="GtkViewport">
<child>
<object class="GtkPicture" id="picture">
<property name="can-shrink">0</property>
<property name="halign">center</property>
<property name="valign">center</property>
node-editor: Allow dragging and dropping the center picture Dragging will just drag the render node. Dropping will replace the current contents of the textview with the dropped node. Neat side effect: You can drag the node onto itself to do a deserialize/serialize of the current text.
2021-08-20 03:52:54 +00:00
<child>
<object class="GtkDragSource">
<property name="actions">copy</property>
<signal name="prepare" handler="on_picture_drag_prepare_cb" swapped="no"/>
</object>
</child>
</object>
</child>
<child>
<object class="GtkDropTargetAsync">
<property name="actions">copy</property>
<property name="formats">application/x-gtk-render-node</property>
<signal name="drop" handler="on_picture_drop_cb" swapped="no"/>
node-editor: Add renderings with alternative renderers That's pretty rough around the edges, but it mostly works. Apart from sizing, screw listbox sizing.
2019-03-09 13:55:17 +00:00
</object>
</child>
</object>
</child>
</object>
</child>
Add gtk4-node-editor It's meant to be a little editor for render nodes so we can do testing with it.
2019-03-12 14:05:25 +00:00
<child>
node-editor: Add renderings with alternative renderers That's pretty rough around the edges, but it mostly works. Apart from sizing, screw listbox sizing.
2019-03-09 13:55:17 +00:00
<object class="GtkScrolledWindow">
<property name="hscrollbar-policy">never</property>
Add gtk4-node-editor It's meant to be a little editor for render nodes so we can do testing with it.
2019-03-12 14:05:25 +00:00
<child>
node-editor: Add renderings with alternative renderers That's pretty rough around the edges, but it mostly works. Apart from sizing, screw listbox sizing.
2019-03-09 13:55:17 +00:00
<object class="GtkListBox" id="renderer_listbox">
<property name="selection-mode">none</property>
Add gtk4-node-editor It's meant to be a little editor for render nodes so we can do testing with it.
2019-03-12 14:05:25 +00:00
</object>
</child>
</object>
</child>
</object>
node-editor: Don't make paned shrinkable When the handle is dragged all the way to the left, it is impossible to get it back. Which is not fun.
2021-11-18 22:24:38 +00:00
</property>
Add gtk4-node-editor It's meant to be a little editor for render nodes so we can do testing with it.
2019-03-12 14:05:25 +00:00
</object>
</child>
</template>
</interface>
Reference in New Issue Copy Permalink