A status bar has been added to the editing window in Antetype 1.3 to provide…
Two new editing bars have been added to the main window in Antetype 1.3, both are designed to provide at-a-glance information about the currently selected element and enable quicker editing.
This post explores the functions available from the Style bar and some hidden features that will improve your workflow.
The style bar has been designed so that designers can quickly see information about the most commonly used styling properties.
In the above image we can see the following information:
Please note that not all properties are available for all elements, e.g. you can’t alter the visibility of a screen.
At the end of the style bar there are two controls that only appear when the properties of an instance of a widget do not match the definition of the widget.
For more detail about which properties have changed – please consult the widget inspector.
When a widget is selected the first control in the style bar is a control that shows the currently selected state of a widget.
In this case the selected state is Normal – this control can be used to change the state of a widget from one state to another. You can also choose to Select All States, to make a more complex selection of states or to add and remove states from a widget chooser Manage States to show the Style Inspector where you can make changes to the states.
A few controls in the style bar can be interacted with directly in the style bar, e.g. state and nest. Most of the controls will open a Style Editor when they are clicked e.g. Visibility, Size etc.
The Style Editors are designed to be focused on single task and a separate blog post will cover Style Editors in more detail.
All controls in the style bar come with a hidden feature that allow the designer to copy or paste all the styling properties for that control between elements.
If you ctrl-click on any of the controls in the style bar that open a Style Editing popup you will see a context menu that enables you to copy or paste the style relevant to that particular part of the style bar.
Pasting can also be achieved with the keyboard shortcut ⌥⌘V.
Read more about Antetype 1.3.
Read about the new Style Editors used by the Style bar in Antetype 1.3.
Read about the new navigation and selection possibilities with the Status bar in Antetype 1.3.
This post is part of a series of posts about Antetype 1.3.