- 9
- 88 927
Juraj Kusnier
เข้าร่วมเมื่อ 25 ธ.ค. 2006
I'm a passionate Mobile Android Developer since Android 2.3 (ca. 8 years). I created many mobile apps using native ( Kotlin / Java ) and cross-platform ( Flutter / Unity3D ) technologies. Nowadays, I work as a Freelance Android Developer.
Custom Dark Mode Switch in Jetpack Compose
🚀 Dive into the world of Jetpack Compose with me in this thrilling TH-cam video! 🎨✨ Watch as I craft a custom toggle switch entirely from scratch, blending the power of Inkscape for artistic graphic elements and the magic of Kotlin to bring it to life.
🖌️ Unleash your creativity as I guide you through the process of designing each graphic element in Inkscape, ensuring a visually stunning toggle switch. Then, buckle up as we seamlessly integrate these elements into the functionality using the expressive Kotlin language in Jetpack Compose.
🌟 Whether you're a UI/UX enthusiast or a coding wizard, this video has something for everyone. Join me on this hands-on journey of creation, where design meets code to produce a bespoke toggle switch that's as visually appealing as it is functional.
👩💻 Ready to level up your Jetpack Compose skills? Hit play and let's embark on this exciting adventure together! Don't forget to like, subscribe, and let me know in the comments what you'd like to see next. Happy coding! 🚀🎉
#Android #JetpackCompose #Kotlin
Contents of this video:
0:00 - Intro
0:48 - Drawing the graphics
3:15 - Implementation
10:11 - Testing
► Source code: github.com/jurajkusnier/drak-mode-switch
► Social Media
GitHub: github.com/jurajkusnier
Twitter: JurajKusnier
Thanks for watching!
Make sure to like and subscribe for more videos!
🖌️ Unleash your creativity as I guide you through the process of designing each graphic element in Inkscape, ensuring a visually stunning toggle switch. Then, buckle up as we seamlessly integrate these elements into the functionality using the expressive Kotlin language in Jetpack Compose.
🌟 Whether you're a UI/UX enthusiast or a coding wizard, this video has something for everyone. Join me on this hands-on journey of creation, where design meets code to produce a bespoke toggle switch that's as visually appealing as it is functional.
👩💻 Ready to level up your Jetpack Compose skills? Hit play and let's embark on this exciting adventure together! Don't forget to like, subscribe, and let me know in the comments what you'd like to see next. Happy coding! 🚀🎉
#Android #JetpackCompose #Kotlin
Contents of this video:
0:00 - Intro
0:48 - Drawing the graphics
3:15 - Implementation
10:11 - Testing
► Source code: github.com/jurajkusnier/drak-mode-switch
► Social Media
GitHub: github.com/jurajkusnier
Twitter: JurajKusnier
Thanks for watching!
Make sure to like and subscribe for more videos!
มุมมอง: 2 433
วีดีโอ
Having fun with AGSL Shaders in Jetpack Compose
มุมมอง 3.8Kปีที่แล้ว
Explore the fascinating world of Android Graphics Shading Language (AGSL) in this video! Discover how AGSL, available from Android 13 and onwards, empowers you to define the behavior of programmable RuntimeShader objects. AGSL shares its syntax with GLSL fragment shaders and allows you to unleash your creativity within the Android graphics rendering system, customizing Canvas painting and filte...
Liquid Bottom Navigation UI Design in Jetpack Compose
มุมมอง 19Kปีที่แล้ว
This is a concept of Android Bottom Navigation using RenderEffect. RenderEffect is available since Android 12. In this tutorial, I'm using BlurEffect and ColorFilterEffect to mimic liquid-like behavior which I found on the Internet. Contents of this video: 0:00 - Intro 0:21 - Adobe After Effects 1:21 - Blur Effect 1:49 - Color Matrix 5:04 - Implementation 9:48 - Final Result ► Source code: gith...
Speed Test Mobile App UI Design in Jetpack Compose
มุมมอง 6Kปีที่แล้ว
Beautiful android mobile Speed Test App designed using Jetpack Compose. The single-screen design shows an animated app checking internet speed. Contents of this video: 0:00 - Intro 0:35 - UiState 1:20 - Header 1:28 - Navigation View 1:49 - Additional Info 3:02 - Canvas 4:50 - Circular Speedometer 5:05 - Arc with progress 5:42 - Start Button 5:57 - Speed Value 6:35 - Animation 7:34 - Final resul...
How to show Snackbar in Jetpack Compose?
มุมมอง 5K2 ปีที่แล้ว
Snackbars are UI components providing lightweight feedback about something in the app. Basically, just a brief message informing users of some action that the app has performed or will perform. They appear temporarily and disappear automatically after a timeout or user interaction. In this short video tutorial, I'm going to explain everything you need to know to properly use them in your Androi...
Simple Login UI with Background Video in Jetpack Compose
มุมมอง 16K2 ปีที่แล้ว
Fancy mobile login screen using Jetpack Compose. I use ExoPlayer to render the video as a nice background animation. ► Source code: github.com/jurajkusnier/jetpack-login-screen ► Social Media GitHub: github.com/jurajkusnier Twitter: JurajKusnier Thanks for watching! Make sure to Like Subscribe For More Videos!
Let's make Snake Android Game in 9 minutes | Jetpack Compose
มุมมอง 10K2 ปีที่แล้ว
Coding challenge: Build classic retro Snake Game in Jetpack Compose in under 10 minutes. In the end, I created a working game prototype in just 9 minutes. The source code is available on GitHub. Contents of this video 0:00 - Intro 0:20 - What is Jetpack Compose? 0:58 - Snake Game 1:50 - Programming 11:12 - Testing the Game ► Source code: github.com/jurajkusnier/snake-game ► Social Media GitHub:...
Recipes Mobile App UI Design in Jetpack Compose
มุมมอง 19K3 ปีที่แล้ว
Beautiful android mobile Recipes App designed using Jetpack Compose. Single screen design shows all important information about the recipe - Strawberry Cake. Main elements of the screen: - Scrollable top app bar with big image and scroll-to-fade feature. - Interactive serving calculator. - List of ingredients. - Custom buttons. - List of images. Design is based on dribbble.com/shots/11298569-Re...
Weather Mobile App UI in Jetpack Compose - Speed Code
มุมมอง 9K3 ปีที่แล้ว
Nice clean Weather Android App UI built using Jetpack Compose. Single screen app design shows the current temperature, humidity, UV index, information about wind, and time of sunset and sunrise for the selected location. At the top of the screen is also located a self-explanatory image for faster understanding. Design is based on dribbble.com/shots/14696811-Weather-Daily-UI-37 ► Source code: gi...
Perfect!!!!
I couldn't find DarkGreen for the Box tho, that made me sad because I was hoping to recreating the same original game I used to play back in 2010 with the bros when we were eating chicken salad with bro's hot mom
I love you<3
I really loved your video! I got an A+ because of that thanks alot :)
i see i like explanation i subscribe good work
its doesnt work I had ActiveParent with no focused child error when I try to use foqusrequester for my textfields
3 mins into the vidoe and damn, this is awesome. liked, subscribed. keep making more, I'll continue watching.
Superb tutorial with explaination!! Please make more videos like this <3
Honestly, I didn't quite understand how only changing the T value from the alpha channel in the color matrix ended up creating the liquid effect. Why do the circles seem to be merging with the middle circle like that? (Great video, btw!)
Exactly what I was looking for, can I use in my applications ? What is the license ?
This is soo fucking amazing would love a voice explaining everything
Awesome work man, I can't help but be impressed by this and your other videos. As an android dev who's also working towards having skills like this, watching this makes me feel like there's no end to what I can do with the right skills. Which brings me to this, just a bit of opinion on my side. Itd be great if you could go in details about the logic behind building these UIs especially complex ones where you build with Canvas(), the little tip o how to use canvas here made it easier to understand until it got to the point of using cubicBenziers()* where I got totally lost. Just a bit of opinion here to help others understand too... great work once again👏🚀
What about a Dr Mario kind of game? It's similar to Tetris but without the shapes.
Great video, dude. 👌. Impressed.
First time watching video on this channel. Love the video quality, soothing music, coding style and commentary that goes perfect with it.
This video is perfect example of coding video. @kuso666 give explanation as well as code. Thank You 🙌
It's crazy how u come up with this, great work.
Wow, it's a demonstration but we need teachers
10/10 this is amazing!
thanks bro
Any video on how to implement it?
I ran into a memory leak problem on configuration changes when using the renderEffect in the graphicsLayer. Profiler would show that It does not clear out graphics memory. Wonder if there is any specific missed handling that is expected.
by the way, you github code points to NOTHING!
I'm not sure I understand your comment. The GitHub link doesn't work for you, or is there something wrong with the code in the repository? Could you give me more context? Thanks
Boss "what have you done in the last 2 days?" Me "er, a useless cool looking switch" Boss "You're fired!"
It was Amazing Love your Content
Très bien expliqué! Merci !
The best jetpack compose content in youtube
Thanks for the video
man i would like to thanks you for your contribution to our community, thanks so much for this video, much appreciated
great explanation over using canvas, thanks in advance
In gradient text the graphics layer clip property is not working in dark mode how ever it's working properly in light mode. if there is any solution please help.
Superb tutorial great explanation and superb implementation , extremely well crafted. One sub on the way keep up the good work.
very cool
you are using material design how to change it to material 3 some fuction not work
Why are you showing a good content sooo fast :(
Thank you sir this is hugely inspirational
Subscribed !!!!, Bros absolute genius
but it is showing error since transform only take one fraction argument it is showing error if i am giving more arguments like you have given 3.5f,6.5f, animationProgress what shall i do ??
Please keep uploading videos! Best Compose content on you tube. Liked & Subscribed
This was awesome man! I saw this design in Instagram reels, I thought what a nightmare for devs😅 And you made it so elegantly...❤
I do not understand at all in my Jetpack Compose there are not some code which in video
2 y.o.e. Android Dev Here. Just started learninng JetPack Compose and found this amazing shader Thank you Amigo.
nice video. what about below android 13? should we use GLSL?
amazing work man subbed!!
This guy is proficient in jetpack compose. This is really amazing. I am subscribing to him
Amazing video. Keep up the good work 👏.
Just discovered your channel and being an Android Engineer myself, I'm already impressed with the type of content you're producing. The Android community needs more people like you! More power to you brother 🙌
Bro it looks amathing but not well optimized it is leading for recompositions and lagging in medium powerfull phones exept emuliator. Bro i would be greatifull if you can do optimized code.
Dude❤
I also tried to do it just to pass the time, but I didn't make it in time, now I realize the mistakes I made when I saw you, thanks for the video