1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
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>
|
