diff options
| author | Rodrigo Arias Mallo <rodarima@gmail.com> | 2024-01-01 23:40:52 +0100 |
|---|---|---|
| committer | Rodrigo Arias Mallo <rodarima@gmail.com> | 2024-01-01 23:40:52 +0100 |
| commit | 5ea943a5e789222472e45864e119cf786498bfcd (patch) | |
| tree | ea307589de0fdb202474ad4d07c0bef7fe1c53e8 /old/dw/html/dw-overview.html | |
Import original dillo.org website into old/
Diffstat (limited to 'old/dw/html/dw-overview.html')
| -rw-r--r-- | old/dw/html/dw-overview.html | 112 |
1 files changed, 112 insertions, 0 deletions
diff --git a/old/dw/html/dw-overview.html b/old/dw/html/dw-overview.html new file mode 100644 index 0000000..dd680f8 --- /dev/null +++ b/old/dw/html/dw-overview.html @@ -0,0 +1,112 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<meta http-equiv="Content-Type" content="text/xhtml;charset=UTF-8"/> +<meta http-equiv="X-UA-Compatible" content="IE=9"/> +<meta name="generator" content="Doxygen 1.8.8"/> +<title>Dillo: Dillo Widget Overview</title> +<link href="tabs.css" rel="stylesheet" type="text/css"/> +<script type="text/javascript" src="https://www.dillo.org/dw/html/jquery.js"></script> +<script type="text/javascript" src="dynsections.js"></script> +<link href="doxygen.css" rel="stylesheet" type="text/css" /> +</head> +<body> +<div id="top"><!-- do not remove this div, it is closed by doxygen! --> +<div id="titlearea"> +<table cellspacing="0" cellpadding="0"> + <tbody> + <tr style="height: 56px;"> + <td style="padding-left: 0.5em;"> + <div id="projectname">Dillo + </div> + </td> + </tr> + </tbody> +</table> +</div> +<!-- end header part --> +<!-- Generated by Doxygen 1.8.8 --> + <div id="navrow1" class="tabs"> + <ul class="tablist"> + <li><a href="index.html"><span>Main Page</span></a></li> + <li class="current"><a href="pages.html"><span>Related Pages</span></a></li> + <li><a href="namespaces.html"><span>Namespaces</span></a></li> + <li><a href="annotated.html"><span>Classes</span></a></li> + <li><a href="files.html"><span>Files</span></a></li> + </ul> + </div> +</div><!-- top --> +<div class="header"> + <div class="headertitle"> +<div class="title">Dillo Widget Overview </div> </div> +</div><!--header--> +<div class="contents"> +<div class="textblock"><p>Note: If you are already familiar with the Gtk+-based version of Dw, read <a class="el" href="dw-changes.html">Changes to the GTK+-based Release Version</a>.</p> +<p>The module Dw (Dillo Widget) is responsible for the low-level rendering of all resources, e.g. images, plain text, and HTML pages (this is the most complex type). Dw is <em>not</em> responsible for parsing HTML, or decoding image data. Furthermore, the document tree, which is planned for CSS, is neither a part of Dw, instead, it is a new module on top of Dw.</p> +<p>The rendering, as done by Dw, is split into two phases:</p> +<ul> +<li> +the <em>layouting</em>, this means calculating the exact positions of words, lines, etc. (in pixel position), and </li> +<li> +the <em>drawing</em>, i.e. making the result of the layouting visible on the screen. </li> +</ul> +<p>The result of the layouting allocates an area, which is called <em>canvas</em>.</p> +<h2>Structure</h2> +<p>The whole Dw module can be split into the following parts:</p> +<div align="center"> +<img src="dot_inline_dotgraph_6.png" alt="dot_inline_dotgraph_6.png" border="0" usemap="#dot_inline_dotgraph_6.map"/> +<map name="dot_inline_dotgraph_6.map" id="dot_inline_dotgraph_6.map"><area shape="rect" id="node1" href="classdw_1_1core_1_1Layout.html" title="\N" alt="" coords="263,52,335,101"/><area shape="rect" id="node2" href="classdw_1_1core_1_1Platform.html" title="\N" alt="" coords="167,164,239,213"/><area shape="rect" id="node3" href="classdw_1_1core_1_1View.html" title="\N" alt="" coords="263,164,335,213"/><area shape="rect" id="node4" href="classdw_1_1core_1_1Widget.html" title="\N" alt="" coords="359,164,431,213"/><area shape="rect" id="node5" href="classdw_1_1fltk_1_1FltkPlatform.html" title="\N" alt="" coords="117,351,211,400"/><area shape="rect" id="node6" href="classdw_1_1fltk_1_1FltkView.html" title="\N" alt="" coords="134,449,207,499"/><area shape="rect" id="node9" href="classdw_1_1Textblock.html" title="\N" alt="" coords="478,351,557,400"/><area shape="rect" id="node11" href="classdw_1_1Table.html" title="\N" alt="" coords="581,351,653,400"/><area shape="rect" id="node12" href="classdw_1_1Image.html" title="\N" alt="" coords="285,351,357,400"/><area shape="rect" id="node7" href="classdw_1_1fltk_1_1FltkViewport.html" title="\N" alt="" coords="27,548,122,597"/><area shape="rect" id="node8" href="classdw_1_1fltk_1_1FltkPreview.html" title="\N" alt="" coords="147,548,237,597"/><area shape="rect" id="node10" href="classdw_1_1AlignedTextblock.html" title="\N" alt="" coords="456,449,579,499"/></map> +</div> +<center>[<a class="el" href="uml-legend.html">legend</a>]</center><p><em>Platform</em> means in most cases the underlying UI toolkit (e.g. FLTK). A layout is bound to a specific platform, but multiple platforms may be handled in one program.</p> +<p>A short overview:</p> +<ul> +<li> +<p class="startli"><a class="el" href="classdw_1_1core_1_1Layout.html" title="The central class for managing and drawing a widget tree. ">dw::core::Layout</a> is the central class, it manages the widgets and the view, and provides delegation methods for the platform.</p> +<p class="endli"></p> +</li> +<li> +<p class="startli">The layouting is done by a tree of widgets (details are described in <a class="el" href="dw-layout-widgets.html">Layout and Widgets</a>), also the drawing, which is finally delegated to the view.</p> +<p class="endli"></p> +</li> +<li> +<p class="startli">The view (implementation of <a class="el" href="classdw_1_1core_1_1View.html" title="An interface to encapsulate platform dependent drawing. ">dw::core::View</a>) provides primitive methods for drawing, but also have an influence on the canvas size (via size hints). See <a class="el" href="dw-layout-views.html">Layout and Views</a> for details.</p> +<p class="endli"></p> +</li> +<li> +Some platform dependencies are handled by implementations of <a class="el" href="classdw_1_1core_1_1Platform.html" title="An interface to encapsulate some platform dependencies. ">dw::core::Platform</a>. </li> +</ul> +<h3>Header Files</h3> +<p>The structures mentioned above can be found in the following header files:</p> +<ul> +<li> +<p class="startli">Anything from the Dw core in <a class="el" href="core_8hh.html">core.hh</a>. Do not include the single files.</p> +<p class="endli"></p> +</li> +<li> +<p class="startli">The single widgets can be found in the respective header files, e.g. <a class="el" href="image_8hh.html">image.hh</a> for <a class="el" href="classdw_1_1Image.html" title="Displays an instance of dw::core::Imgbuf. ">dw::Image</a>.</p> +<p class="endli"></p> +</li> +<li> +<p class="startli">The core of the FLTK implementation is defined in <a class="el" href="fltkcore_8hh.html">fltkcore.hh</a>. This includes <a class="el" href="classdw_1_1fltk_1_1FltkPlatform.html">dw::fltk::FltkPlatform</a>, <a class="el" href="classdw_1_1fltk_1_1FltkView.html" title="This interface adds some more methods for all flkt-based views. ">dw::fltk::FltkView</a>, but not the concrete view implementations.</p> +<p class="endli"></p> +</li> +<li> +The views can be found in single header files, e.g <a class="el" href="fltkviewport_8hh.html">fltkviewport.hh</a> for <a class="el" href="classdw_1_1fltk_1_1FltkViewport.html">dw::fltk::FltkViewport</a>. </li> +</ul> +<h2>Further Documentations</h2> +<p>A complete map can be found at <a class="el" href="dw-map.html">Dillo Widget Documentation Map</a>.</p> +<ul> +<li> +For learning, how to use Dw, read <a class="el" href="dw-usage.html">Dillo Widget Usage</a> and related documents, <a class="el" href="namespacedw_1_1core_1_1style.html" title="Anything related to Dillo Widget styles is defined here. ">dw::core::style</a>, <a class="el" href="namespacedw_1_1core_1_1ui.html" title="Anything related to embedded UI widgets is defined here. ">dw::core::ui</a> and <a class="el" href="dw-images-and-backgrounds.html">Images and Backgrounds in Dw</a>. </li> +<li> +Advanced topics are described in <a class="el" href="dw-layout-widgets.html">Layout and Widgets</a>, <a class="el" href="dw-widget-sizes.html">Sizes of Dillo Widgets</a> and <a class="el" href="dw-layout-views.html">Layout and Views</a>. </li> +</ul> +</div></div><!-- contents --> +<!-- start footer part --> +<hr class="footer"/><address class="footer"><small> +Generated on Sat May 28 2016 11:47:43 for Dillo by  <a href="http://www.doxygen.org/index.html"> +<img class="footer" src="doxygen.png" alt="doxygen"/> +</a> 1.8.8 +</small></address> +</body> +</html> |