This course will be retired on June 1, 2025.

Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Android Fragments

Preview

Start a free Courses trial
to watch this video

Sign up for Treehouse

Becoming Scrollable

1:58 with Ben Deitch

In this video we'll see what it takes to make a LinearLayout scrollable! Hint: Not much.

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    When the list of ingredients is bigger than the screen, 0:00
    we would expect to be able to scroll down to see more ingredients. 0:02
    But that's not what happened, instead nothing happened. 0:07
    And we weren't able to see all the ingredients. 0:10
    How frustrating. 0:13
    So what's going on? 0:15
    Well there's actually a very simple explanation, LinearLayouts don't scroll. 0:17
    But ScrollViews do. 0:22
    A ScrollView is a special type of frame layout that let's us scroll whatever's 0:24
    inside it. 0:27
    So in order to make our LinearLayout scrollable, 0:29
    we just need to put it inside of a ScrollView. 0:31
    Let's head over to fragment_ingredients.xml and do just that. 0:34
    Let's add a line above the LinearLayout, and add a ScrollView tag. 0:40
    Then, let's cut and paste the xml namespace into our ScrollView. 0:48
    And since we want the same layout_width and height attributes as well, 0:56
    let's copy those too. 1:01
    Then let's close our tag. 1:08
    And cut the closing ScrollView tag and paste it down at the bottom. 1:11
    Then I'll highlight the LinearLayout and hit tab, just to add some spacing. 1:20
    Nice. 1:26
    Then let's read this warning. 1:26
    And change this to wrap_content. 1:30
    And now let's test the app. 1:34
    I'll click Pancakes. 1:42
    Pick some ingredients. 1:44
    Rotate it, and we should be able to scroll now. 1:46
    And we can. 1:50
    Cool. 1:51
    Turns out, that's all there is to making a LinearLayout scrollable. 1:53
    Just add a ScrollView. 1:57

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up