Doris Liu

720 posts

Doris Liu

@doris4lt

Software Engineer / Creator of #JetpackCompose animation APIs @Google / Artist

Mountain View, California เข้าร่วม Ağustos 2008

196 กำลังติดตาม5.7K ผู้ติดตาม

ทวีตที่ปักหมุด

Doris Liu@doris4lt·18 Nis

Have you tried the all new shared element transition API 💫as a part of today's compose-animation 1.7.0-alpha07 release? #1.7.0-alpha07" target="_blank" rel="nofollow noopener">developer.android.com/jetpack/androi… If you have any feedback/questions/demos, we would love to hear/answer/see them! 😊

English

117

9.4K

Doris Liu@doris4lt·16 May

Help us improve tools to build Compose animation! Android Studio team is running a user study from May27-30. If you'd like to share animations you built and thoughts on tooling, we'd love to speak with you. See more details and respond to this form: forms.gle/EciCFvqsFadJzi… 🙏

English

1.6K

Doris Liu รีทวีตแล้ว

KSND@ksnd_dev·22 Ara

Shared Element Transition 試してました

日本語

1.2K

Doris Liu@doris4lt·6 Ara

Great example of a "local" shared element transition, where the SharedTransitionLayout is contained within one small layout. 👏👏 The resulting shared transition overlay is scoped to only the BasicTextField. Therefore no need to concern with rendering on top of bottom bar, etc🔥

sinasamaki@sinasamaki

🪄 new article on making a text field hint animation in #JetpackCompose using shared element transitions #AndroidDev

English

3.2K

Doris Liu รีทวีตแล้ว

sinasamaki@sinasamaki·2 Ara

Using shared element transition for this text input hint animation ✨ #JetpackCompose #ComposeMultiplatform

English

107

4.6K

Doris Liu รีทวีตแล้ว

Code with the Italians@codewiththeita·20 Kas

Another episode of “This is our dev life. We chase bugs!” brought to you by @doris4lt @seebrock3r and @hamen 🤣 Check out the early recording on twitch.tv/codewiththeita… if you are a supporter. If you are not, you can become one for free: cwti.link/prime-sub.

English

1.3K

Doris Liu รีทวีตแล้ว

Code with the Italians@codewiththeita·19 Kas

🎨 Tomorrow's episode will bring your apps to life! Doris Liu @doris4lt, the brain behind Compose animations, will show us how. Tune in: cwti.link/twitch #AndroidDev #UIUX

English

1.1K

Doris Liu@doris4lt·23 Eki

@40973894 Do you have a video showing what that looks like? Is your question how to make it less stiff?

English

233

A-zhen@40973894·22 Eki

hi .@doris4lt quick question, when I animate some thing like use Scale Animatable then use Spring animation the end of animation will be stiff. like this below the pic

English

476

Doris Liu@doris4lt·15 Eki

@anwar_va Thanks for reaching out. I'm not seeing any animation at all in the video, not even the fade for the incoming and outgoing content. First thing I'd check is if the animation duration scale is set to 0.

English

Anwarr@anwar_va·12 Eki

Detail Screen:

Kebayoran Lama, Indonesia 🇮🇩 English

Anwarr@anwar_va·12 Eki

@doris4lt hey Doris, my apologize to mention here, but really stuck in the Shared Element Transition implementation in my project 🥲. How to trace to issue for this result? Attached the code in the next thread.

Kebayoran Lama, Indonesia 🇮🇩 English

Doris Liu รีทวีตแล้ว

Konstantin Klassen@Snokbert·6 Eki

👋 I've been in a slump lately and could barely motivate myself to code anything. Never have I opened the fridge more often to see the same content over and over again... I feel better today, so here is a custom selection menu, powered by some micro animations. #jetpackcompose

English

Doris Liu รีทวีตแล้ว

mejdi hafien@mejdi141·2 Eki

The second bottom bar style just made it into the new library, but it's probably only useful for mobile since it doesn't suit the other platforms #Compose #Multiplatform

English

1.2K

Doris Liu รีทวีตแล้ว

Sasikanth@its_sasikanth·19 Eyl

🎉 The brand-new Pinnit is now available on Google Play! Pinnit allows you to pin, schedule & manage your notifications. Together with @edpratti, we couldn't be more proud of the work put into it! play.google.com/store/apps/det… #Shipaton #JetpackCompose #Android

English

337

29K

Doris Liu รีทวีตแล้ว

Alex Lockwood@alexjlockwood·20 Eyl

An animated SegmentedControl component implemented in Compose using: - Modifier.animateBounds(), new in 1.8.0-alpha01! - LookaheadScope - Custom Layout Code: gist.github.com/alexjlockwood/…

GIF

English

121

6.2K

Doris Liu@doris4lt·17 Eyl

@GakisStylianos @its_sasikanth We intend to support this. Here's a tracking issue: issuetracker.google.com/367523487

English

Stylianos Gakis@GakisStylianos·17 Eyl

@doris4lt @its_sasikanth Is the hope that in some future there is going to be something easier that devs can grab and use for this, or is it not that prioritized right now? I do think that I've heard many people mention that they need this feature, me included, is there a tracking issue for it perhaps?

English

120

Sasikanth@its_sasikanth·14 Eyl

@doris4lt is there a way I can get shared element transition progress here so that I can update the clip corner size during the transition between screens 👀

English

319

Doris Liu@doris4lt·17 Eyl

@GakisStylianos @its_sasikanth Yes, I was going to suggest using the `Transition` to animate the corner radius. Seems like you already did that. If you observe the lookahead size for the initial & target content, you may be able to derive the progress based on the current size, but that's a lot of manual work.

English

Stylianos Gakis@GakisStylianos·15 Eyl

@its_sasikanth @doris4lt Yep that's exactly the approach I've seen before. The limitations section right here #current-limitations" target="_blank" rel="nofollow noopener">developer.android.com/develop/ui/com… mentions exactly how this isn't supported super well right now

English

Doris Liu@doris4lt·17 Eyl

Check out the new ADB podcast where you can hear about the thoughts that went into designing the compose animation system, as well as the making of shared element APIs. 😊📢

Android Developers@AndroidDev

A new episode of #ADBPodcast is here! → goo.gle/47pZgvq This time, we chat with the Compose team about animations in Compose — covering everything from the basic primitives up to the recently added Shared Element Transitions.

English

3.5K

Doris Liu@doris4lt·6 Eyl

@halilozercan Glad to hear that. zIndexOverlay would indeed be more appropriate, since that z-order is intended for transient changes while the items are transitioning in the overlay. BTW, cool demos like this are welcome in compose demos. That way more people could see and learn from them.❤️

English

127

Halil Özercan@halilozercan·5 Eyl

@doris4lt Don't remember the code entirely but I think BoundsTransformation and zIndexInOverlay. I actually tried to use the zIndex modifier then later realized there was a specific parameter for it 😬

English

190

Doris Liu รีทวีตแล้ว

Halil Özercan@halilozercan·31 Ağu

It's been a while since I did one of these challenges in Compose. This one is quite easy, especially with the sharedElement modifier. Discovering that everything I need to customise is already a parameter on the sharedElement modifier is a true sign of a perfectly designed API.