How to Create a New UI Layout in Flex to Skin
This Video Training Snippet Shows you how to layout a user interface using Flex components in the Flex Design View. For this interface we are creating a Basic Flex Video Player (skin only).
Steps Covered in Video
1. From the Flex Component Panel click and drag the “Vbox” component to insert it into the layout.
This box will hold all the other components into place and lay them out “Vertically” on the screen.
2. Enter a 430 width and a 438 height or leave default for now.
3. Drag a “Video Display” component and drop it inside the “VBox”
4. Drag an “Image” component over to the layout and drop it above the Video Display inside the VBox.
5. Drag an “HBox” component and drop it underneath the Video Display.
This box will hold all the buttons that control the video player and lay them out “Horizontally”.
6. Drag a “Button” component and drop it inside of the HBox. Repeat 4 more times for a total of 5 buttons.
View outline for this entire lesson. Skinning a Flex Video Player.
No Comments Comments Feed
Add a Comment
You must be logged in to post a comment.