Video: The Panels (Length = 11:15, Peachpit.com)
Authoring panels in the Animate workspace carry the authoring and publishing controls that you can arrange according to your preferences. You can also drag any panel out of its place, resize it, and place it anywhere on your screen for easy access. Animate fly-out menus also give you an option to lock the panel at any particular place on your screen so that it does not move when you drag it accidentally while working.
The Property inspector provides easy access to the most commonly used attributes of the current selection, either on the Stage or in the Timeline. You can make changes to the object or document attributes in the Property inspector without accessing the menus or panels that also control these attributes.
Depending on what is currently selected, the Property inspector displays information and settings for the current document, text, symbol, shape, bitmap, video, group, frame, or tool. When two or more different types of objects are selected, the Property inspector displays the total number of objects selected.
To display the Property inspector, Select Window > Properties, or press Control+F3 (Windows) or Command+F3 (Macintosh).
The Library panel (Window > Library) is where you store and organize symbols created in Animate, as well as imported files, including bitmap graphics, sound files, and video clips. The Library panel lets you organize library items in folders, see how often an item is used in a document, and sort items by name, type, date, use count, or ActionScript® linkage identifier. For example, when you import a animated GIF into the library, it creates a folder named GIF under the root folder and places the file in it. You can also search the Library panel by typing in a symbol name or linkage name in the search field and set properties on most multiple-object selections.
The Actions panel lets you create and edit ActionScript code for an object or frame. Selecting a frame, button, or movie clip instance makes the Actions panel active. The Actions panel title changes to Button Actions, Movie Clip Actions, or Frame Actions, depending on what is selected.
The Movie Explorer lets you view and organize the contents of a document and select elements in the document for modification. It contains a display list of currently used elements, arranged in a navigable hierarchical tree.
Use the Movie Explorer to perform the following actions:
Filter which categories of items in the document appear in the Movie Explorer.
Display the selected categories as scenes, symbol definitions, or both.
Expand and collapse the navigation tree.
Search for an element in a document by name.
Familiarize yourself with the structure of a Animate document that another developer created.
Find all the instances of a particular symbol or action.
Print the navigable display list that appears in the Movie Explorer.
The Movie Explorer has a Panel menu and a context menu with options for performing operations on selected items or modifying the Movie Explorer display. A check mark with a triangle below it in the Movie Explorer panel indicates the Panel menu.
The Movie Explorer has slightly different functionality when you are working with screens.
To show text, symbols, ActionScript, imported files, or frames and layers, click one or more of the filtering buttons to the right of the Show option. To customize which items to show, click the Customize button. Select options in the Show area of the Movie Explorer Settings dialog box to view those elements.
To show items in scenes, select Show Movie Elements from the Movie Explorer Panel menu.
To show information about symbols, select Show Symbol Definitions from the Movie Explorer Panel menu.
note: The Movie Elements option and the Symbol Definitions option can be active at the same time.
Go To Symbol Definition
Jumps to the symbol definition for a symbol that is selected in the Movie Elements area of the Movie Explorer. The symbol definition lists all the files associated with the symbol. (The Show Symbol Definitions option must be selected. See its definition in this list.)
Select Symbol Instances
Jumps to the scene containing instances of a symbol that is selected in the Symbol Definitions area of the Movie Explorer. (The Show Movie Elements option must be selected.)
Show In Library
Highlights the selected symbol in the document’s library. (Animate opens the Library panel if it is not already visible.)
Copy All Text To Clipboard
Copies selected text to the clipboard. For spell checking or other editing, paste the text into an external text editor.
Cut, Copy, Paste, And Clear
Performs these common functions on a selected element. Modifying an item in the display list modifies the corresponding item in the document.
Collapses the branches in the navigation tree that do not contain the selected element.
A component in Animate is a reusable, packaged module that adds a particular capability to an Animate document. Components can include graphics as well as code, so they're pre-built functionality that you can easily include in your Animate projects. For example, a component can be a radio button, a dialog box, a preload bar, or even something that has no graphics at all, such as a timer, a server connection utility, or a custom XML parser.
If you are less experienced with writing ActionScript, you can add components to a document, set their parameters in the Property inspector or Component inspector, and use the Behaviors panel to handle their events. For example, you could attach a Go To Web Page behavior to a Button component that opens a URL in a web browser when the button is clicked without writing any ActionScript code.
If you are a programmer who wants to create more robust applications, you can create components dynamically, use ActionScript to set properties and call methods at run time, and use the event listener model to handle events.
When you first add a component to a document, Animate imports it as a movie clip into the Library panel. You can also drag a component from the Components panel directly to the Library panel and then add an instance of it to the Stage. In any case, you must add a component to the library before you can access its class elements.
Animate designers can import their external components to Animate and use them to build their animations. To make this workflow easier, Animate provides component parameters section as a panel. This feature lets you resize or move this panel around in Animate staging environment. You can also lock the panel in place by clicking the hamburger icon at the upper-right corner of the panel and by choosing lock option from the menu.
In addition, HTML5 Custom Component developers can now make use of HTML/CSS based user interface for its parameters.
You can view a list of web services, refresh web services, and add or remove web services in the Web Services panel (Window > Other Panels > Web Services). When you add a web service to the Web Services panel, the web service is then available to any application you create.
You can use the Web Services panel to refresh all your web services at once by clicking the Refresh Web Services button. If you are not using the Stage but instead are writing ActionScript code for the connectivity layer of your application, you can use the Web Services panel to manage your web services.