This is part of the "Android and Kotlin for Beginners" learning path. View Path

Beginning Android Layouts

Mar 22 2018 · Beginner · Video Course · 1 hr, 42 mins

You will learn the basics of creating Android user interfaces, starting with layouts such as LinearLayout, and then switch to using the newer ConstraintLayout.

Version

  • Kotlin 1.2, Android 4.4+, Studio 3.0.1

Introduction to Android Layouts

Introduction

3:34 Free

In this introductory video, you'll find out what's covered in our Beginning Android Layouts video tutorial series.

1

Download the starter app and build in in Android Studio, and take a peek at the included starter layout files.

2

Learn about the foundation of all Android layouts, the ViewGroup class, and explore the layout editors in Android Studio.

3

Be introduced to the concept of the view hierarchy, and begin your study of layouts by seeing how to define view widths and heights.

4

Learn how to specify size units in Android, and use those size units to space views via margins and padding.

5

In this video, you will practice adding padding to a view, through a hands-on challenge. Give it a try!

6

Conclusion

1:11

In this video, we'll review what you've covered in this first section, and discuss what's next in our Beginning Android Layout course.

7

Basic Layout Types

In this video we will review the basic layout types that you'll learn about in this section of our Beginning Android Layouts course.

8

RelativeLayout

5:43 Free

Learn about how to use the RelativeLayout ViewGroup to position sibling views with specific relationships to one another.

9

Learn how to align elements using the layout_gravity and gravity tags, and do some code and design cleanup.

10

In this video tutorial you will practice creating a RelativeLayout, through a hands-on challenge. Give it a try!

11

Learn about how to use the LinearLayout ViewGroup to position views along a horizontal or vertical dimension.

12

Discover how to use layout_weight with LinearLayout, in order to divide the shared size between sibling views in a specific ratio.

13

In this video tutorial you'll practice creating a LinearLayout, through a hands-on challenge. Give it a try!

14

Learn about how to use the FrameLayout ViewGroup to create a layering of views, and how to switch between the layers.

15

In this video you'll practice creating an empty state using FrameLayout, through a hands-on challenge.

16

Conclusion

1:37

Let's review what you learned about the basic layout types, and discuss what's next in this Beginning Android Layout course.

17

ConstraintLayout

Let's review what you'll be learning in this section by introducing ConstraintLayout and constraints.

18

In this video you'll use the converter built-in to Android Studio to convert an existing layout to ConstraintLayout.

19

In this video you'll create a new ConstrainLayout from scratch, utilizing the layout editor editing controls.

20

In this video, you'll practice converting an existing layout to ConstraintLayout, through a hands-on challenge.

21

In this video you'll practice programmatically hiding empty views in a ConstraintLayout, through a hands-on challenge.

22

Conclusion

1:18

Let's review what you've learned about ConstraintLayout, and discuss what's next in this Beginning Android Layout course.

23

Configuration Changes

Let's discuss why it's important to handle both portrait mode and landscape mode device configurations.

24

Learn about how resource qualifiers are used to handle different device densities and also for localization.

25

See how to create a layout file tailored specifically for when the device is in the landscape orientation.

26

In this video you'll practice creating a landscape mode layout, through a hands-on challenge. Give it a try!

27

Remove all of the nested layouts in an existing layout to create a completely flat ConstraintLayout.

28

Conclusion

2:45

In this final episode, you'll get a summary of the course as well as see an overview of Android layout topics that were not covered.

29

Contributors

Comments