Android Development Essential Training: 2 User Interface Design

Course details

Android is the most popular mobile operating system in the world, holding 85% of global market share. That makes Android the natural starting point for new app developers. This series of courses teaches the basics needed to develop, design, manage, and distribute your own native Android application using the Kotlin programming language and the Android SDK. Part 2 explains how to build a simple yet responsive user interface with built-in Android components, themes, and styles. Instructor Annyce Davis also explains how to collect and display user-entered text; display system messages; and localize your app interface. Plus, find out how to load and display images, including web resources, SVG-like images called vector drawables, and app icons, to enhance the user experience of your app. Make sure to take the challenges throughout the course to practice your new skills.

Topics include:
Using ViewGroup components
Managing view position with constraints
Getting view references
Managing data entry of text
Displaying text
Displaying images
Defining custom themes and styles

Concepts

0. Introduction

01 - User interface design
02 - What you should know
03 - Using the exercise files

1. Using ViewGroup Components

04 - Position views with LinearLayout
05 - Manage positions with constraints
06 - Distribute views with constraint chains
07 - Display views programmatically
08 - Get view references with findViewById()
09 - Get view references with view binding
10 - Challenge - Get in line
11 - Solution - Get in line

2. Display and Collect Text

12 - Manage string values as resources
13 - Manage data entry with EditText
14 - Manage data entry with TextInputLayout
15 - Use string resources with placeholders
16 - Display Snackbar messages
17 - Challenge - Get to know you
18 - Solution - Get to know you

3. Display Images

19 - Display image resources
20 - Load image resources at runtime
21 - Reduce file size with WebP images
22 - Use XML-based VectorDrawable images
23 - Create icons in Android Studio
24 - Challenge - Load a network image
25 - Solution - Load a network image

4. Create Themes and Styles

26 - Define visual styles and themes
27 - Configure Material Design theme colors
28 - Define custom styles

Conclusion

29 - Next steps