Making a Meditation UI With Jetpack Compose - Android Studio Tutorial

[@noyaljose9635]

13.28 " And finally we have depression"🤣

[@tobidaada]

Another wonderful tutorial. Timestamps
 0:00 - Introduction/App UI Demo 0:43 - Shout out to Designer 1:13 - Walkthrough of Initial Code Setup 2:11 - HomeScreen 4:22 - Greeting Section 7:56 - Chip Section 13:27 - Current Meditation Section 18:39 - Feature Section 42:52 - Bottom Menu UI

[@yusril-ihsanul-alim]

Thanks 🗿💪

[@safionweb]

Thanks for this amazing tutorial. Just a request, please try to render the project and show us the app after every step. (For this specific video, please run the app after every component you make)

[@chuka_obi5167]

This is by far the best UI Android tutorial I have ever watched.!Keep up the great work, Philipp!

[@PhilippLackner]

Thanks frank! 🙏❤️

[@mohdotnet]

@@PhilippLackner what is you secret ? You're coding rocks. I wish to learn Jetpack as you know it

[@yunusemrearslan3696]

This channel could be the most underrated channel in tech industry on KZbin. Philipp thank you so much for this great content 10/10

[@PhilippLackner]

Thanks so much mate 🙏🙏

[@tonnie7079]

At 45:43 I thought we had gone back to Elementary School to practice pronunciation. Now I know I can get my design inspirations from Dribble and give the designer a credit. Drawing those Path curves using Quadratic Bezier was very captivating not forgetting the compose simplified Grid Cells. Philipp your coffee is on me today!!.

[@MananGandhi]

Man u are truly underrated. U need a lot more subs

[@matt-g-recovers]

I imagine he will just continue to grow and people like myself will feel so lucky to have found such a rich modern library to work with. Phillip has helped me tremendously in the last month or so...leaps and bounds forward.

[@st.libertos]

Omg, your channel is awesome!!! I don`t understdand where you were. I am going to watch majority of your videos in the nearest time!

[@mrwalkan]

People said underrated, I instantly subscribed without watching even 5 seconds of this vide.

[@dmytromarchuk3023]

In my opinion it will be quite interesting to see the intermediate results, for example after having implemented every meaningful piece of UI like section. Anyway you have my like for this video

[@codinginflow]

Will this get me enlightened?

[@PhilippLackner]

If you use it yes, if you code it, it will make you depressed

[@ChrisAthanas]

Florian in da house!!!

[@hardiksachan3948]

@@PhilippLackner lmao

[@ager_austen]

Kenya loves you so much Philip

[@armandoavila4615]

Thank you! It's so inspiring watching you code this fast, you make it look so easy. I just got a job and it has been too hard, code is easy, but staying in focus is almost imposible for me :(. But I won't give up 💪

[@PhilippLackner]

Thanks a lot man! Don't forget, I prepared all this on my second monitor. I need to figure things out as well 👌

[@muhamadhafiz25]

Bruh, he has made it earlier, and has copy of it, who will remeber that shit 😂

[@patriciodillon1678]

I had a lot of trouble getting into compose, you have no idea how much this helped, especially to familiarize myself with all the components the tool has to offer (not having options is bad, having too many, also). There´s something though, that I think could help us viewers. If you ever do another video like this, add timeStamps so we can easily go back to check what you did when building a particular component. Great tutorial!

[@yousefhasanalamir9440]

Thank you so much Philipp, You're an amazing teacher and I learned a lot from your videos. I wish you all happiness in your life.

[@robertmrobo8954]

Videos like are always better when you build and run your app from time to time so that we can see the thing you are building as it is built, afterall, that's how we actually develop as developers. Rather than typing the whole app code and at the end, viola! Everything is working and aligned to perfection.

[@juniormutalbe3587]

Thats fact

[@sharjeelrajput2877]

I am also a youtuber and i know how much is the difficult to handle these thing. You deserve 1 Million subscribers bro. GOD bless you. Love from pakistan.

[@matt-g-recovers]

Man, that UI looks great dude!

[@PhilippLackner]

It is!

[@thewebartisan7908]

Thank you so much always excited every time I get youtube notification from your channel

[@damercy]

Loved this clear-cut style of coding. Really helped! Thanks a ton Phillip. ^_^

[@anshumandhal]

I was waiting for this, after you posted this on Instagram. Already liked and thanks a lot for this one.

[@PhilippLackner]

No problem 😊

[@mdforkan2012]

Great job dear, Please continue with jetpack compose UI.

[@Encore96]

Thanks, Phillipp. Most detailed guide for making "the real Compose UI" app at KZbin. 😁

[@phoenix7740]

What a cool idea, Bro!

[@jasalvador]

Nice tutorial, direct and understandable. Thanks!

[@l_solid7075]

In case anyone gets to see this comment, please note that for the Rows n Columns modifiers you create, ensure to apply the clip for the CircleShape or RoundedCornerShape before applying the background else it won't work and you won't see the rounded edges you intended to have.

[@cansungur4322]

I love this channel It's like a wish genie fulfilled my one wish

[@VIKASROYv]

Looking good. A good thing for this weekend

[@breensrobert]

Thanks for this video actually went through episodes 1 to 11 and now this one. Actually now want to go to dribble and try replicating some other designers UI for practice

[@PhilippLackner]

Great, glad you like it

[@Chintanparmar]

This looks great 👌🏼

[@jcdiezdemedina]

Just what I looking for, THANK YOU!!!!!

[@abdenourbacha4782]

I'm in love with jetpack compose.

[@tamilcartoontv6829]

Kotlin magic 😍😍

[@eneskayiklik]

That is what i waiting for. Thank you so much.

[@renatojobal5123]

I love the way to do the curves with Path

[@tamilcartoontv6829]

Pls make videos on jetpack compose testing bro 😊😊 also make firebase with compose 😊

[@RobertMair80]

He will throw an Java Error on you for that bad 'Firebase' word 😂😂😂 As i see you can use his awesome compose playlist and his 'now free' social media course (with some research due changes) and create your own app

[@tamilcartoontv6829]

@@RobertMair80 Philip lackner is that you... nice to meet you man 🤣🤣 Yeah his courses are awesome i just addicted to his courses 😍😍 and he is uploading videos more frequently than other android developers so i learned a lot from him 😍😍😍

[@RobertMair80]

@@tamilcartoontv6829 Haha, i'm not the master of kotlin, sorry. But his way to show how to code is unique👌

[@MaisUmSomente]

Again quite a class, Thank you congratulations.

[@AmirrezaLaghaee]

Just can say: You Are The Best 👌

[@bishalsingh8086]

keep up the great work man. :)

[@twojaStara698]

Thank you so much for this tutorial

[@tareksellami7346]

Thanks a lot for your great work ❤

[@badalah8272]

Great tutorial... love from Flutter

[@mxgenius753]

Phillipp, any chance of you doing a follow-up video to this perhaps adding functionality and navigation to screens. Thank you.

[@Kunal-jp8tn]

Thank you so much for this amazing content.

[@rahul_spawar]

I can't imagine myself making UI without actually seeing live preview, It's hard 😐

[@wenlongteo6272]

Great course! want to know where you always get those new idea for your new project?

[@PhilippLackner]

I sit down and think :D

[@wenlongteo6272]

@@PhilippLackner ah haha, it's true :)

[@kratom82]

very nice tutorial :) had some color font issues because i forgot to setup the theme in the mainactivity :D

[@Tensordroid]

Thank you so much for this awesome video, learnt so much from it ! 😊

[@PhilippLackner]

You're so welcome!

[@carlosmspk]

The GitHub repo seems to be the full solution, not a starting point. Am I missing something?

[@ericchua3492]

At 55.51, added this as per your video modifier = Modifier.align(Alignment.BottomCenter) I got error 'fun Modifier.align(alignment: Alignment): Modifier' can't be called in this context by implicit receiver. Use the explicit one if necessary Any idea?

[@kinggeorges625]

Am having same error

[@vadimaz]

BottmMenu should be inside the box, not column

[@antonioimbesi5349]

13:22 the summary of the life of an engineer 😂

[@onlinechatter8578]

Bye bye headache!!😂😂😂😂 welcome compose!!!

[@PhilippLackner]

true hahaha

[@devgabriel6898]

Still not news on when Compose is going to be official? I will love to work with that and forget horrible xml (and adapters) forevah

[@PhilippLackner]

in july it will be stable according to the google team

[@devgabriel6898]

@@PhilippLackner oh My!! Good news! Thanks

[@devgabriel6898]

@Палмер Элдрич I ve made 2 small projects with it, and I LOVE IT!!

[@Indently]

More Night Island!!!

[@moustafaelsaghier8552]

Good job bro, Can you tell us depend on what you get the offset values please?

[@valdompinga]

Hello man, love ur vids and keyboard sound, what keyboard you use?

[@aparecidaestevam1405]

muito bom Philipp, Brasil

[@mohitmotwani9256]

Nice tutorial

[@sokrates297]

Do you have any suggestions on how to do dynamic content in a LazyColumn or LazyRow?

[@milon27]

instead of scrolling only feature section how can we scroll the full screen ? got exception can't scroll column vertically with inside lazy column

[@mohammedelamin1563]

Thank you man 🤩🤩🤩.

[@tadiyal04]

@Philipp Lackner why we use Box composable for play button icon if we can show icon directly same as search

[@ghali3059]

Hi, how is the BottomMenuItem( item = item, isSelected = index == selectedItemIndex, activeHighlightColor = activeHighlightColor, inactiveTextColor = inactiveTextcolor) { selectedItemIndex = index } "selectedItemIndex= index exectued ? I dont see the onclick method passed to the BottomMenueItem constructor.

[@amineayachi335]

well done sir

[@francescofreddi4374]

please... i am new in Compose... please update all dependencies in this project... i lost one day for update and now didnt work for some alchimist problem; very greatWork

[@zhanyshmasirov4611]

danke schoon Philly!!!

[@daniboy943]

I'm a big fan of yours, and you have no idea how much you helped me so far. With that said, I need to say this tutorial was not good. The main 2 reasons: 1- The FeatureItem part was badly explained and very confusing, in my opinion; 2- No previews. I suggest you run some previews after finishing some parts of the UI. Thanks, anyway!

[@sathishgadde1924]

Awesome tutorial, but do we have any option to give device specific dp to make UI responsive for all mobiles.

[@NoNameX34]

How do you make compose designs for other phone sizes? Percantage design or multiple compose layouts?

[@mdjahidulislam9205]

Damn man ,love it

[@kelroar]

Hello. Thanks the great resources. I cant find the initial project. Only get the completed project. Thanks once again!

[@devway4488]

Is jetpack compose production ready, can we use it in real projects?

[@PhilippLackner]

I personally wait for it to be stable

[@muhannddh]

Hi , first thank you for the great work, when you rotate the device the features are not showing , you need to do some changes to fix this bug.

[@sovrinfo]

Thank you a lot!

[@mondoshigua]

📱👋🏼🇨🇴🧔🏻👍🏼🤝🏼 Saludos desde Colombia, excelente taller.

[@miguelnuno928]

Amazing video. It s look a lot like flutter

[@bboydarknesz]

hello philip! have you found solution for the LazyVerticalGrid problem which is you cannot have nested scroll? I mean, you know that the screen would be better if we could scroll vertical all them start from ChipSection, not only the features. thank you!

[@amtrax02]

Phillip, any additional resources recommended by you, about those cool paths?

[@PhilippLackner]

Tomorrow (August 29th), I will launch a dedicated course towards canvas. It will have a complete section about paths which is 1.5-2h long. Check my channel tomorrow to get the infos in a video :)

[@devsirat]

Please do some photo upload stuff int h efuture.

[@senyan1501]

why not use Icon directly at the 【CurrentMeditation】?

[@ahmadraza2070]

Hey amazing video but my bottom menu stick at top even after giving align in bottomCenter

[@cufflink919]

I had the same issue. I missed the correction @ 52:26

[@rsufiyand]

Which font style are you using?

[@PhilippLackner]

Source code pro

[@ARIHANTJAIN27]

What should i do if i want to scroll complete content not on the list .

[@Jaylight977]

bro can you bring more project on ui design ,so ww can get used too with all this things , please

[@Ilamarea]

No 'starting point' github branch? It's hard to focus on a video like this without something to do eg; code along.

[@kcmanutd]

Hi, just wondering, is there a way to see while setting up a Composable like 'GreetingSection' to see the design alongside it as you go? Like in XML you could see in the preview how it would look on the device, can't seem to get @Preview or @PreviewParameter to work for this. Thanks

[@joshrose9987]

Have you tried the following? @Preview(showBackground = true) @Composable fun GreetingSectionPreview() { GreetingSection() } Then in the top right of Android Studio click split or design then build your preview.

[@vathsan3906]

I have a doubt.. where can I find the vector assets if I want to do some of the UI projects from Dribble

[@PhilippLackner]

Create them, often Adobe xd has some of them

[@technicalinformer4034]

please please phillippmake a video about admin panel in jetpack compose 🙏🙏🙏🙏

[@mehulbisht9708]

Philipp would you mind switching to light theme in AS or just use some browser extensions to make it darker too? That sudden color switch is what forced me to use light theme everywhere.

[@mastercoding95]

Arigathanks...

[@mdevelo]

Please make a jetpack compse tutorial with Firebase using MVVM. Please!!

[@mapboxsite9015]

Best video)))

[@NullDeveloper]

You're the best

[@atherbsc5384]

When you deleted the color palette, it means that colors you added is same for light and dark mode? PD: Thanks for this awesome tutorial 👌, sorry for my english I'm learning 😅

[@deepaktiwari620]

yes, color is static for all modes.

[@ramazanpeker4559]

great

[@emmanuelmtera5936]

You opened my eyes in compose! SUBSCRIBED.

[@nilanjanmukhopadhyay8369]

Ohhhh God.... Using canvas is super complex... I would rather use some vector graphics in the background

[@manuelaguirre555]

THANK U.....

[@erfanm.h6075]

Nice : )

[@albersna]

It'd be helpful if you update the project since it's two years old

[@PhilippLackner]

It's impossible to keep projects from 700+ free videos up to date 😅

[@nyawho.]

24:54