Unit 3: Display Lists and Use Material Design

• Unit 3 Pathway 1: More Kotlin fundamentals
  • Unit 3 Pathway 1 Activity 1: More Kotlin Fundamentals
  • Unit 3 Pathway 1 Activity 2: Generics, Objects, Extensions
    • Introduction
      • Prerequisites
      • What you’ll learn
      • What you’ll need
    • Make a reusable class with generics
      • What is a generic data type?
      • Refactor your code to use generics
    • Use an enum class
      • Use an enum constant
    • Use a data class
      • Convert Question to a data class
    • Use a singleton object
      • Define a singleton object
      • Access a singleton object
      • Declare objects as companion objects
    • Extend classes with new properties and methods
      • Add an extension property
      • Add an extension function
    • Rewrite extension functions using interfaces
    • Use scope functions to access class properties and methods
      • Scope functions can eliminate repetitive object references
      • Use let() to replace long object names
      • Use apply() to call an object’s methods without a variable
    • Summary
  • Unit 3 Pathway 1 Activity 3: Use collections in Kotlin
    • Introduction
      • Prerequisites
      • What you’ll learn
      • What you’ll need
    • Arrays in Kotlin
      • Access an element in an array
    • Lists
      • List and MutableList
      • The listOf() function
      • Access elements from a list
      • Iterate over list elements using a for loop
      • Add elements to a list
      • Update elements at a specific index
      • Remove elements from a list
    • Sets
      • Use a MutableSet in Kotlin
    • Map collection
    • Conclusion
  • Unit 3 Pathway 1 Activity 4: Higher-order functions with collections
    • Introduction
      • Prerequisites
      • What you’ll learn
      • What you’ll need
    • forEach() and string templates with lambdas
      • Starter code
      • Loop over a list with forEach()
      • Embed expressions in strings
    • map()
    • filter()
    • groupBy()
    • fold()
    • sortedBy()
    • Conclusion
  • Unit 3 Pathway 1 Activity 5: Practice: Classes and Collections
    • Before you begin
      • Prerequisites
      • What you’ll need
    • App overview
    • Task 1
    • Task 1 Solution
    • Task 2
    • Task 2 Solution
    • Task 3
    • Task 3 Solution
    • Task 4
    • Task 4 Solution
    • Task 5
    • Task 5 Solution
    • Task 6
    • Task 6 Solution
    • Task 7
    • Task 7 Solution
• Unit 3 Pathway 2: Build a scrollable list
  • Unit 3 Pathway 2 Activity 1: Intro to Affirmations App
  • Unit 3 Pathway 2 Activity 2: Add a scrollable list
    • Before you begin
      • Prerequisites
      • What you’ll learn
      • What you’ll build
      • What you’ll need
      • Download the starter code
    • Create a list item data class
      • Create a data class for an Affirmation
    • Add a list to your app
      • Create a list item card
      • Preview the AffirmationCard composable
      • Create the list
      • Display the list
    • Get the solution code
    • Conclusion
  • Unit 3 Pathway 2 Activity 3: Change the app icon
    • Before you begin
      • Prerequisites
      • What you’ll learn
      • What you’ll make
      • What you need
      • Download the starter code
    • Launcher Icons
      • Explore launcher icon files
    • Adaptive Icons
      • Foreground and Background Layers
      • Explore adaptive icon files
    • Download new assets
    • Change the app icon
      • Test your app
      • Adaptive and legacy launcher icons
    • Get the solution code
    • Summary
  • Unit 3 Pathway 2 Activity 4: Practice: Build a grid
    • Before you begin
      • Prerequisites
      • What you’ll need
      • What you’ll build
    • Get started
    • Topic data class
    • Data source
    • Topic grid item
      • References: Topic grid item
    • Courses grid
      • References: Courses grid
    • Solution code
• Unit 3 Pathway 3: Build beautiful apps
  • Unit 3 Pathway 3 Activity 1: Intro to Material Design with Compose
  • Unit 3 Pathway 3 Activity 2: Material Theming with Jetpack Compose
    • Before you begin
      • Prerequisites
      • What you’ll learn
      • What you’ll build
      • What you’ll need
    • App overview
      • Color palette
      • Typography
      • Theme file
    • Starter code
      • Explore the starter code
      • Ensure your emulator/device is in light theme
    • Add color
      • Use Material Theme Builder to create a color scheme
      • Add color palette to theme
      • Color mapping
      • Dimens file
      • Dark theme
      • View dark theme in preview
      • View dark theme on your device or emulator
      • Dynamic Color
    • Add shape
      • Shape the dog image into a circle
      • Add a shape to the list item
    • Add typography
      • The Material Design type scale
      • Create a font Android Resource Directory
      • Download custom fonts
      • Initialize fonts
      • Add typography to app text
    • Add a top bar
      • Add image and text to the top bar
    • Solution code
    • Conclusion
  • Unit 3 Pathway 3 Activity 3: Simple animation with Jetpack Compose
    • Before you begin
      • Prerequisites
      • What you’ll learn
      • What you’ll build
      • What you’ll need
    • App Overview
      • Starter code
    • Add expand more icon
      • Icons
      • Add Gradle dependency
      • Add the icon composable
      • Display the icon
      • Align the expand more button
      • Add the spacer to the list item row
    • Add Composable to display hobby
    • Show or hide the hobby on button click
    • Add animation
      • Spring Animation
    • Solution Code
    • Conclusion
  • Unit 3 Pathway 3 Activity 4: Testing for Accessibility
    • Introduction
      • What you’ll learn
      • What you’ll need
    • Getting set up
      • Starter Code
      • Setup your device
      • Configure a device with the Google Play Store app
      • Install the Android Accessibility Suite app
      • Install the Woof app
    • Use Woof with TalkBack
    • Use Woof with Switch Access
    • Improving UI accessibility
      • Content description
      • Touch target size
      • Color contrast
    • Conclusion
  • Unit 3 Pathway 3 Activity 5: Practice: Build Superheroes app
    • Before you begin
      • Prerequisites
      • What you’ll need
      • What you’ll build
    • Get started
    • Material Theming
      • Color
      • Shape
      • Typography
      • Theme
    • Display list
      • Create the lazy column
    • Add Top app bar
      • Customize status bar color
    • Solution code
  • Unit 3 Pathway 3 Activity 6: Project: Create a 30 Days App
    • Before you begin
      • Prerequisites
      • What you’ll build
      • What you’ll need
    • Overview
    • Decide on your app’s theme, text, and images
      • Decide on a theme
      • Decide on text and images
    • Decide on the layout for each tip and app
      • Choose a layout for each tip
      • Plan the layout for the app
    • Material Design Considerations
      • Choose colors for your app
      • Choose fonts for your app
      • Shapes
    • Animations
    • Build your app
• Unit 3 Quizzies