Advanced layout animations in Compose (Shared elements)

Поділитися
Вставка
  • Опубліковано 24 лис 2024

КОМЕНТАРІ • 39

  • @JimPekarek
    @JimPekarek 3 місяці тому +12

    Thanks for showing off Shared Element Transitions with a non-trivial example. This was really well-presented

  • @HoussamElbadissi
    @HoussamElbadissi 2 місяці тому +5

    Amazing presentation! Super clear and to the point. Love the new APIs, as idiomatic and powerful as ever!

  • @monsterbrain
    @monsterbrain 4 місяці тому +9

    It's looking great and found this really adding a smoothness to the app. Keep up the great work.

  • @occasus7964
    @occasus7964 4 місяці тому +12

    These are the kinds of helpful videos that I look forward too.

  • @carlfe4891
    @carlfe4891 4 місяці тому +8

    I might finally use shared element transitions. Great work making this easy to customize and implement.

  • @PauliDev
    @PauliDev 3 місяці тому +4

    I loved your presentation and Droidcon Berlin! That was superb informative and now I'm glad those jetsnack examples are online and I'm able to experiment with them. I did my first sharedElementTransition today! These are the "fireworks" developers love Compose for!

  • @oleksee
    @oleksee 4 місяці тому +8

    My god this is complex and not obvious stuff over here. Haven't had much chance to work with animations in Compose so that makes it an extra layer harder for me to understand. Nevertheless thank you for the helpful video!

  • @justmeagain9302
    @justmeagain9302 4 місяці тому +4

    I always aspire software engineers, you all are chads in the industry

  • @__J____ff
    @__J____ff 3 місяці тому +1

    yes this is really well presented ! must be the very precise/accurate use of the visuals and the perfect examples.

  • @jeffhow4550
    @jeffhow4550 Місяць тому +1

    Thanks for the useful video. Just some suggestions for if you were to do another UI video... The visuals/animations were useful, but they would be much more understandable if you could show a "Before" animation side-by-side with an "After" animation at each step of the process. It can be hard to tell what's exactly changing at each step. Having to scrub through the video sometimes isn't enough. Thank you!

  • @AbdulBasit-kd5vk
    @AbdulBasit-kd5vk 4 місяці тому +3

    very nice explanation and demos.

  • @aligold22
    @aligold22 4 місяці тому +2

    شكرا على الشرح انا تعلم برمجة تطبيقات الموبايل من النت ولدي تطبيقات شكرا على مجهودكم ❤

  • @evilexus
    @evilexus 4 місяці тому +6

    How something as "simple as animations" can add problems and add new features to fix those problems, What irony don't you think ?😅
    Anyway thanks for the well explained tutorial ✌

  • @mohamedkarim-p7j
    @mohamedkarim-p7j 4 місяці тому +3

    Thank for sharing 👍

  • @deviantstudio
    @deviantstudio 4 місяці тому +2

    i hope all these tricks will be documented in the docs

  • @Vatk4LI
    @Vatk4LI 4 місяці тому +23

    Why there is no blur background effects in compose built in libraries. It would be great for designs.

    • @GakisStylianos
      @GakisStylianos 4 місяці тому +3

      There is the .blur modifier

    • @Vatk4LI
      @Vatk4LI 4 місяці тому +1

      @@GakisStylianos did u ever use it? It's not a blur BACKGROUND modifier isn't it?

    • @GakisStylianos
      @GakisStylianos 4 місяці тому +3

      You might be looking for the "Haze" library by Chris Banes for this

    • @Vatk4LI
      @Vatk4LI 4 місяці тому +1

      @@GakisStylianos yeah i saw it but its not quite well. For me it doesnt work even sdk 31 and above.

    • @GakisStylianos
      @GakisStylianos 4 місяці тому

      What do you mean it doesn't work?

  • @kenyakking
    @kenyakking 3 місяці тому +1

    💯great presentation! Thanks!

  • @serhii.petrosiuk
    @serhii.petrosiuk 4 місяці тому +3

    Great job!

  • @erfansn869
    @erfansn869 3 місяці тому +3

    Great and nice content

  • @omyadav1866
    @omyadav1866 4 місяці тому +3

    Very nice 👍 thanks for your support help me

  • @austin17ng
    @austin17ng 4 місяці тому +3

    lots of information

  • @calixtoandrade996
    @calixtoandrade996 4 місяці тому +2

    thanks for this

  • @muzamilabdallah6768
    @muzamilabdallah6768 4 місяці тому +2

    Great

  • @嘿嘿嘿-z1v
    @嘿嘿嘿-z1v 4 місяці тому +1

    油條 is so cute 😂❤

  • @akashmanna2099
    @akashmanna2099 4 місяці тому +2

    Great

  • @Chirag-Redij38
    @Chirag-Redij38 28 днів тому

    While using predictive back gesture with sharedTransition I am not able to render the lazyGrid behind... It just shows a black screen

  • @markocicak4004
    @markocicak4004 Місяць тому

    Latest Compose Multiplatform 1.7.0 is supposed to support shared element transitions.
    Does anyone know what to import in commonMain.dependencies to support the sharedElement API?

  • @ahmadprogrammer136
    @ahmadprogrammer136 3 місяці тому

    I have a first screen with a list of images, and when I click on any image, it moves to another screen with a HorizantelPager that displays all images with the HorizantelPager configured to start from the index of the image that was clicked, and a SharedElement is applied to this image. Now, if I change the image that the SharedElement was applied to in the second screen (HorizantelPager Screen) by swiping left or right, the SharedElement will not occur when I return to the first screen (which contains the list of images), but the SharedElement will be applied to the image that was clicked on the first page. I want the SharedElemnt to be applied even if I change the image in the second screen (HorizantelPager). I hope that I was able to describe the problem correctly 😅 Is there a solution to this problem?

  • @AndroidRecovery-BRICKED
    @AndroidRecovery-BRICKED 4 місяці тому +1

    I only have android honeycomb:(

  • @omyadav1866
    @omyadav1866 4 місяці тому +1

    Google meet great success Android phone Android

  • @omyadav1866
    @omyadav1866 4 місяці тому +1

    ANDROID DEVICE ID SUPPORT PRIVACY POLICY WITH VISITORS

  • @techietoons
    @techietoons 4 місяці тому +1

    You people keep on making things complex. Flutter is much better for animations. Developer can focus on implementing the business logic, rather that these low level managements.

  • @j2shoes288
    @j2shoes288 4 місяці тому +1

    1) Compose Animation can still be janky.