Warning, /graphics/kxstitch/doc/dialogs.docbook is written in an unsupported language. File is not indexed.

0001 <chapter id="Dialogs">
0002     <title>Dialogs</title>
0003 
0004     <sect1 id="PaletteManagerDialog" >
0005         <title>The Palette Manager Dialog</title>
0006         <para>
0007             <screenshot><mediaobject><imageobject><imagedata fileref="palette-manager-dialog.png" format="PNG" /></imageobject></mediaobject></screenshot>
0008         </para>
0009         <para>
0010             The palette manager allows you to add, remove or swap flosses from your current palette and the selected scheme.
0011             You can remove all non used flosses from your current palette and you are able to add new flosses to the scheme.
0012             Additionally you can bring up <link linkend="CalibrateDialog">the floss calibration dialog</link> from here.
0013         </para>
0014         <para>
0015             You can allocate the number of strands of cotton used for each floss, for both stitching and backstitching.
0016             This information will be used in calculating the amount of floss required in the final design.
0017         </para>
0018         <para>
0019             The dialog includes a <guilabel>Pick Color</guilabel> button which allows selection of a color from anywhere on screen. This could be from a
0020             background image for example to allow easy selection of matching colors. The cursor will change to a cross with a color swatch indicating the
0021             color of the pixel under the cross. After clicking on a pixel, a floss that closely matches the selected color will be selected in the flosses list.
0022         </para>
0023         <para>
0024             <screenshot><mediaobject><imageobject><imagedata fileref="pick-color-cursor.png" format="PNG" /></imageobject></mediaobject></screenshot>
0025         </para>
0026         <sect2 id="SymbolSelectorDialog" >
0027             <title>Symbol Selector</title>
0028             <para>
0029                 <screenshot><mediaobject><imageobject><imagedata fileref="symbol-selector-dialog.png" format="PNG" /></imageobject></mediaobject></screenshot>
0030             </para>
0031             <para>
0032                 For each of the flosses you can allocate a symbol.  The symbol selector dialog shows all the available
0033                 symbols.  Used symbols are shown grayed out and a tooltip will show <quote>Used</quote> when the symbol is hovered over.
0034                 For the palette, the symbol library used can also be changed by selecting one from the drop down list. All the flosses
0035                 will then be allocated a symbol from the new library.
0036             </para>
0037         </sect2>
0038     </sect1>
0039 
0040     <sect1 id="NewColorDialog" >
0041         <title>The New Color Dialog</title>
0042         <para>
0043             <screenshot><mediaobject><imageobject><imagedata fileref="new-color-dialog.png" format="PNG" /></imageobject></mediaobject></screenshot>
0044         </para>
0045         <para>
0046             The dialog shows the name of the scheme that the new color will be added to. The color requires a name
0047             and a description, which can be anything you want, although color name will usually be defined by the
0048             floss manufacturer.
0049         </para>
0050         <para>
0051           Clicking on the <guilabel>Color</guilabel> button will show a standard <ulink url="help:/fundamentals/colors.html">&kde; color selection dialog</ulink>. The initial color can be
0052             selected and then the parameters can be adjusted to give the correct color.
0053         </para>
0054         <para>
0055             Once added this new color will be available to be included in your patterns palette via the <guilabel>Palette Manager</guilabel>
0056             dialog. It may also be adjusted by using the <link linkend="CalibrateDialog">Floss Calibration dialog</link>.
0057         </para>
0058     </sect1>
0059 
0060     <sect1 id="CalibrateDialog" >
0061         <title>The Floss Calibration Dialog</title>
0062         <para>
0063             <screenshot><mediaobject><imageobject><imagedata fileref="calibrate-color-dialog.png" format="PNG" /></imageobject></mediaobject></screenshot>
0064         </para>
0065         <para>
0066             This dialog has two parts.
0067         </para>
0068         <para>
0069             On the left, a pick list of the schemes that are currently available along with a list of colors that
0070             are in that scheme.  The color description will be appended with <guilabel>(Calibrated)</guilabel> if the color has been
0071             modified by the current invocation of this dialog.
0072         </para>
0073         <para>
0074             On the right, is the name and description of the currently selected color, this will be appended with
0075             <guilabel>(Modified)</guilabel> if the color has been modified, a preview of the color, and the current RGB values for the color.
0076         </para>
0077         <para>
0078             Also shown is a <guibutton>Reset Color</guibutton> button. This will reset the currently selected color to the value it had
0079             when the dialog was first invoked.
0080         </para>
0081         <para>
0082             Pressing the <guibutton>OK</guibutton> button will commit all of the changed colors.
0083         </para>
0084         <para>
0085             Pressing the <guibutton>Cancel</guibutton> button will restore all the changed colors back to their original values.
0086         </para>
0087     </sect1>
0088 
0089     <sect1 id="ConfigurationDialog" >
0090         <title>The Configuration Dialog</title>
0091         <para>
0092             <screenshot><mediaobject><imageobject><imagedata fileref="configuration-dialog.png" format="PNG" /></imageobject></mediaobject></screenshot>
0093         </para>
0094         <para>
0095             This dialog lets you configure a number of elements of KXStitch.
0096         </para>
0097         <para>
0098             Most of the options are self explanatory.  The check boxes enable or disable various functions or
0099             elements. The pick lists allow selection of the required format of those elements.
0100         </para>
0101         <para>
0102             You can return to the default set of parameters using the <guibutton>Defaults</guibutton> button.
0103         </para>
0104     </sect1>
0105 
0106     <sect1 id="ImportImageDialog" >
0107         <title>The Import Image Dialog</title>
0108         <para>
0109             <screenshot><mediaobject><imageobject><imagedata fileref="import-image-dialog.png" format="PNG" /></imageobject></mediaobject></screenshot>
0110         </para>
0111         <para>
0112             On the left of the dialog there is a preview of the imported image, based on the parameters on the right.
0113         </para>
0114         <para>
0115             The floss scheme for the finished pattern can be selected, by default this is the same as the <guilabel>New
0116             Pattern Properties</guilabel> dialog defaults. The maximum colors to be used for the pattern can be enabled and changed as
0117             required, by default the imported pattern will have as many colors as are defined in the original image
0118             that are converted to floss colors. Checking the <guilabel>Ignore Color</guilabel> box allows you to click the dropper tool to
0119             select a color in the image that will be ignored on import. This is useful to remove backgrounds that you
0120             don't need converting to stitches. The ignored color will be displayed as a checker board pattern in the preview.
0121         </para>
0122         <para>
0123             The cloth count value defaults to the <guilabel>New Pattern Properties</guilabel> dialog and the scale is set such that
0124             the final size is as close to the <guilabel>New Pattern Properties</guilabel> pattern size as possible. These values can be
0125             changed as required.
0126         </para>
0127         <para>
0128             The <guilabel>Crop image</guilabel> checkbox enables cropping of the preview image. Click and drag across the preview image to
0129             select the area required. Guide lines are shown before selecting the starting point to allow more accurate placement. Once an
0130             area is selected the preview will be rerendered to show the cropped area. Further cropping can be done if required. Clicking on
0131             the reset button, or turning off cropping will revert the preview to the original image.
0132         </para>
0133         <para>
0134             The <guilabel>Use fractionals</guilabel> checkbox will enable the use of fractional stitches in the imported pattern.  This
0135             effectively doubles the import resolution without affecting the overall size of the pattern.
0136         </para>
0137         <para>
0138             Clicking <guibutton>OK</guibutton> will convert the image into a pattern.
0139         </para>
0140     </sect1>
0141 
0142     <sect1 id="FilePropertiesDialog" >
0143         <title>The File Properties Dialog</title>
0144         <para>
0145             <screenshot><mediaobject><imageobject><imagedata fileref="file-properties-dialog.png" format="PNG" /></imageobject></mediaobject></screenshot>
0146         </para>
0147         <para>
0148             The pattern size can be defined in units of stitches, centimeters or inches.
0149             The width and height values will updated automatically to the equivalent size in the new unit type if
0150             the units type is changed.
0151         </para>
0152         <para>
0153             The cloth count is defined in units per centimeter or inches and is dependent on the units of size.
0154             &ie; if CM is selected for the units then cloth count will be in units per centimeter, similarly for inches.
0155             If the <guilabel>Units</guilabel> is changed to <guimenuitem>Stitches</guimenuitem> then the cloth count units will remain as the last CM or inches value.
0156         </para>
0157         <para>
0158             The Title, Author, Copyright and Fabric fields are free text, so you can enter anything you like
0159             here. The fabric color can be set by pressing the color button and selecting the required color. This will
0160             then be shown in the editor and preview windows.
0161         </para>
0162         <para>
0163             The floss scheme has a pick list for all the available floss schemes, including any that you have
0164             defined yourself.
0165         </para>
0166         <para>
0167             The <guilabel>Instructions</guilabel> tab can be used to enter any specific instructions for sewing the pattern.
0168         </para>
0169     </sect1>
0170 
0171     <sect1 id="PatternLibraryDialog" >
0172         <title>The Pattern Library Dialog</title>
0173         <para>
0174             <screenshot><mediaobject><imageobject><imagedata fileref="library-manager-dialog.png" format="PNG" /></imageobject></mediaobject></screenshot>
0175         </para>
0176         <para>
0177             The Pattern Library Manager has a hierarchical tree view (more of a forest really) of categories
0178             on the left with an icon view of the selected category of patterns on the right.  This dialog is non modal
0179             and can be left open whilst working on the pattern.
0180         </para>
0181         <para>
0182             The simplest way to use the library patterns is to drag and drop them onto the pattern space.  Alternatively
0183             using the &RMB; on a library pattern will show a context menu with an option to copy it, this can then be pasted
0184             into the pattern as many times as required.
0185         </para>
0186         <para>
0187             Additional items on the context menu are:
0188             <itemizedlist>
0189                 <listitem><para>Delete: Delete a library item, for which a confirmation dialog is shown.</para></listitem>
0190                 <listitem><para>Properties: Show the properties dialog for the item.</para></listitem>
0191             </itemizedlist>
0192         </para>
0193         <para>
0194             <screenshot><mediaobject><imageobject><imagedata fileref="library-pattern-properties-dialog.png" format="PNG" /></imageobject></mediaobject></screenshot>
0195         </para>
0196         <para>
0197             The properties dialog for each item displays its size and the floss scheme used, the baseline value and the associated
0198             keyboard character.  The baseline is used to position the character pattern vertically relative to the cursor position
0199             when using the Alphabet tool.  Positive values move it down, negative values move it up.  The associated character is
0200             only required for use with the Alphabet tool.  After clicking in the associated character text box, the next key press, including
0201             modifiers (&Shift;, &Ctrl;, &etc;) is used as the key.
0202         </para>
0203         <para>
0204             Create new libraries by clicking the &RMB; on either an existing category, to create a sub category, or on a blank area of the library
0205             list, for a new top level category, and select the <guimenuitem>New Category</guimenuitem> option, enter the name and click <guibutton>OK</guibutton>.
0206         </para>
0207         <para>
0208             Creating a new library pattern by selecting an area in the pattern editor, select copy, then use the &RMB; on an existing category
0209             and select paste.  If necessary you can use the properties option to add an associated key if you want to use it as a character library.
0210         </para>
0211         <para>
0212             Library patterns can be dragged and dropped to other libraries in the list to allow you to rearrange them to your needs.  Note that there
0213             is no checks to ensure that the key codes assigned to library patterns is unique and you should modify any that duplicate an existing one.
0214         </para>
0215     </sect1>
0216 
0217     <sect1 id="TextDialog" >
0218         <title>The Text Dialog</title>
0219         <para>
0220             <screenshot><mediaobject><imageobject><imagedata fileref="text-tool-dialog.png" format="PNG" /></imageobject></mediaobject></screenshot>
0221         </para>
0222         <para>
0223             The text dialog allows you to select a font and size, then enter the text.  Clicking <guibutton>OK</guibutton> closes the
0224             dialog and returns you to the &kxstitch; window. Positioning the text is the same as pasting any other
0225             element. Press the &LMB; on the canvas roughly where you want the text, this will show a preview of
0226             the text, position the text exactly where you want it, then release the &LMB;.
0227         </para>
0228         <screenshot><mediaobject><imageobject><imagedata fileref="text-tool-pattern.png" format="PNG" /></imageobject></mediaobject></screenshot>
0229     </sect1>
0230 
0231     <sect1 id="ExtendDialog">
0232         <title>Extend Pattern Dialog</title>
0233         <para>
0234             This is used to extend the pattern in various directions by a number of cells.  Enter the number of cells in the spin boxes and
0235             press <guibutton>OK</guibutton> to extend the pattern.
0236         </para>
0237         <screenshot><mediaobject><imageobject><imagedata fileref="extend-pattern-dialog.png" format="PNG" /></imageobject></mediaobject></screenshot>
0238     </sect1>
0239 
0240     <sect1 id="PrinterDialog" >
0241         <title>The Printer Dialog</title>
0242         <para>
0243             The dialog has a page list on the left showing a thumbnail for each of the pages.  The right panel
0244             contains the layout editor where the elements can be placed. Each element is customizable using the
0245             context menu and can be positioned and sized to suit your requirements.
0246         </para>
0247 
0248         <screenshot><mediaobject><imageobject><imagedata fileref="print-setup-dialog.png" format="PNG" /></imageobject></mediaobject></screenshot>
0249         <para><inlinemediaobject><imageobject><imagedata fileref="printer-template.png" format="PNG" /></imageobject></inlinemediaobject>Select a printer configuration template.  Currently a similar one to KDE3 is included.</para>
0250         <para><inlinemediaobject><imageobject><imagedata fileref="add-page-icon.png" format="PNG" /></imageobject></inlinemediaobject>Append a page - This will append a page at the end of the list.</para>
0251         <para><inlinemediaobject><imageobject><imagedata fileref="insert-page-icon.png" format="PNG" /></imageobject></inlinemediaobject>Insert a page - This will insert a page before the one currently selected in the list.</para>
0252         <para><inlinemediaobject><imageobject><imagedata fileref="delete-page-icon.png" format="PNG" /></imageobject></inlinemediaobject>Delete a page - This will delete the page currently selected in the list.</para>
0253         <para><inlinemediaobject><imageobject><imagedata fileref="select-element-icon.png" format="PNG" /></imageobject></inlinemediaobject>Select an element - Used to select elements for editing or resizing.</para>
0254         <para><inlinemediaobject><imageobject><imagedata fileref="text-element-icon.png" format="PNG" /></imageobject></inlinemediaobject>Insert a text element - Used to insert a text element onto the current page.</para>
0255         <para><inlinemediaobject><imageobject><imagedata fileref="pattern-element-icon.png" format="PNG" /></imageobject></inlinemediaobject>Insert a pattern element - Used to insert a pattern element onto the current page.</para>
0256         <para><inlinemediaobject><imageobject><imagedata fileref="image-element-icon.png" format="PNG" /></imageobject></inlinemediaobject>Insert an image element - Used to insert an image element onto the current page.</para>
0257         <para><inlinemediaobject><imageobject><imagedata fileref="key-element-icon.png" format="PNG" /></imageobject></inlinemediaobject>Insert a key element - Used to insert a floss key element onto the current page.</para>
0258 
0259         <para>
0260             When adding elements, select the required element icon, then select the area of the page that the element is to occupy by clicking and
0261             dragging with the &LMB; from one corner to another.  The properties of the element can be viewed and changed using the context menu
0262             accessed by the &RMB;
0263         </para>
0264         <para>
0265             The elements can be resized by selecting them using the select tool<inlinemediaobject><imageobject><imagedata fileref="select-element-icon.png" format="PNG" /></imageobject></inlinemediaobject>,
0266             this will provide a sizing rectangle around the element.  The corners can be dragged around to adjust the size or the whole element can be moved by
0267             clicking and dragging using the &LMB;.
0268         </para>
0269         <para>
0270             The page has an associated properties dialog which allows setting the page margin and the grid size and visibility. The page margin provides
0271             a guide for the placement of objects but does not prevent elements from being positioned outside the defined margin.
0272             <screenshot><mediaobject><imageobject><imagedata fileref="page-properties-dialog.png" format="PNG" /></imageobject></mediaobject></screenshot>
0273         </para>
0274         <sect2 id="PatternElement" >
0275             <title>Pattern Element</title>
0276             <para>
0277                 The pattern element will show the arrangement of stitches on the grid. The properties dialog can be used to configure how the stitches
0278                 will be displayed. This allows the element to display as a picture of the pattern or as the working pattern showing the symbols.
0279             </para>
0280             <para>
0281                 The pattern element defaults to showing the whole pattern when it is created. Using the properties dialog a selection of the
0282                 required area can be made in the preview window by clicking and dragging a selection area.
0283                 <screenshot><mediaobject><imageobject><imagedata fileref="pattern-element-properties-dialog.png" format="PNG" /></imageobject></mediaobject></screenshot>
0284             </para>
0285             <sect3 id="MapElement">
0286                 <title>Map Element</title>
0287                 <para>
0288                     The map element is used when the pattern spans multiple sheets. It shows the area of the whole pattern that this element represents.
0289                     It can be enabled in the pattern element properties.
0290                     <screenshot><mediaobject><imageobject><imagedata fileref="map-element.png" format="PNG" /></imageobject></mediaobject></screenshot>
0291                 </para>
0292             </sect3>
0293         </sect2>
0294         <sect2 id="TextElement" >
0295             <title>Text Element</title>
0296             <para>
0297                 A text element can be used to add text notes to the pattern or to show titles or comments. The text is configurable with fonts, color and transparency.
0298                 In addition a border can be displayed.
0299                 <screenshot><mediaobject><imageobject><imagedata fileref="text-element-properties-dialog.png" format="PNG" /></imageobject></mediaobject></screenshot>
0300             </para>
0301             <para>
0302                 Text elements can also utilize variables which will be converted to properties from the pattern.
0303             </para>
0304             <sect3 id="TextVariables" >
0305                 <title>Text Variables</title>
0306                 <simplelist type='horiz' columns='3'>
0307                     <member>${title}</member>
0308                     <member>${author}</member>
0309                     <member>${copyright}</member>
0310                     <member>${fabric}</member>
0311                     <member>${instructions}</member>
0312                     <member>${horizontalClothCount}</member>
0313                     <member>${verticalClothCount}</member>
0314                     <member>${width.stitches}</member>
0315                     <member>${height.stitches}</member>
0316                     <member>${width.inches}</member>
0317                     <member>${height.inches}</member>
0318                     <member>${width.cm}</member>
0319                     <member>${height.cm}</member>
0320                     <member>${scheme}</member>
0321                     <member>${page}</member>
0322                 </simplelist>
0323             </sect3>
0324         </sect2>
0325         <sect2 id="KeyElement" >
0326             <title>Key Element</title>
0327             <para>
0328                 The key element shows the flosses used.  The properties dialog allows the selection of the fields that can be displayed.  The <guilabel>First element</guilabel> and <guilabel>No. elements</guilabel>
0329                 can be used for large keys that may span multiple pages and allows some symbols to be on one page and others to be on another page.
0330                 <screenshot><mediaobject><imageobject><imagedata fileref="key-element-properties-dialog.png" format="PNG" /></imageobject></mediaobject></screenshot>
0331                 <screenshot><mediaobject><imageobject><imagedata fileref="key-element.png" format="PNG" /></imageobject></mediaobject></screenshot>
0332             </para>
0333         </sect2>
0334         <sect2 id="ResizeElement" >
0335             <title>Resize Element</title>
0336             <para>
0337                 All elements can be resized by selecting them with the <inlinemediaobject><imageobject><imagedata fileref="select-element-icon.png" format="PNG" /></imageobject></inlinemediaobject>
0338                 which will show the resize boundary. The whole element can be moved by clicking and dragging inside the element. To resize, hover over the
0339                 corner resize handles, click and drag to the required size.
0340                 <screenshot><mediaobject><imageobject><imagedata fileref="element-resize.png" format="PNG" /></imageobject></mediaobject></screenshot>
0341                 <screenshot><mediaobject><imageobject><imagedata fileref="element-resize-handle.png" format="PNG" /></imageobject></mediaobject></screenshot>
0342             </para>
0343         </sect2>
0344     </sect1>
0345 </chapter>