haiku/docs/welcome/gui.html

98 lines
4.3 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Haiku's GUI</title>
<style type="text/css">
body { padding: 0px }
a:visited { color: #892601; }
a:link { color: #dc3c01; }
</style>
</head>
<body lang="en-US" text="#000000" bgcolor="#ffffff" link="#dc3c01"
vlink="#892601" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="5%" bgcolor="#efefef" align="right" valign="bottom">
<img src="welcome-images/logo_lt.png" alt="logo"
border="0">
</td>
<td width="45%" bgcolor="#efefef" valign="bottom">
<img src="welcome-images/logo_rt.png" alt="logo"
border="0">
</td>
<td width="45%" height="70" bgcolor="#efefef" align="right" valign="bottom">
<font size="4">Haiku's GUI</font>
</td>
<td width="5%" bgcolor="#efefef"></td>
</tr>
<tr>
<td width="5%" bgcolor="#efefef" valign="top" align="right">
<img src="welcome-images/logo_lb.png" alt="logo"
border="0">
</td>
<td width="90%" bgcolor="#efefef" valign="top" colspan="2">
<img src="welcome-images/logo_rb.png" alt="logo"
border="0">
</td>
<td width="5%" bgcolor="#efefef"></td>
</tr>
<tr>
<td width="5%" bgcolor="#e0e0e0">&nbsp;</td>
<td nowrap width="90%" bgcolor="#e0e0e0" align="right" colspan="2">
<small><a href="welcome.html">Welcome</a>
&nbsp;&nbsp;&nbsp;
Next: <a href="workspaces.html">Workspaces</a></small>
</td>
<td width="5%" bgcolor="#e0e0e0">&nbsp;</td>
</tr>
<tr>
<td width="5%">&nbsp;</td>
<td width="90%" valign="top" colspan="2">
<br>
<h2>Haiku's GUI</h2>
<p>Haiku's graphical user interface is an integral part of the system. Unlike unix-based operating systems, there's no separate window manager and booting just into a command line shell is not possible. Haiku's focus being on the desktop user, this is just not considered necessary.
</p><p>As you probably have experience with other graphical environments, let's skip over the standards like menus, right-click context menus, drag&drop etc. Let's have a look at the few unique aspects of Haiku's GUI instead.</p>
</p><br>
<p>Before we start with that, there's one more thing you'll probably run into quite quickly: By default, Haiku's option key, to invoke commands from menus for example, is not the usual <tt>CTRL</tt> key, but <tt>ALT</tt> instead. This has historical reasons, because the BeOS was inspired somewhat by MacOS. After you get used to it, it actually feels better as e.g. <tt>ALT+C</tt> and <tt>ALT+V</tt> is reached more conveniently on the keyboard and these commands seemlessly integrate into the bash shell of the Terminal.
</p><p>In any case, you can switch to the maybe more familiar <tt>CTRL</tt> key in the <i>Menu</i> preferences.
</p>
<br />
<img src="gui-images/gui.png" alt="gui.png" width="644" height="404"
</p><p><br />
There are only a few things in Haiku's GUI that aren't obvious and deserve an explanation.
</p><p>
[1] The Deskbar is Haiku's "Start" menu and taskbar, if you will. See topic <a href="deskbar.html">Deskbar</a>.<br>
[2] The yellow tab offers more than just a program's name or a document's filename:<ul><li>You can move it by holding the <tt>SHIFT</tt> key while dragging it to another position, enabling you to stack a number of windows and conveniently access them by their named tab.</li>
<li>You minimize a window with a double-click on its tab. A such hidden window can be accessed by its entry in the <a href="deskbar.html">Deskbar</a> or the <a href="twitcher.html">Twitcher</a>.</li>
<li>You can send a window to the back with a right-click on its tab (or its border).</li></ul>
[3] The close button.<br>
[4] The "alternative size" button (expands window to full screen in most applications).<br>
[5] The resize button. Dragging anywhere else on a window's border will move the window.<br>
</p><p>That's pretty much all there is to Haiku's GUI widgets in general. You'll find more information in <a href="welcome.html#system">Getting to know the system</a>.
</p>
<br>
</td>
<td width="5%">&nbsp;</td>
</tr>
<tr>
<td width="5%" bgcolor="#efefef">&nbsp;</td>
<td width="90%" bgcolor="#efefef" align="right" colspan="2">
<a href="welcome.html">Welcome</a>
&nbsp;&nbsp;&nbsp;
Next: <a href="workspaces.html">Workspaces</a>
</td>
<td width="5%" bgcolor="#efefef">&nbsp;</td>
</tr>
</table>
</body>
</html>