Creating a Grid Screen

About this lesson

This lesson explains how to create a basic app that gets the videos from a content feed and displays them in a grid, which contains rows of posters (thumbnail images). It demonstrates how when you scroll to a poster, it is highlighted and its name, duration, and description are displayed above the row.

This lesson describes how to create the directory structure and manifest required by Roku apps. It shows how to create SceneGraph components, set their attributes, and create their interfaces. It details how to parse the metadata in the content feed, add the metadata to content nodes, and then add the content nodes to SceneGraph components.

Resources

Item	Description
Grid Screen sample app	Download and review the code used in this lesson to create a grid screen.
Sideloading Roku apps	Sideload and test the Grid Screen app created in this lesson.
App directory	Learn to how to create the directory structure required by Roku apps.
Manifest	Read how to create the manifest required by Roku apps (every app must have a manifest so the Roku OS knows which features your app supports). Learn about all the mandatory attributes that must be included in the manifest, and the different optional features can be enabled in it.