Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Android UI Development with Jetpack Compose
  • Toc
  • feedback
Android UI Development with Jetpack Compose

Android UI Development with Jetpack Compose

By : Thomas Künneth
5 (19)
close
Android UI Development with Jetpack Compose

Android UI Development with Jetpack Compose

5 (19)
By: Thomas Künneth

Overview of this book

Compose has caused a paradigm shift in Android development, introducing a variety of new concepts that are essential to an Android developer’s learning journey. It solves a lot of pain points associated with Android development and is touted to become the default way to building Android apps over the next few years. This second edition has been thoroughly updated to reflect all changes and additions that were made by Google since the initial stable release, and all examples are based on Material 3 (also called Material You). This book uses practical examples to help you understand the fundamental concepts of Jetpack Compose and how to use them when you are building your own Android applications. You’ll begin by getting an in-depth explanation of the declarative approach, along with its differences from and advantages over traditional user interface (UI) frameworks. Having laid this foundation, the next set of chapters take a practical approach to show you how to write your first composable function. The chapters will also help you master layouts, an important core component of every UI framework, and then move to more advanced topics such as animation, testing, and architectural best practices. By the end of this book, you’ll be able to write your own Android apps using Jetpack Compose and Material Design.
Table of Contents (18 chapters)
close
1
Part 1: Fundamentals of Jetpack Compose
5
Part 2: Building User Interfaces
10
Part 3: Advanced Topics

Summary

This chapter showed you how easy it is to use Jetpack Compose to enrich your apps with animations and transitions. We started by using simple animations to visualize state changes. For example, I introduced you to animateColorAsState(). We then used updateTransition() to obtain Transition instances and invoked extension functions, such as animateDp() and animateFloat() to animate several values based on state changes simultaneously.

The Showing and hiding UI elements with animations section introduced you to the AnimatedVisibility() composable function, which allows you to apply enter and exit transitions. They are played back while the content appears or disappears. You also learned how to animate size changes using the animateContentSize() modifier.

In the final main section, Spicing up transitions through visual effects, we used the Crossfade() composable function to switch between two layouts with a crossfade animation. Furthermore, you learned about AnimationSpec...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete