Version 9 (modified by danvisel, 16 years ago) (diff) |
---|
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.
The halo and HUD functionality in this release of Sophie 2 is not complete: more halos and HUDs will appear in the finished version of the application, and many of them will be implemented in different ways. Some halos and HUDs can be seen, however. They are:
Page halos and HUDs
When the page itself is clicked, the page halos appear. They look like this:
At the bottom right corner is the book resize handle; this can be dragged back and forth to change the size of the book page. (This can also be accomplished by choosing Edit > Set Page Dimensions from the menu bars.) At the top right corner are four halos: the border & fill halo, show template frames halo, save page as template halo, and the page link halo.
The border & fill halo opens the page's border & fill HUD. It looks like this:
These controls allow you to set the page's border and fill properties. If you choose to Lock the border or Lock the background, you will not be able to edit those properties. If you check the Border template or Background template, the settings for the border or the background will be taken from the saved page template.
Show template frames will show all the frames on the current page that are saved on the current page template. Save page as template will save the current page as a page template.
Clicking the page link halo will open the page link HUD, which looks like this:
The page link HUD allows you to set actions related to the page itself - actions that will be performed when the page is closed or open. This link HUD works just like frame link HUDs; see the section on working with links for more details on how links in Sophie work.
Frame halos
When a frame is added to a Sophie page and the frame is selected, frame halos are visible. They look like this:
Directly above the frame appear the drag handle, which can be dragged to move the frame around the page, and the delete halo, which can be used to delete the frame. If you click the delete halo, you'll be asked if you're sure that you want to delete the frame.
Above the frame's top right corner appear three rotate handles. From left to right, they shift the frame 45 degrees counterclockwise, rotate the frame an arbitrary angle, and shift the frame 45 degrees clockwise. If you click the center rotate handle, a window will appear asking you to enter a rotation value:
A value in degrees can be entered in the text field; selecting one of the points in the grid will change the center of rotation.
Nine halos appear directly above the frame's upper left corner. From left to right, these are the border & fill halo, the size & position halo, the margins & padding halo, margins and padding halo, the move forward button, the move backward button, the drop shadow halo, the use template content button, the save frame as template button, and the link halo.
The border & fill halo opens the frame's border & fill HUD, which looks exactly like the page's border & fill HUD:
If you click on the frame size and position halo, the frame size and position HUD appears, which looks like this:
The top settings allow you to set the width and height of the frame; the bottom settings allow you to set the position of the frame relative to the top left corner of the page. Note that currently all frames in Sophie start out at the same size, 360 x 240; this can be changed in the frame size and position HUD. If the template controls are checked, the values from the saved frame template will be used. If the lock controls are checked, the values will not be editable.
If you click on the frame appearance halo, the frame appearance HUD appears, which looks like this:
This HUD allows you to set the border and fill on the frame. The top, left, right, and bottom border widths can be adjusted separately. If you click on the color squares for the border color or fill color, the color picker will be opened, which looks like this:
If you click on the margins and padding halo, the margins and padding HUD appears, which looks like this:
The top half of this HUD sets the margins values for the frame. Margins are extra space added around the frame so that text will wrap around it. The bottom half sets the padding values for the frame. Padding is extra space added inside the frame between the frame and any text within the frame. Margins and padding can be adjusted on any side of the frame. Margins and padding are visible when the user selects Outline Frames in the status bar of the book window.
One further HUD appears, the drop shadow HUD. It looks like this:
The drop shadow HUD doesn't actually function in this release of Sophie.
Text halos
In previous releases of Sophie 2, text could be edited; when the cursor was inserted in a text frame, text halos appeared. Text halos and HUDs have been disabled in this release of Sophie, although text can be entered. This behavior will change after this release.