This e book is for intermediate Android builders, who want to broaden their information of the UI toolkit and add extra instruments to construct stunning interfaces
to their belt, with Jetpack Compose. It’s additionally for superior builders who’re nicely versed with the legacy Android Toolkit
and presumably know one thing about Jetpack Compose, however haven’t had the time to dive deep into the subject and discover extra superior ideas of Compose comparable to
state dealing with, connecting the declarative UI to software structure sample, utilizing animations and extra.
- Jetpack Compose Fundamentals
- Composable Capabilities
- Modifiers
- Recomposition
- Jetpack Compose UI Tree
- Jetpack Compose State
- Dynamic Composable Capabilities
- Constructing Lists in Jetpack Compose
- Combining Composables
- Jetpack Compose State Dealing with
- Materials Design Composable Capabilities
- Materials Design Modifiers
- ConstraintLayout in Jetpack Compose
- Advanced Jetpack Compose UI
- Jetpack Compose Lifecycle
- Results
- Jetpack Compose Animation API
- Property Animations
- Transitions
- Prop Keys
- View Toolkit Backwards Compatibility
- Glances
- UI Testing
- Accessibility
On this e book, you’ll discover ways to construct a robust app utilizing Jetpack Compose, find out how to fashion your apps utilizing Materials Design, particular animations and state transitions, find out how to use modifiers and far more!
This e book will serve you as a central level that holds all the knowledge you want…
extra
This part tells you a number of issues it is advisable to know earlier than you get began, comparable to what {hardware} and software program you’ll want, the place to search out the undertaking information for this e book, and extra.
Android UI Toolkit is over 10 years previous now! Through the years, it has obtained quite a few updates by way of performance, kinds of UI parts it supplies and optimizations. Nonetheless, due to the way in which the UI crew initially developed the toolkit, it additionally grew in complexity and the quantity of code for even the only of elements.
Lastly, in 2020, a miracle occurred: Jetpack Compose. The brand new UI toolkit was introduced and began being severely developed by Google. Jetpack Compose is a brand new and recent toolkit, constructed utterly in Kotlin, that provides a clear and declarative method to develop customized elements and delightful interfaces.
On this part, you’ll be taught all about:
- The elemental elements Jetpack Compose supplies.
- Learn how to construct frequent person interface elements comparable to containers, navigation controls and lists.
Within the following 4 chapters, you’ll dive deep into the API and be taught a lot about this glorious new UI toolkit.
Through the years, the Android UI toolkit has been developed to offer a number of
completely different approaches on the subject of writing person interface code. From creating
a completely programmatic interface or writing XML-powered layouts, to utilizing completely different
libraries with customized DSLs, there have been many options to the identical subject of
reusability, scalability and efficiency. Evaluate legacy methods of writing UI code,
and discover the brand new and superior UI toolkit referred to as Jetpack Compose.
Study extra in regards to the principle of composable features by making an attempt out the
fundamental Jetpack Compose elements. Every composable perform has a code pattern and is proven contained in the app.
The chapter covers the idea behind composable layouts and directions on find out how to use these layouts to group fundamental parts right into a extra complicated UI.
This chapter covers the idea behind scrollable containers and constructing dynamic horizontal and vertical lists in Jetpack Compose.
When engaged on apps and person interfaces, it’s not solely necessary to know what every bit of the interface must be, but additionally how all these items come collectively to construct a phenomenal and fully-functional design that’ll wow your customers.
Now that you simply’ve learnt the fundamentals of Jetpack Compose and its elementary UI parts, you’re able to dive deeper into constructing customized Compose parts, managing their state in a performant approach and styling them utilizing modifiers and built-in Materials Design options.
Over the subsequent 4 chapters, you’ll discover ways to:
- Connect LiveData buildings to your state administration.
- Depend on completely different styling modifiers.
- Mix these matters to create a robust UI!
You’ll construct on the information from the earlier part of the e book by studying new components of the Jetpack Compose toolkit.
Learn to mix completely different small composable features into larger and extra complicated customized UI. Learn the way to consider the UI construction earlier than implementing composables.
On this chapter you will discover ways to fashion your UI elements utilizing Jetpack Compose modifiers. Utilizing them, you will add shapes, colours, borders, paddings and extra!
Learn to handle state and construct unidirectional flows of knowledge combining Jetpack Compose, ViewModels and LiveData constructs.
Learn to implement Materials Design elements in Jetpack Compose. Dive deeper into state dealing with and implement extra JetNotes options.
Now that you simply’ve constructed your app’s fundamental UI, it’s time to take it to a different degree. On this part, you’ll apply customized, complicated designs that assist you to stand out from 1000’s of comparable apps! This normally entails constructing complicated customized elements and making use of animations to signify state adjustments when your customers work together with the UI.
Over the subsequent 5 chapters, you’ll dive deeper into the Jetpack Compose API to discover ways to:
- Join Compose UI to legacy Android code.
- React to Compose UI lifecycles.
- Animate completely different state adjustments and person interactions.
- Learn how to use Jetpack Compose along with the previous View UI Toolkit
Within the course of, you’ll construct an superior app that represents a real-world undertaking and also you’ll apply some finest practices to enhance the person expertise.
Learn to reference ConstraintSets in Compose and find out how to use them to place views similar to in a ConstraintLayout.
Learn to construct a posh UI in Jetpack Compose utilizing all the elemental elements and mixing them collectively.
Learn to take heed to and react to lifecycle callbacks of Jetpack Compose elements.
Learn to animate UI properties utilizing completely different animation options of Jetpack Compose.
Learn to use Jetpack Compose in new tasks and mix it with the View API, or find out how to add Jetpack Compose to current tasks.
To date, you’ve targeted on increase information of how Jetpack Compose works. You now know find out how to construct
a reasonably complicated app utilizing Compose, nicely completed on reaching this! Apps which are of top of the range are constructed this manner and likewise incorporate two new ideas you’ll study, UI Testing and Accessibility
Within the subsequent two chapters, you’ll dive into every of those matters and discover ways to:
- Construct a set of UI assessments to confirm your Jetpack Compose UI works as anticipated
- Help Accessibility options in your app via Compose
These are two chapters you will need to learn to take your Compose abilities and person expertise to the subsequent degree.
Learn to write element degree & display degree UI assessments in Jetpack Compose.
Learn to use Jetpack Compose in new tasks and mix it with the View API, or find out how to add Jetpack Compose to current tasks.
Nicely completed on reaching part V of the e book. You now know find out how to construct a top quality app utilizing Jetpack Compose, ensuring it’s examined appropriately through UI Testing, and eventually levaging Accessibility options so your app can be utilized by a big viewers.
On this part you’ll take a look at a brand new space of Compose being created referred to as Jetpack Look, a brand new method to construct Widgets utilizing Compose. You’ll additionally take a look at find out how to hold your Jetpack Compose information upto date with the newest releases.
By the top of the part you’ll be taught:
- What Jetpack Look is and construct a Widget utilizing it
- How vital Jetpack Compose is to the Developer group.
Learn to use Jetpack Compose in new tasks and mix it with the View API, or find out how to add Jetpack Compose to current tasks.
Study in regards to the all assets you need to use to remain updated with every part occurring within the Jetpack Compose ecosystem.
This supplementary part is for appendices to accompany the e book. On this part there’s a useful set of comparisions of UI elements between the previous UI Toolkit and Jetpack Compose. Use this if you wish to have an concept what like for like elements exist.
