Hi Philipp, you are very cool and I enjoy your amazing lessons so much. Thank you for teaching us so many things and I love your beautiful voice. So I hope you reach 100 million subscribers on TH-cam.
super great video as well , i expect that from you as a huge android video content creator keep going by the way and still supporting you more and more thank you again
Great video, thank you! Is there a way to do something similar but with a lazygrid item animating to a full screen item? basically if we have a lazygrid, and user taps on an item, we want that one item to animate from wherever it is on the screen to be centered and full screen. i feel like motionlayout is what i need, but the "start constraints" is hard to figure out since the starting position of this lazygrid item can be anywhere on screen.
Thank u so much, i used motion layout in case of list and custom-toolbar, when scroll down into the list , the toolbar still shown. but not in jetpack compose
Hi Philip! Why would you bother using MotionLayout as you can animate anything using Compose built in animation? Using MotionLayout into Compose is, as far as I understand, more of an interoperability solution than a functional solution as you can achieve the same results using Compose animation.
Great video as always Phillip! Quick question : in XML based MotionLayout it was passible to define multiple transitions and trigger them individually, How can we manage multiple transitions in one scene in Compose using the json5 approach?
in your What Is Clean Architecture course that i bought i need help, because initial branch dont start anymore... and i dont know how to solve... there is something like: ComposeOptions.kotlinCompilerVersion is deprecated. Compose now uses the kotlin compiler defined in your buildscript. I am new in Compose and cannot repair ThankYouuu
I faced a similar issue a while ago! You can resolve this by updating compose version in the build.gradle(Project) file. Something like this: buildscript { ext { compose_version = '1.1.1' } } Set the same version for the compose compiler in the build.gradle(Module) file: composeOptions { kotlinCompilerExtensionVersion compose_version } Hope this helps 😎
@@PhilippLackner Migrating to Gradle kotlin DSL: is too much difficult to UNDERSTAND for who dont know architecture like me :(.... Have you got some basic video? I need understand difference about Groovie and Gadle DSL first...
I'm not sure if I'm stupid or what, but what is the parent of the box here? Isn't it supposed to be the column? It constrains the column from the start, end, and top. However, when it gets to the bottom, it is linked to the profile pic! Could someone please clarify?
Hi Philipp, it is very good video and I have one question, we how to change custom textColor in KeyAttributes. I can do it in XML but I can't do it with json5
I wanted to create some thing like this with lazy column using nested scroll in my app but velocity tracker in compose has an issue , when I change offset of lazy column by scroll delta, every point add to velocity tracker has same offset so velocity approximately is zero . :(
Hi Philipp, I am a IOS developer, I want to rewrite my app for Android devices using Kotlin, where do I start with your videos, my App will have sqlite DB which is currently 80Mb and I want the users to request data from the DB, there will be no add to DB functions, only read, any starting point from your side, please, thanks
If you know nothing about kotlin and Android start with kotlin newbie to pro and Android fundamentals. Then watch a video that covers room databases, for example my recent parking spot saver apl
pretty sure that's what android studio dark theme looks like on a mac by default, if it wasn't, his android studio look wouldn't have changed when he got the mac
this is awesome! btw, can you make a video on how to accomplish this -> th-cam.com/users/shortsrwjowwhFBmw , basically it is a collapsible parallax image, now instead of text it can be a list when scrolls ups the image disapper (or header component) and when scrolls down it appear again. thanks!!
I think you could do it even easier than Philip's example. You just specify start and end height of a box, width as 'spread' and set mask on top of image on which you change alpha. You can set your last visible item as your progress. Not sure if there's alpha parameter but I gues it should be available.
Animating the texts color via properties doesn't work anymore. As soon as I try to move the slider, an error occures with the following message: "java.lang.IllegalStateException: You must call layoutWithConstraints first".
I watched the video, made notes, then wrote some code to implement with my own transitions and it worked!!!! 100% pure wow!!!!!
I don't know how I missed this lesson, it gives so many possibilities. Thanks for the great content, it really helps at developing my skills 🙏
Hi Philipp, you are very cool and I enjoy your amazing lessons so much. Thank you for teaching us so many things and I love your beautiful voice. So I hope you reach 100 million subscribers on TH-cam.
🙏❤️
I made the column clickable, and animated the progress value with LunchEffect. Thanks for all the knowledge.
super great video as well , i expect that from you as a huge android video content creator keep going by the way and still supporting you more and more thank you again
Thanks man❤️
Really need this tutorial thanks Phillip
Amazing job, as always.
Thanks mate
love these videos, something new too, I always learn something and philipp does it so well
Glad you like it! 🙏
All code I can repeat, it is great! Many teachers can't show like you.
Best android guy on TH-cam!
❤️
Thank you bro, you are the best! Luck to have you on our side!
Sometimes it's like magic, exactly what I was thinking about this morning, and now you post a video about this 😂🔥
Just for you bud
Man your content is amazing, please keep it up!
Thanks!
Excellent Philip! That was fun.
Thanks, glad you liked it!
Didn't finish watching the whole video but i think it's awesome
Hats off to my man out there in south africa enjoying the sun but still managing to drop bomb tutorials
🙏❤️
You are unbelievably awesome!
it was comprehensive, Thank you! 🙏
Thank you philipp as always
Bro...
This is gold
Great Explanation as always.
You're great, Thanks for sharing.
As always learnt something new
Thanks the content is amazing, animations just got easier🥳🥳
Thx such a nice video :)
Would be cool if you showed us how to do this with constraints in Kotlin, particularly how to do transitions separately in Json.
Any idea how to integrate this with a column so to expand this with scrolling.
Great video, thank you! Is there a way to do something similar but with a lazygrid item animating to a full screen item? basically if we have a lazygrid, and user taps on an item, we want that one item to animate from wherever it is on the screen to be centered and full screen. i feel like motionlayout is what i need, but the "start constraints" is hard to figure out since the starting position of this lazygrid item can be anywhere on screen.
Very cool, thank you!
Thank u so much, i used motion layout in case of list and custom-toolbar, when scroll down into the list , the toolbar still shown. but not in jetpack compose
Hi Philip!
Why would you bother using MotionLayout as you can animate anything using Compose built in animation?
Using MotionLayout into Compose is, as far as I understand, more of an interoperability solution than a functional solution as you can achieve the same results using Compose animation.
Do you have an example on how this can be achieved?
Give us a link mate
@@captainallergy3654
val crs = rememberCoroutineScope()
val density = LocalDensity.current
val posX1 = remember { Animatable(initialValue = 0.5f) }
var sliderX1 by remember { mutableStateOf(0.5f) }
Slider(
sliderValue = sliderX1,
onValueChanged = { sliderX1 = it; crs.launch { posX1.animateTo(it) } },
)
YourComposable(
modifier = Modifier,
centerX = with(density) { (yourComposableSize.dp.toPx() / 2) * sliderX1 },
)
roughly.
Great tutorial Sir, Can you make tutorial for motion layout with collapsing toolbar.
Great video as always Phillip!
Quick question : in XML based MotionLayout it was passible to define multiple transitions and trigger them individually, How can we manage multiple transitions in one scene in Compose using the json5 approach?
Great Video !
Thanks!
Thanks mate,
in your What Is Clean Architecture course that i bought i need help, because initial branch dont start anymore... and i dont know how to solve... there is something like: ComposeOptions.kotlinCompilerVersion is deprecated. Compose now uses the kotlin compiler defined in your buildscript.
I am new in Compose and cannot repair
ThankYouuu
Thanks for letting me know, I will check this today or tomorrow 👍
I faced a similar issue a while ago!
You can resolve this by updating compose version in the build.gradle(Project) file.
Something like this:
buildscript {
ext {
compose_version = '1.1.1'
}
}
Set the same version for the compose compiler in the build.gradle(Module) file:
composeOptions {
kotlinCompilerExtensionVersion compose_version
}
Hope this helps 😎
@@PhilippLackner
8 secondi fa
Now funcitons.... today go very well without touch nothing! excuseMe Philips
@@PhilippLackner Migrating to Gradle kotlin DSL: is too much difficult to UNDERSTAND for who dont know architecture like me :(....
Have you got some basic video? I need understand difference about Groovie and Gadle DSL first...
very cool video thank you bro👍👍👍
You're welcome!
I'm not sure if I'm stupid or what, but what is the parent of the box here? Isn't it supposed to be the column? It constrains the column from the start, end, and top. However, when it gets to the bottom, it is linked to the profile pic! Could someone please clarify?
Do you have any guide with using swipe instead of a slider?
How can I change fonts size too with animation..?
Thank you from video .
Hi i need a help. I want to implement something similar like adobe scan resize image based on document size a4,a5 how to do that?
Hi Philipp, it is very good video and I have one question, we how to change custom textColor in KeyAttributes. I can do it in XML but I can't do it with json5
Nice! Tyvm
Welcome
Does there any motion layout visual tooling added for compose already?
Good evening sir
Thanks!
Welcome
How to do it with scrolling
Can’t use composable annotation giving me an error
I wanted to create some thing like this with lazy column using nested scroll in my app but velocity tracker in compose has an issue , when I change offset of lazy column by scroll delta, every point add to velocity tracker has same offset so velocity approximately is zero . :(
Hi. Does Jetpack Compose have the alternative of CoordinateLayout?
How does it link to LazyColumn? I used NestedScrollConnection, but it didn't work out as well
How to make composables below motion layout move up and down with respect to motion layout changing its size?
Also wonder the proper way to size the motion layout
Flutter: compex Pfff. 😑
I like your content btw 😉
Is motion layout available for multiplatform?
Hi Philipp, I am a IOS developer, I want to rewrite my app for Android devices using Kotlin, where do I start with your videos, my App will have sqlite DB which is currently 80Mb and I want the users to request data from the DB, there will be no add to DB functions, only read, any starting point from your side, please, thanks
If you know nothing about kotlin and Android start with kotlin newbie to pro and Android fundamentals. Then watch a video that covers room databases, for example my recent parking spot saver apl
damn, so we are now using JSON for UIs too? 💀
Just motionlayout
what's the name of the theme you're using in android studio?
pretty sure that's what android studio dark theme looks like on a mac by default, if it wasn't, his android studio look wouldn't have changed when he got the mac
nice ;)
Why I think we are killing flutter each time android gets an update
The transition (coding window to presenting the app and back) is quite annoying when over used like this.
Compose disappointed me here. 😞
This was easier in xml...
this is awesome! btw, can you make a video on how to accomplish this -> th-cam.com/users/shortsrwjowwhFBmw , basically it is a collapsible parallax image, now instead of text it can be a list when scrolls ups the image disapper (or header component) and when scrolls down it appear again. thanks!!
I think you could do it even easier than Philip's example. You just specify start and end height of a box, width as 'spread' and set mask on top of image on which you change alpha. You can set your last visible item as your progress. Not sure if there's alpha parameter but I gues it should be available.
Animating the texts color via properties doesn't work anymore. As soon as I try to move the slider, an error occures with the following message:
"java.lang.IllegalStateException: You must call layoutWithConstraints first".
Very nice! Thank you