In this final bit of design setup, we’ll place our detail renderer upon the stage and create an element to display the title of our feed.
- [Narrator] In this final bit of design setup,…we'll go ahead and create an element…to display the title of our feed.…So, we already have our detail renderer on the stage…with an instance name of Detail Renderer.…So we can lock that down and select our title layer.…Going over to our tools panel,…let's select the Rectangle Tool again.…I'm gonna keep Object Drawing mode on.…Again, I don't wanna stroke for this,…and for a fill color, I'm gonna type in a value…of 747474 to get this grey color here,…and then I can go ahead and just draw out a rough rectangle.…
That will be the background for our title.…Set is X and Y property both to five,…and I'll change the width to 690…and the height is going to be 40.…So you'll notice, what this establishes…is that on all sides of all these elements,…we have about five pixels worth of space…where you can see through these UI elements…to the background.…It almost makes sort of like a little border.…
The next thing we'll do is provide a text field…for our title.…So choosing the text tool,…
Author
Released
9/7/2016- Using XML and JSON
- Setting up your Animate project
- Building a carousel container
- Applying animation
- Creating titles with dynamic text
- Ingesting external data
- Rendering images
- Automating transitions
- Designing an RSS display
- Programming the RSS display
Skill Level Intermediate
Duration
Views
Related Courses
-
Adobe Animate CC First Look
with Joseph Labrecque14m 45s Appropriate for all -
Web Motion: An Overview
with Tom Green17m 25s Beginner -
Creating Optimized Web Graphics
with Brian Wood42m 16s Intermediate
-
Introduction
-
Welcome54s
-
-
1. Dynamic Data Fundamentals
-
About XML and JSON1m 49s
-
-
2. Design a Web Carousel
-
Setting up the timeline2m 36s
-
Applying carousel animations5m 43s
-
Image and data overview1m 11s
-
-
3. Program the Web Carousel
-
Ingesting the external data3m 25s
-
Rendering the images7m 12s
-
Programming user controls3m 56s
-
Carousel container code4m 56s
-
Finishing the carousel5m 17s
-
-
4. Design an RSS Display
-
Setting up the project1m 30s
-
Completing the layout2m 31s
-
-
5. Program the RSS Display
-
Preparing the project2m 1s
-
Ingesting XML data5m 6s
-
Rendering title instances6m 56s
-
Viewing the item details3m 12s
-
Formatting the data3m 40s
-
-
Conclusion
-
Next steps23s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Completing the layout