wiki:ITERATION_03/Release/UserDocumentation/02_WorkingWithSophie/02_HalosAndHUDs
Last modified 16 years ago Last modified on 01/11/09 18:25:21

Error: Macro BackLinksMenu(None) failed
compressed data is corrupt

2.2. Halos and HUDs

Interacting with Sophie is done with halos and HUDs. Halos are little icons that show up around things in Sophie when you select them. They stay on the screen until you click somewhere else in Sophie. Generally, these halos can be clicked to open a HUD; a few work slightly differently. HUD is short for head-up display. It’s a little window that opens up showing you different things that you can do with whatever you have selected. You can drag a HUD around by clicking on its background and dragging.

Different things in Sophie have different kids of halos. If you select an image on a Sophie page, you’ll see a frame appearance halo, which lets you put images, backgrounds, or drop shadows on the image; a frame properties halo, which lets you control where and how big the image is; a link halo, which lets you turn the image into a link; and an anchor halo, which lets you attach the image to a text flow. If you select a word of text, you’ll see the character halo, which lets you set the font settings for just that word; the paragraph halo, which lets you control how the paragraph that word is in appears; and the link halo, which lets you make that word into a link. Some halos are very specific: you won’t see the link color halo unless you’ve selected a frame that’s a link or text that’s part of a link.

There is limited halo and HUD functionality in this release of Sophie 2 and they are not meant to be used. In particular, it's impossible to close HUDs once they are opened. Some halos and HUDs can be seen, however. They are:

The page halo and HUD

The page halo appears in the upper left corner of every book page, like this:

source:/trunk/sophie2-platform/doc/userdoc-images/RELEASE_3/PageHalo.png

If clicked on, the page HUD appears, which looks like this:

source:/trunk/sophie2-platform/doc/userdoc-images/RELEASE_3/PageHaloAndHUD.png

The page HUD has controls for setting the border and fill of the current page. In this release of Sophie 2, the page's border can be colored and its thickness set (by using the top two controls), but the page fill does not work. If you click on either of the C buttons, you'll see Sophie 2's color picker, which appears at various points in the Sophie interface when colors need to be set:

source:/trunk/sophie2-platform/doc/userdoc-images/RELEASE_3/ColorPicker.png

Color can be set in a variety of ways; click Okay to clear this dialogue.

Frame halos

When a frame is added to a Sophie page and the frame is selected, frame halos are visible. They look like this:

source:/trunk/sophie2-platform/doc/userdoc-images/RELEASE_3/FrameHalosLabeled.png

From left to right, these are the increase z-order halo, decrease z-order halo, shadow halo, background halo, and drag handle. Increase and decrease z-order move a frame in front of or behind other frames. These are not currently functional; clicking them will crash Sophie. The shadow halo is to add a drop shadow to the current frame. When you click on this, the shadow HUD appears, which looks like this:

source:/trunk/sophie2-platform/doc/userdoc-images/RELEASE_3/ShadowHUD.png

None of these controls work, though clicking on the C will bring up the color picker. If you click on the background halo, the background HUD appears, which looks like this:

source:/trunk/sophie2-platform/doc/userdoc-images/RELEASE_3/ShadowHUD.png

None of these controls work, though clicking on the C will bring up the color picker. The one frame halo that works completely is the drag handle: you can drag this to move the frame around on the page.

Text halos

If you enter text in a text frame, the text halos will appear. They look like this:

source:/trunk/sophie2-platform/doc/userdoc-images/RELEASE_3/TextHalosLabeled.png

There are a number of text halos; from left to right they are bold, italic, left justify, right justify, center, fully justify, color text, font settings, and paragraph settings. Bold bolds selected text; italic italicizes selected text. Left justify, right justify, center, and fully justify align the paragraph in which the cursor is currently inserted. Color text allows you to color text; it brings up the color picker. Font settings brings up the font picker, which looks like this:

source:/trunk/sophie2-platform/doc/userdoc-images/RELEASE_3/FontPicker.png

This allows you to choose different typefaces and sizes for the selected text. Finally, the paragraph settings halo brings up paragraph-level settings, which look like this:

source:/trunk/sophie2-platform/doc/userdoc-images/RELEASE_3/ParagraphSettings.png

This lets you set the left and right indent of the paragraph, as well as the space above and below the paragraph and the paragraph's linespacing. Note that this HUD will not go away after it is invoked.