Skip to content

Commit

Permalink
Sizes for all LATEX images (2)
Browse files Browse the repository at this point in the history
  • Loading branch information
MatthiasWM committed Apr 14, 2024
1 parent 1fbb602 commit 38596e2
Show file tree
Hide file tree
Showing 9 changed files with 69 additions and 69 deletions.
2 changes: 1 addition & 1 deletion fluid/autodoc.cxx
Original file line number Diff line number Diff line change
Expand Up @@ -451,7 +451,7 @@ void run_autodoc(const Fl_String &target_dir) {

// ---- settings dialog
// show and explain all tabs
fl_snapshot((target_dir + "w_settings.png").c_str(), settings_window, win_margin, win_blend, 0.5);
fl_snapshot((target_dir + "w_settings.png").c_str(), settings_window, win_margin, win_blend);
fl_snapshot((target_dir + "w_settings_general_tab.png").c_str(), w_settings_general_tab, xtab_margin, row_blend);
w_settings_tabs->value(w_settings_project_tab);
fl_snapshot((target_dir + "w_settings_project_tab.png").c_str(), w_settings_project_tab, xtab_margin, row_blend);
Expand Down
20 changes: 10 additions & 10 deletions fluid/documentation/src/page_edit_window.dox
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
\tableofcontents

\image html edit_window.jpg "Layout Editor Window"
\image latex edit_window.jpg "Layout Editor Window" width=10cm
\image latex edit_window.jpg "Layout Editor Window" width=7cm

The Layout Editor window is used to interactively add groups and widgets, and
resize and align them. The editor window already looks very much like the
Expand All @@ -32,7 +32,7 @@
range of widgets, Ctrl-click will add widgets to the selection.

\image html edit_select_multiple.jpg
\image latex edit_select_multiple.jpg "" width=8cm
\image latex edit_select_multiple.jpg "" width=5cm

Menu items are selected by clicking on the menu button and selecting it from
the popup menu. Multiple menu items can only be selected in the widget browser
Expand Down Expand Up @@ -66,14 +66,14 @@
\section edit_layout Layout Helpers

\image html edit_overlap.jpg
\image latex edit_overlap.jpg "" width=8cm
\image latex edit_overlap.jpg "" width=5cm

In FLTK, the behavior of overlapping children of a group is undefined. If
enabled in the settings, FLUID will show overlapping widgets in a group
with a green hash pattern.

\image html edit_outside.jpg
\image latex edit_outside.jpg "" width=8cm
\image latex edit_outside.jpg "" width=5cm

The behavior of widgets that reach outside the bounds of their parent group
is also undefined. They may be visible, but confuse the user when they don't
Expand All @@ -94,7 +94,7 @@
*Edit* > *Hide Guides* menu.

\image html edit_snap_group.jpg
\image latex edit_snap_group.jpg "" width=8cm
\image latex edit_snap_group.jpg "" width=5cm

If a horizontal or vertical outline snaps to the group, the
border of that group will highlight. If the outline snaps to the margin
Expand All @@ -105,7 +105,7 @@
height of all tabs.

\image html edit_snap_sibling.jpg
\image latex edit_snap_sibling.jpg "" width=8cm
\image latex edit_snap_sibling.jpg "" width=5cm

The selection can also snap to the outline of other widgets in the same group,
or to the outline plus the Widget Gap. The outline that triggers the snap
Expand All @@ -115,15 +115,15 @@
movement. Multiple rules may apply, but are not highlighted.

\image html edit_snap_size.jpg
\image latex edit_snap_size.jpg "" width=10cm
\image latex edit_snap_size.jpg "" width=7cm

Widget size rules define a minimum size, and an increment value that may
be applied multiple times to the size. For example, with a minimum width of 25
and an increment of 10, the widget will snap horizontally to 25, 35, 45,
55, etc. .

\image html edit_snap_grid.jpg
\image latex edit_snap_grid.jpg "" width=8cm
\image latex edit_snap_grid.jpg "" width=5cm

The grid rule is the easiest to explain. All corners of a selection snap to
a fixed grid. If the selected widgets are children of a window, they will snap
Expand All @@ -133,7 +133,7 @@
\section edit_resize Live Resize

\image html edit_select_group.jpg
\image latex edit_select_group.jpg "" width=12cm
\image latex edit_select_group.jpg "" width=9cm

The Resizable system within FLTK is smart, but not always obvious. When
constructing a sophisticated GUI, it is helpful to organize widgets into
Expand All @@ -145,7 +145,7 @@
To test the resizing behavior of a group, begin by selecting it:

\image html edit_live_resize.jpg
\image latex edit_live_resize.jpg "" width=10cm
\image latex edit_live_resize.jpg "" width=7cm

Click on *Live Resize* in the widget panel. FLUID will generate a new window
with all the resizing attributes inherited from the original design. This
Expand Down
16 changes: 8 additions & 8 deletions fluid/documentation/src/page_functional_nodes.dox
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
created in the header, but no source code will be generated.

\image html function_panel.png "Function/Method Properties"
\image latex function_panel.png "Function/Method Properties" width=10cm
\image latex function_panel.png "Function/Method Properties" width=7cm

### Declaring a Function ###

Expand Down Expand Up @@ -185,7 +185,7 @@
Code nodes can be added inside Functions, Code Blocks, and Widget Classes.

\image html code_panel.png "Code Properties"
\image latex code_panel.png "Code Properties" width=12cm
\image latex code_panel.png "Code Properties" width=9cm

The Code Properties panel features a syntax-highlighting C++ code editor.
Some basic bracket and braces match checking is done when closing the dialog.
Expand All @@ -212,7 +212,7 @@
Code Blocks can contain widgets, code, or more code blocks.

\image html codeblock_panel.png "Code Block Properties"
\image latex codeblock_panel.png "Code Block Properties" width=10cm
\image latex codeblock_panel.png "Code Block Properties" width=7cm

The two field expect the code before and after the `{ ... }` statements. The
second field can be empty.
Expand All @@ -231,7 +231,7 @@
Declarations can be added at the top level or inside classes and widget classes.

\image html decl_panel.png "Declaration Properties"
\image latex decl_panel.png "Declaration Properties" width=10cm
\image latex decl_panel.png "Declaration Properties" width=7cm

Declaration nodes are quite flexible and can be a simple variable declaration
such as `int i;`. But include statements are also allowed, as are type
Expand Down Expand Up @@ -261,7 +261,7 @@
comments.

\image html declblock_panel.png "Declaration Block Properties"
\image latex declblock_panel.png "Declaration Block Properties" width=10cm
\image latex declblock_panel.png "Declaration Block Properties" width=7cm

Users can select if the block is generated in the source file only, or in the
header file as well. The two input fields are used to enter the line of code
Expand Down Expand Up @@ -294,7 +294,7 @@
other classes.

\image html class_panel.png "Class Properties"
\image latex class_panel.png "Class Properties" width=10cm
\image latex class_panel.png "Class Properties" width=7cm

The *Name:* and *Subclass of:* fields should be set to standard C++ class
names.
Expand Down Expand Up @@ -377,7 +377,7 @@
files even before the `// generated by FLUID ...` line.

\image html comment_panel.png "Comment Properties"
\image latex comment_panel.png "Comment Properties" width=12cm
\image latex comment_panel.png "Comment Properties" width=9cm

Comment blocks are generated by adding `// ` to the start of each line unless
the first line of a comment starts with `/``*`. In that case, FLUID assumes
Expand Down Expand Up @@ -406,7 +406,7 @@
and Declaration Blocks.

\image html data_panel.png "Data Properties"
\image latex data_panel.png "Data Properties" width=10cm
\image latex data_panel.png "Data Properties" width=7cm

At top level, or inside a Declaration Block, Data can be declared *in source
file only*, *static in source file*, or *in source and extern in header*.
Expand Down
8 changes: 4 additions & 4 deletions fluid/documentation/src/page_main_window.dox
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
\tableofcontents

\image html main_window.png "Main Application Window"
\image latex main_window.png "Main Application Window" width=8cm
\image latex main_window.png "Main Application Window" width=5cm

A FLUID project is a hierarchy of nodes. Each node holds information to
generate C++ source code which in turn generates the user interface that
Expand All @@ -23,7 +23,7 @@
\section main_titlebar Title Bar

\image html main_titlebar.jpg
\image latex main_titlebar.jpg "" width=8cm
\image latex main_titlebar.jpg "" width=5cm

The title bar shows the status of the project file, _function_panel.fl_ in this
case, followed by an asterisk if the project was changed after it was saved.
Expand All @@ -42,7 +42,7 @@
\section main_menubar Application Menu Bar

\image html main_menubar.png
\image latex main_menubar.png "" width=8cm
\image latex main_menubar.png "" width=5cm

The menu bar is the true control center of FLUID. All actions start here.

Expand Down Expand Up @@ -77,7 +77,7 @@
\section main_widget_browser Widget Tree View

\image html main_browser.png
\image latex main_browser.png "" width=8cm
\image latex main_browser.png "" width=5cm

Widgets are stored in a hierarchy. You can open and close a level by clicking
the "triangle" at the left of a widget. The leftmost widgets are the
Expand Down
16 changes: 8 additions & 8 deletions fluid/documentation/src/page_setting_dialog.dox
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
\tableofcontents

<img src="w_settings.png" align="left" hspace="10" vspace="10" />
\image latex w_settings.png "Setting Dialog" width=10cm
\image latex w_settings.png "Setting Dialog" width=7cm

The settings dialog combines application preferences
and project setting in a compact set of six tabs.
Expand Down Expand Up @@ -36,7 +36,7 @@
\section setting_general Application Settings

<img src="w_settings_general_tab.png" align="left" hspace="10" vspace="10" />
\image latex w_settings_general_tab.png "" width=10cm
\image latex w_settings_general_tab.png "" width=7cm

__Scheme__:

Expand Down Expand Up @@ -71,7 +71,7 @@
\section setting_project Project Settings

<img src="w_settings_project_tab.png" align="left" hspace="10" vspace="10" />
\image latex w_settings_project_tab.png "" width=10cm
\image latex w_settings_project_tab.png "" width=7cm

__Header File__, __Code File__:

Expand Down Expand Up @@ -112,7 +112,7 @@
\section setting_layout Layout Preferences

<img src="w_settings_layout_tab.png" align="left" hspace="10" vspace="10" />
\image latex w_settings_layout_tab.png "" width=10cm
\image latex w_settings_layout_tab.png "" width=7cm

Layouts are a collection of hints that help when interactively positioning and
resizing widgets in the project window. Layouts come in a set of three for
Expand Down Expand Up @@ -161,7 +161,7 @@
\section setting_shell Shell Commands

<img src="w_settings_shell_tab.png" align="left" hspace="10" vspace="10" />
\image latex w_settings_shell_tab.png "" width=10cm
\image latex w_settings_shell_tab.png "" width=7cm

__Shell Command List__:

Expand Down Expand Up @@ -227,7 +227,7 @@
to the I18N options.

\image html w_settings_i18n_gnu.png
\image latex w_settings_i18n_gnu.png "" width=10cm
\image latex w_settings_i18n_gnu.png "" width=7cm

FLUID supports three methods of I18N: none, GNU
gettext, and POSIX catgets. The "none" method is the
Expand Down Expand Up @@ -280,7 +280,7 @@ standard I18N file for GNU gettext.
\see [GNU gettext special cases](https://www.gnu.org/software/gettext/manual/html_node/Special-cases.html)

\image html w_settings_i18n_psx.png
\image latex w_settings_i18n_psx.png "" width=10cm
\image latex w_settings_i18n_psx.png "" width=7cm

The "POSIX catgets" method uses the POSIX catgets function to
retrieve a numbered message from a message catalog before
Expand Down Expand Up @@ -326,7 +326,7 @@ The default set is 1 and rarely needs to be changed.
\section setting_user User Interface Preferences

<img src="w_settings_user_tab.png" align="left" hspace="10" vspace="10" />
\image latex w_settings_user_tab.png "" width=10cm
\image latex w_settings_user_tab.png "" width=7cm

This tab lets users change the font and color of text in the widget browser.
The settings are stored in the user preferences.
Expand Down
6 changes: 3 additions & 3 deletions fluid/documentation/src/page_sourceview_panel.dox
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
# The Code View Panel #

\image html sourceview_panel.png "Code View Panel"
\image latex sourceview_panel.png "Code View Panel" width=12cm
\image latex sourceview_panel.png "Code View Panel" width=9cm

The Code View panel shows all code files that can be generated by FLUID.

Expand All @@ -33,7 +33,7 @@
\section codeview_find Code View Find

\image html cv_find_row.png
\image latex cv_find_row.png "" width=12cm
\image latex cv_find_row.png "" width=9cm

This group of buttons makes it easy to find any text in the Source, Header, or
Project file. Press *Reveal* to select the widget that generated the indicated
Expand All @@ -52,7 +52,7 @@
\section codeview_settings Code View Settings

\image html cv_settings_row.png
\image latex cv_settings_row.png "" width=12cm
\image latex cv_settings_row.png "" width=9cm

__Refresh__: preview the code in the selected tab as it would be generated
for the project in its current state
Expand Down
14 changes: 7 additions & 7 deletions fluid/documentation/src/page_tutorial.dox
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@
is left empty, FLUID will generate a `main(argc, argv)` function for us.

\image html fluid4.png "the Function/Method Properties dialog"
\image latex fluid4.png "the Function/Method Properties dialog" width=10cm
\image latex fluid4.png "the Function/Method Properties dialog" width=7cm

Click OK to apply the changes you made in the Function Properties dialog.
You can get this dialog back at any time by selecting the function in the
Expand Down Expand Up @@ -98,7 +98,7 @@
close button in the window border is clicked.

\image html 1of7GUIs.png "Task 1 of 7GUIs"
\image latex 1of7GUIs.png "Task 1 of 7GUIs" width=8cm
\image latex 1of7GUIs.png "Task 1 of 7GUIs" width=5cm

The second tutorial will introduce callbacks by implementing task 1, "Counter",
of 7GUIs. 7GUIs has been created as a spin-off of my master’s thesis
Expand Down Expand Up @@ -153,7 +153,7 @@ This tutorial will show you how to generate a complete user interface
class with FLUID that is used for the CubeView program provided with FLTK.

\image html cubeview.png "CubeView demo"
\image latex cubeview.png "CubeView demo" width=10cm
\image latex cubeview.png "CubeView demo" width=7cm

The window is of class CubeViewUI, and is completely generated by FLUID,
including class member functions. The central display of the cube is a
Expand Down Expand Up @@ -414,7 +414,7 @@ We do not need any inheritance for this window. You should see the
new class declaration in the FLUID browser window.

\image html fluid1.png "FLUID file for CubeView"
\image latex fluid1.png "FLUID file for CubeView" width=10cm
\image latex fluid1.png "FLUID file for CubeView" width=7cm

\par Adding the Class Constructor

Expand Down Expand Up @@ -442,7 +442,7 @@ CubeViewUI.
When you are finished you should have something like this:

\image html fluid2.png "FLUID window containing CubeView demo"
\image latex fluid2.png "FLUID window containing CubeView demo" width=10cm
\image latex fluid2.png "FLUID window containing CubeView demo" width=7cm

We will talk about the \p show() method that is highlighted
shortly.
Expand Down Expand Up @@ -470,7 +470,7 @@ CubeView as a member of CubeViewUI, so any public CubeView methods are
now available to CubeViewUI.

\image html fluid3-cxx.png "CubeView methods"
\image latex fluid3-cxx.png "CubeView methods" width=10cm
\image latex fluid3-cxx.png "CubeView methods" width=7cm

\par Defining the Callbacks

Expand Down Expand Up @@ -507,7 +507,7 @@ not be adding any widgets to this method FLUID will assign it a return
type of \p void.

\image html fluid4.png "CubeView constructor"
\image latex fluid4.png "CubeView constructor" width=10cm
\image latex fluid4.png "CubeView constructor" width=7cm

Once the new method has been added, highlight its name and select
<b>New->Code->Code.</b> Enter the method's code in the code window.
Expand Down
Loading

0 comments on commit 38596e2

Please sign in to comment.