5e3ec2fd69
and save panels" subchapter in gui.html * Corrected link to DriveSetup in installer.html git-svn-id: file:///srv/svn/repos/haiku/haiku/trunk@33117 a95241bf-73f2-0310-859d-f6bbb57e9c96
110 lines
7.8 KiB
HTML
110 lines
7.8 KiB
HTML
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
|
"../../html-dtd/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
|
|
<head>
|
|
<!--
|
|
*
|
|
* Copyright 2008, Haiku. All rights reserved.
|
|
* Distributed under the terms of the MIT License.
|
|
*
|
|
* Authors:
|
|
* Humdinger <humdingerb@gmail.com>
|
|
*
|
|
-->
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
<meta http-equiv="Content-Style-Type" content="text/css" />
|
|
<meta name="robots" content="all" />
|
|
<title>Haiku's GUI</title>
|
|
<link rel="stylesheet" type="text/css" href="../../Haiku-doc.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<div class="logo">
|
|
<img src="./images/logo.png" alt="logo" class="noprint" id="logo" name="logo" />
|
|
</div>
|
|
|
|
<div class="topnav">
|
|
<p>
|
|
«  <a href="filesystem-layout.html">Filesystem layout</a>
|
|
  ::  
|
|
<a href="contents.html" class="uplink">Contents</a>
|
|
  ::  
|
|
<a href="workspaces.html">Workspaces</a>  »
|
|
</p>
|
|
</div>
|
|
|
|
<div class="content">
|
|
|
|
<div class="title">Haiku's GUI</div>
|
|
|
|
<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>
|
|
<img src="images/gui-images/gui.png" alt="gui.png" />
|
|
<p>There are only a few things in Haiku's GUI that aren't obvious and deserve an explanation.</p>
|
|
<ol>
|
|
<li><p>The Deskbar is Haiku's "Start" menu and taskbar, if you will. See topic <a href="deskbar.html">Deskbar</a>.</p></li>
|
|
<li>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 <span class="key">SHIFT</span> 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 (or with <span class="key">CTRL</span> <span class="key">ALT</span> <span class="key">M</span>). 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></li>
|
|
<li><p>The close button.</p></li>
|
|
<li><p>The "alternative size" button (or <span class="key">CTRL</span> <span class="key">ALT</span> <span class="key">Z</span>). In most applications, this will expand a window to maximum size. It doesn't have to, however. Tracker windows, for example, will resize to best fit the contents.</p></li>
|
|
<li><p>The resize corner. Dragging anywhere else on a window's border will move the window.</p></li>
|
|
</ol>
|
|
<div class="box-info">While holding <span class="key">CTRL</span> <span class="key">ALT</span>, you can click anywhere into a window to move it with the left mouse button; the right mouse button sends it to the back.</div>
|
|
|
|
<h1>
|
|
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" class="noprint" /></a>
|
|
<a id="open-save-panel" name="open-save-panel">Open and save panels</a></h1>
|
|
<p>When opening or saving a file from any application, a panel like this opens:</p>
|
|
<img src="images/gui-images/open-save.png" alt="open-save.png" />
|
|
<p>It has all the usual things: A list of files of the current folder to choose from, in case of a save panel, a text field to enter a filename and a drop-down menu for different file formats and their settings.<br />
|
|
You can enter parent folders with the drop-down menu above the file listing.</p>
|
|
<p>If you already have a Tracker window with the location for a file open, you can simply drag either any file or the folder-representation (i.e. the symbol to the far right in its menu bar) into the panel. This changes the panel to that new location.</p>
|
|
|
|
<h2>
|
|
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" class="noprint" /></a>
|
|
<a id="open-save-shortcuts" name="open-save-shortcuts">Keyboard shortcuts</a></h2>
|
|
<p>Many shortcuts in open and save panels are the same used in Tracker. Besides the commands that are also available through the <span class="menu">File</span> menu, there are a few not that obvious:</p>
|
|
<table summary="shortcuts" border="0" cellspacing="0" cellpadding="2">
|
|
<tr><td><span class="key">ALT</span> <span class="key">N</span></td><td></td><td> Creates a new folder.</td></tr>
|
|
<tr><td><span class="key">ALT</span> <span class="key">E</span></td><td></td><td> Lets you rename the selected entry.</td></tr>
|
|
<tr><td><span class="key">ALT</span> <span class="key">↑</span></td><td style="width:24px;"></td><td> Opens the parent folder.</td></tr>
|
|
<tr><td class="onelinetop"><span class="key">ALT</span> <span class="key">↓</span> or <span class="key">ENTER</span></td><td></td><td> Opens the selected folder.</td></tr>
|
|
<tr><td><span class="key">ALT</span> <span class="key">D</span></td><td></td><td> Takes you to your Desktop.</td></tr>
|
|
<tr><td><span class="key">ALT</span> <span class="key">H</span></td><td></td><td> Takes you to your Home folder.</td></tr>
|
|
</table>
|
|
|
|
<h2>
|
|
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" class="noprint" /></a>
|
|
<a id="favorites-recent" name="favorites-recent">Favorites and recent folders</a></h2>
|
|
<p>The <span class="menu">Favorites</span> menu in open and save panels provides recently visited folders and favorite locations that you can set up yourself. As indicated by the little arrow, you can also use these locations to navigate further down the hierarchy via submenus.</p>
|
|
<img src="images/gui-images/favorites.png" alt="favorites.png" />
|
|
<p>To add a Favorite, you simply navigate to your destination and choose <span class="menu">Favorites | Add Current Folder</span>. From now on it will appear in every open/save panel. To remove a Favorite, choose <span class="menu">Favorites | Configure Favorites...</span> and delete its entry.<br />
|
|
All Favorites are kept in <span class="path">/boot/home/config/settings/Tracker/Go/</span>. So you might as well add and remove links to files and folders there directly.</p>
|
|
|
|
<h1>
|
|
<a href="#logo"><img src="../images/up.png" align="right" alt="index" border="0" class="noprint" /></a>
|
|
<a id="replicants" name="replicants">Replicants</a></h1>
|
|
<p>Replicants are small self-contained parts of applications that can be integrated into other programs. Provided Deskbar's option to <span class="menu">Show Replicants</span> is activated, you'll recognize a replicantable part of an appliction by its small handle, normally in the bottom right corner:</p>
|
|
<img src="../images/gui-images/replicant.png" alt="replicant.png" />
|
|
<p>The most prominent place that accepts Replicants is the Desktop: You simply drag&drop the little handle onto it. From now on it's part of the Desktop and the Replicant's originating app doesn't have to be started for it to work.<br />
|
|
A right-click on a Replicant handle offers a context menu to show the originating app's <span class="menu">About</span> window and to <span class="menu">Remove Replicant</span>.</p>
|
|
<p>Examples for replicatable applications are the graphs of the <a href="applications/activitymonitor.html">ActivityMonitor</a>, the <a href="workspaces.html">Workspaces applet</a> or <a href="applications/deskcalc.html">DeskCalc</a>.</p>
|
|
|
|
</div>
|
|
|
|
<div class="bottomnav">
|
|
<p>
|
|
«  <a href="filesystem-layout.html">Filesystem layout</a>
|
|
  ::  
|
|
<a href="contents.html" class="uplink">Contents</a>
|
|
  ::  
|
|
<a href="workspaces.html">Workspaces</a>  »
|
|
</p>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|