home *** CD-ROM | disk | FTP | other *** search
/ Freelog 65 / Freelog065.iso / BAS / Bureautique / Gnumeric / gnumeric-1.3.92-rc1.exe / graphics-drawings.xml < prev    next >
Text File  |  2004-11-01  |  14KB  |  426 lines

  1.  
  2. <sect1 id="sect-graphics-drawings">
  3.   <title>Drawing Elements</title>
  4.  
  5.   <para>
  6.     A <application>Gnumeric</application> worksheet can contain
  7.     graphical elements which are simple drawing shapes.
  8.   </para>
  9.  
  10.   <note>
  11.     <para>
  12.       This implementation of the drawing objects is temporary and will
  13.       eventually be replaced by a more complete implementation
  14.       including more types of drawing objects and based on scalable
  15.       vector graphics (SVG) format graphical elements.
  16.  
  17.     </para>
  18.   </note>
  19.  
  20. <!-- This section is identical to that in graphics-widgets.xml -->
  21.  
  22.   <para>
  23.     Each of these elements can be added by selecting the appropriate
  24.     icon on the object toolbar and using the thin cross-hair mouse
  25.     pointer to place the element on the worksheet by clicking or by
  26.     click-dragging with the primary mouse button. This process is
  27.     explained in greater detail in <xref
  28.     linkend="sect-graphical-overview-adding" />.
  29.   </para>
  30.  
  31.   <para>
  32.     Each of these elements can be configured using the context menu
  33.     and its <guimenuitem>Properties</guimenuitem> menu item, as
  34.     explained in <xref linkend="sect-graphical-overview-modifing" />.
  35.   </para>
  36.  
  37.   <para>
  38.     Each of these elements can be moved and resized on the worksheet, as
  39.     explained in <xref linkend="sect-graphical-overview-moveNresize" />.
  40.   </para>
  41.  
  42.   <para>
  43.     The stacking order, from the front to the back, which determines
  44.     which widgets obscure each other, can be changed using the entries
  45.     in the context menu, as explained in <xref
  46.     linkend="sect-graphical-overview-restacking" />. However, as
  47.     explained in the note above, the widgets do not currently stack
  48.     under the other graphical elements.
  49.   </para>
  50.  
  51.   <para>
  52.     Each of these elements can be deleted using the context menu and
  53.     its <guimenuitem>Delete</guimenuitem> menu item, as 
  54.     explained in <xref linkend="sect-graphical-overview-deleting" />.
  55.   </para>
  56.  
  57. <!-- End of identical section. -->
  58.  
  59.  
  60.   <sect2 id="sect-graphics-drawings-line">
  61.     <title>Drawing Lines.</title>
  62.  
  63.     <para>
  64.       Lines are simple drawing elements which can be added to a
  65.     worksheet. <xref
  66.     linkend="fig-gnumeric-graphics-drawings-line-example" /> shows a
  67.     wide orange line element placed above the worksheet grid.
  68.     </para>
  69.  
  70.     <figure id="fig-gnumeric-graphics-drawings-line-example">
  71.       <title>
  72.         A line drawing element.
  73.       </title>
  74.       <screenshot>
  75.         <mediaobject>
  76.           <imageobject>
  77.             <imagedata fileref="figures/drawing-line.png" 
  78.                        format="PNG"/>
  79.           </imageobject>
  80.           <textobject>
  81.             <phrase>
  82.                An image of a line drawing element. 
  83.             </phrase>
  84.           </textobject>
  85.         </mediaobject>
  86.       </screenshot>
  87.     </figure>
  88.  
  89.    <sect3 id="sect-graphics-drawings-line-configure">
  90.       <title>Configuring the properties of the line</title>
  91.  
  92.       <para>
  93.         The properties of the line can be altered with the
  94.         <guimenuitem>Properties</guimenuitem> menu item in the
  95.         context menu which appears when the mouse cursor is placed
  96.         over the line and one of the secondary mouse buttons is
  97.         pressed.
  98.       </para>
  99.  
  100.       <para>
  101.         Lines have two properties, the color used for the line and the
  102.         width of the line.
  103.       </para>
  104.  
  105.  
  106.       <figure id="fig-gnumeric-graphics-drawing-line-properties">
  107.         <title>
  108.           The configuration dialog for line properties.
  109.         </title>
  110.         <screenshot>
  111.           <mediaobject>
  112.             <imageobject>
  113.               <imagedata fileref="figures/dialog-properties-line.png" 
  114.                          format="PNG"/>
  115.             </imageobject>
  116.             <textobject>
  117.               <phrase>
  118.                  An image of the dialog used to configure line drawing
  119.                  elements. 
  120.               </phrase>
  121.             </textobject>
  122.           </mediaobject>
  123.         </screenshot>
  124.       </figure>
  125.  
  126.       <para>
  127.         The color of the line can be altered by moving the mouse
  128.         pointer over the button with the icon of a small,
  129.         black, downward pointing arrow and then clicking with the
  130.         primary mouse button. This will open up a panel with a number
  131.         of standard colors presented as small squares. Any of these
  132.         colors can be selected by moving the mouse pointer over the
  133.         desired color and pressing once with the primary mouse
  134.         button. Alternatively, a custom color can be chosen by
  135.         clicking on the button at the bottom of the panel. This will
  136.         open up the color chooser dialog. In this dialog colors can be
  137.         defined using the numeric boxes or can be selected using the
  138.         color triangle. The color can be selected by Clicking on the
  139.         outer circle while the darkness or lightness can be selected
  140.         by clicking inside the triangle. Once the desired color has
  141.         been configured, this color can be used for the label outline
  142.         by clicking on the <guibutton>OK</guibutton> button.
  143.       </para>
  144.  
  145.       <para>
  146.         The line width can be changed either by typing a new number
  147.         into the text box or by using the up and down arrows to
  148.         increment or decrement the width number.
  149.       </para>
  150.  
  151.     </sect3>
  152.  
  153.  
  154.  
  155.   </sect2>
  156.  
  157.   <sect2 id="sect-graphics-drawings-arrow">
  158.     <title>Drawing Arrows.</title>
  159.  
  160.     <para>
  161.       Arrows are elements that can be used to point to values in a
  162.       worksheet. <xref
  163.       linkend="fig-gnumeric-graphics-drawings-arrow-example" /> shows
  164.       a purple arrow floating over a worksheet
  165.     </para>
  166.  
  167.     <figure id="fig-gnumeric-graphics-drawings-arrow-example">
  168.       <title>
  169.         An arrow drawing element.
  170.       </title>
  171.       <screenshot>
  172.         <mediaobject>
  173.           <imageobject>
  174.             <imagedata fileref="figures/drawing-arrow.png" 
  175.                        format="PNG"/>
  176.           </imageobject>
  177.           <textobject>
  178.             <phrase>
  179.                An image of an arrow drawing element. 
  180.             </phrase>
  181.           </textobject>
  182.         </mediaobject>
  183.       </screenshot>
  184.     </figure>
  185.  
  186.    <sect3 id="sect-graphics-drawings-arrow-configure">
  187.       <title>Configuring the properties of the arrow</title>
  188.  
  189.       <para>
  190.         The properties of the arrow can be altered with the
  191.         <guimenuitem>Properties</guimenuitem> menu item in the
  192.         context menu which appears when the mouse cursor is placed
  193.         over the arrow and one of the secondary mouse buttons is
  194.         pressed.
  195.       </para>
  196.  
  197.       <para>
  198.         Arrows have five properties, the arrow color, the width of the
  199.         line stem of the arrow, and tree dimensions for the arrow point
  200.         which will be explained below.
  201.       </para>
  202.  
  203.       <figure id="fig-gnumeric-graphics-drawing-arrow-properties">
  204.         <title>
  205.           The configuration dialog for arrow properties.
  206.         </title>
  207.         <screenshot>
  208.           <mediaobject>
  209.             <imageobject>
  210.               <imagedata fileref="figures/dialog-properties-arrow.png" 
  211.                          format="PNG"/>
  212.             </imageobject>
  213.             <textobject>
  214.               <phrase>
  215.                  An image of the dialog used to configure arrow drawing
  216.                  elements. 
  217.               </phrase>
  218.             </textobject>
  219.           </mediaobject>
  220.         </screenshot>
  221.       </figure>
  222.  
  223.       <para>
  224.         The dimensions of related to the arrow are presented in <xref
  225.         linkend="fig-gnumeric-graphics-drawing-arrow-dimensions"
  226.         />.
  227.       </para>
  228.  
  229.       <figure id="fig-gnumeric-graphics-drawing-arrow-dimensions">
  230.         <title>
  231.           The dimensions of the arrow point.
  232.         </title>
  233.         <screenshot>
  234.           <mediaobject>
  235.             <imageobject>
  236.               <imagedata fileref="figures/arrowhead-dimensions.png" 
  237.                          format="PNG"/>
  238.             </imageobject>
  239.             <textobject>
  240.               <phrase>
  241.                  An image describing the dimensions of the arrow head.
  242.               </phrase>
  243.             </textobject>
  244.           </mediaobject>
  245.         </screenshot>
  246.       </figure>
  247.  
  248.       <para>
  249.         The 'Arrow Tip' is the distance from the point of the
  250.         arrow to the base of the arrowhead where the shaft begins. The
  251.         'Arrow Length' is the distance from the arrow point to either
  252.         of the outer side points of the arrow head, projected along
  253.         the shaft of the arrow. The 'Arrow Width' is the distance
  254.         between the two outer side points of the arrow head.
  255.       </para>
  256.  
  257.     </sect3>
  258.  
  259.  
  260.   </sect2>
  261.  
  262.  
  263.   <sect2 id="sect-graphics-drawings-rectangle">
  264.     <title>Drawing Rectangles.</title>
  265.  
  266.     <para>
  267.       Rectangles are areal drawing elements. <xref
  268.     linkend="fig-gnumeric-graphics-drawings-rectangle-example" />
  269.     shows a yellow rectangle with a blue border.
  270.     </para>
  271.  
  272.     <para>
  273.       Rectangles have three properties which can be configured, the
  274.       color and width of the border and the color of the interior of
  275.       the rectangle.
  276.     </para>
  277.  
  278.     <figure id="fig-gnumeric-graphics-drawings-rectangle-example">
  279.       <title>
  280.         A rectangle drawing element.
  281.       </title>
  282.       <screenshot>
  283.         <mediaobject>
  284.           <imageobject>
  285.             <imagedata fileref="figures/drawing-rectangle.png" 
  286.                        format="PNG"/>
  287.           </imageobject>
  288.           <textobject>
  289.             <phrase>
  290.                An image of a rectangle drawing element. 
  291.             </phrase>
  292.           </textobject>
  293.         </mediaobject>
  294.       </screenshot>
  295.     </figure>
  296.  
  297.    <sect3 id="sect-graphics-drawings-rectangle-configure">
  298.       <title>Configuring the properties of the rectangle</title>
  299.  
  300.       <para>
  301.         The properties of the rectangle can be altered with the
  302.         <guimenuitem>Properties</guimenuitem> menu item in the
  303.         context menu which appears when the mouse cursor is placed
  304.         over the rectangle and one of the secondary mouse buttons is
  305.         pressed.
  306.       </para>
  307.  
  308.  
  309.       <figure id="fig-gnumeric-graphics-drawings-rectangle-properties">
  310.         <title>
  311.           The configuration dialog for rectangle properties.
  312.         </title>
  313.         <screenshot>
  314.           <mediaobject>
  315.             <imageobject>
  316.               <imagedata fileref="figures/dialog-properties-rectangle.png" 
  317.                          format="PNG"/>
  318.             </imageobject>
  319.             <textobject>
  320.               <phrase>
  321.                  An image of the dialog used to configure rectangle drawing
  322.                  elements. 
  323.               </phrase>
  324.             </textobject>
  325.           </mediaobject>
  326.         </screenshot>
  327.       </figure>
  328.  
  329.       <para>
  330.         The color of the outline border can be configured by selecting
  331.         a new color from the color picker as was explained in <xref
  332.         linkend="sect-graphics-drawings-line" /> for the line drawing
  333.         element. The width of the border can be configured by typing a
  334.         new dimension in the text box or by clicking on the increment
  335.         arrows, up to increase the width and down to decrease the
  336.         width. The color of the interior of the rectangle, the 'fill'
  337.         color, can be configured in the same way as the color of the
  338.         outline border.
  339.       </para>
  340.  
  341.     </sect3>
  342.  
  343.  
  344.   </sect2>
  345.  
  346.   <sect2 id="sect-graphics-drawings-oval">
  347.     <title>Drawing Ovals.</title>
  348.  
  349.    <para>
  350.       Ovals are areal drawing elements. <xref
  351.       linkend="fig-gnumeric-graphics-drawings-ovals-example" /> shows
  352.       a red oval with a transparent background, which is a useful way
  353.       to circle important ranges in a workbook.
  354.     </para>
  355.  
  356.     <para>
  357.       Ovals, like rectangles, can be configured in the color and width
  358.       of the outline border, and the color of the fill.
  359.     </para>
  360.  
  361.     <figure id="fig-gnumeric-graphics-drawings-ovals-example">
  362.       <title>
  363.         An oval drawing element.
  364.       </title>
  365.       <screenshot>
  366.         <mediaobject>
  367.           <imageobject>
  368.             <imagedata fileref="figures/drawing-oval.png" 
  369.                        format="PNG"/>
  370.           </imageobject>
  371.           <textobject>
  372.             <phrase>
  373.                An image of an oval drawing element. 
  374.             </phrase>
  375.           </textobject>
  376.         </mediaobject>
  377.       </screenshot>
  378.     </figure>
  379.  
  380.    <sect3 id="sect-graphics-drawings-oval-configure">
  381.       <title>Configuring the properties of the oval</title>
  382.  
  383.       <para>
  384.         The properties of the oval can be altered with the
  385.         <guimenuitem>Properties</guimenuitem> menu item in the
  386.         context menu which appears when the mouse cursor is placed
  387.         over the oval and one of the secondary mouse buttons is
  388.         pressed.
  389.       </para>
  390.  
  391.  
  392.       <figure id="fig-gnumeric-graphics-drawings-oval-properties">
  393.         <title>
  394.           The configuration dialog for oval properties.
  395.         </title>
  396.         <screenshot>
  397.           <mediaobject>
  398.             <imageobject>
  399.               <imagedata fileref="figures/dialog-properties-oval.png" 
  400.                          format="PNG"/>
  401.             </imageobject>
  402.             <textobject>
  403.               <phrase>
  404.                  An image of the dialog used to configure oval drawing
  405.                  elements. 
  406.               </phrase>
  407.             </textobject>
  408.           </mediaobject>
  409.         </screenshot>
  410.       </figure>
  411.  
  412.       <para>
  413.         The configuration of these properties is the same as the
  414.       configuration of the rectangle properties explained above.
  415.       </para>
  416.  
  417.     </sect3>
  418.  
  419.  
  420.   </sect2>
  421.  
  422.  
  423.  
  424. </sect1>
  425.  
  426.