Advanced shared elements with shape morphing | Jetpack Compose Tips
Learning Stats
CEFR Level
Total Words
Unique Words
Difficulty
Subtitles (174 segments)
DownloadREBECCA FRANKS: Users love screens
that feel fluid and show continuity between transitions.
In a previous video, we covered how
to get started with the basics of shared elements in Jetpack
Compose.
In this tip, we will cover a more advanced example
application of shared elements and how you can also add
moments of delight to your app.
[MUSIC PLAYING]
In Androidify, we are using the new material
shapes that come as part of the Material 3 Expressive updates.
We have two screens, the Creation screen
that shows the camera button and the Camera
screen that shows the camera viewfinder and the related
buttons.
Currently, we've transitioned between the two screens,
but we don't have a nice animation between the two.
So what if we wanted to transform between the Take Photo
Full subtitles available in the video player
Key Vocabulary (23)
To put something with something else to increase the total number, size, or quality. It is also the basic mathematical process of combining two or more numbers to get a sum.
summon
"Call me later."
The word 'same' is used to describe things or people that are identical or not different from each other. It indicates that two or more things are exactly alike in every way or are the very same entity.
"We have the same birthday!"
A fundamental part or characteristic that makes up a whole, or one of the basic substances that cannot be broken down by chemical means. It often refers to a specific factor or ingredient within a complex situation or system.
To assess or investigate something carefully in order to understand its extent, potential, or suitability. As a verb, it often involves examining a situation or location before taking further action.
Animation describes both the technical process of creating moving images from static drawings or models and the quality of being full of life, energy, or excitement. In a C1 context, it often refers to the vivacity and spirit shown in a person's speech or gestures.
Used as an attributive adjective to describe objects that are small, round, and compact, similar in shape to a garment fastener. In professional or academic contexts, it often refers to specific technical components or a conservative, traditional style.
A cookie is a small, flat, sweet baked food. It is usually made from flour, sugar, and oil or butter, and often includes ingredients like chocolate chips, nuts, or raisins.
"The cookie is important."
A camera is a device used to capture and record static or moving images. It works by focusing light through a lens onto a light-sensitive surface such as film or a digital sensor.
"The camera is important."
A screen is the flat surface on an electronic device, such as a television, computer, or smartphone, where images and information are displayed. It is the part of the hardware that the user looks at to interact with the device.
"The screen is important."
Size describes how big or small an object, person, or space is. In shopping, it specifically refers to the standard measurements used for clothing, shoes, and accessories to ensure a proper fit.
"The size is important."
Grammar in This Video
"we are using the new material shapes"
"Users love screens that feel fluid and show continuity between transitions."
"Users love screens that feel fluid and show continuity between transitions."
"built-in composition local where you can access when needed."
"Firstly, we need to make sure that the top level of our app we are using a Share..."
"we'd like this effect to be a little"
"So what if we wanted to transform between the Take Photo button... to the full-s..."
Comments (0)
Login to CommentSign up to unlock full features
Track progress, save vocabulary, and practice exercises
