This course will be retired on July 14, 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

Build a Simple Android App with Kotlin

Well done!

You have completed Build a Simple Android App with Kotlin!

Sign up for Treehouse Back to Library
Preview
Video Player
00:00
00:00
00:00
  1. 2x 2x
  2. 1.75x 1.75x
  3. 1.5x 1.5x
  4. 1.25x 1.25x
  5. 1.1x 1.1x
  6. 1x 1x
  7. 0.75x 0.75x
  8. 0.5x 0.5x
Use Up/Down Arrow keys to increase or decrease volume.

Setting Padding

1:14 with Ben Deitch

In this video we'll talk about how to add padding to our layout!

We're almost done with our layout. 0:00
The last thing we need to do is set the padding around our views 0:02
to match the mockups. 0:05
If we take another look, we see that there's some space between 0:07
each of our views and the edges of the screen. 0:11
We can change the amount of space by updating the padding property 0:14
of our relative layout. 0:17
Let's try to do this in XML. 0:20
Over on the Text tab, inside the relative layout element, 0:22
let's add a line below where we set the background. 0:27
Then type android:padding, and 0:31
set it equal to, in quotes, 50 DP. 0:35
Remember how we used SP as the units for tech size? 0:41
Well, DP is similar. 0:45
DP stands for density independent pixels. 0:47
Android devices can have all sorts of different screen resolutions. 0:50
And using density independent pixels helps us make sure that our app looks relatively 0:54
consistent across all those devices. 0:59
And now, we can see that our views have a little space offsetting 1:01
them from the edges of our relative layout, just like in the mockups. 1:04
In the next video, we'll see how to get rid of this bar at the top of the screen 1:09