How to Build Stunning Material 3 Apps with Jetpack Compose - Android Studio Tutorial

Поделиться
HTML-код
  • Опубликовано: 26 ноя 2024

Комментарии • 61

  • @flamingburger949
    @flamingburger949 2 года назад +12

    you know what i like about your channel no bullshit ... evey video is complete no free trail no half ass lessons no you get the full experience
    keep going my man

  • @TimSchraepen
    @TimSchraepen Год назад +2

    What is this production value?! 😮
    I’m so glad I randomly clicked on this video when searching for material 3 compose.

  • @CitizenWarwick
    @CitizenWarwick 2 года назад +2

    Wow man thanks! Just started a new app and probably makes sense to go for material 3 even though it's alpha, max appreciation! ❤️🙏

  • @musfickjamil2831
    @musfickjamil2831 2 года назад +2

    Take love brother. Your tutorial is so helpful.

  • @Alchemist10241
    @Alchemist10241 Год назад

    Thanks Philipp you saved me from reading a lot of documentations

  • @yehiaahmed7047
    @yehiaahmed7047 2 года назад

    Waiting for this video for too long , keep going the great work ❤️❤️

  • @abdullahalqahtani8649
    @abdullahalqahtani8649 Год назад

    You know it's Philipp to go to when he appears in the search results 😎

  • @1mYse1LF
    @1mYse1LF 2 года назад +1

    Hello Philipp, thank you very much for Your work! It was 100% clear with Your explanation with all this changes in material 3. Like.

  • @daniilvladimirov2457
    @daniilvladimirov2457 2 года назад +3

    Hello Philipp, thanks for a great tutorial. Could you please record another comprihensive video about compose testing. I watched your videos about testing but I encoutered problems with testing screens with animation, palette API, and any LaunchEffects in general.

  • @illusion9423
    @illusion9423 2 года назад +1

    Philipp is the reason any of us can understand android programming

  • @mwnkt
    @mwnkt Год назад

    Would love to see more of these

  • @chuka_obi5167
    @chuka_obi5167 2 года назад +1

    Thanks for this video Philipp!! This was great to watch. Could you do a drag to reorder in LazyVerticalGrid project for jetpack compose in the future? 🙏🏾

  • @szotslevente1256
    @szotslevente1256 Месяц назад

    Can we get a video where you define custom colors with different properties then it's given by the light/dark color scheme?

  • @aliciabeltran
    @aliciabeltran 2 года назад

    Philip thanks I will try by my self. Some names are very new but is like add new words to my dictionary

  • @John_X_GR
    @John_X_GR 2 года назад +1

    Hey Philipp! Great video bro! You're a chill guy!
    In Color.kt file, when naming color values and luminosity, if i want to put both total white and total black, like Gray100 and Gray00 should i put them like that?
    If i put them Gray100 and Gray00, its strange to me... like it's not clear if it's white or black. Isn't it better to name them like White and Black, or White100 and Black00?

  • @gulshanpatidar7908
    @gulshanpatidar7908 2 года назад

    super excited

  • @qeuiran9705
    @qeuiran9705 2 года назад

    Hello! I recently discovered your channel and it`s amazing.
    As Android newbie I have a question:
    Is it ok to finalize this app, like - sharing, add button and add some myself features and use it like pet project?

  • @rameesthattarath2278
    @rameesthattarath2278 Год назад

    Great work.
    Transition graphics seems to bother me sometimes.

  • @jcdiezdemedina
    @jcdiezdemedina 2 года назад

    Thanks for the video!!!!! Which plugin are you using? :)

  • @federicocreti4699
    @federicocreti4699 2 года назад

    Hi Philipp, 13:55 you are setting a different color to surface, and you say this is done since for example in your example you want the card has a different color from background. There are 2 incongruence on this I suppose:
    1 - Now you are talking like the card will use surface as color but this is not true, it will use surfaceVariant
    2 - Later you will specify surfaceVariant for the card but I don't understand why, I tried to do some test and it seems card automatically uses surfaceVariant
    I can't even simulate what you say at 14:50, I can't find a way to replicate the problem that card is equal to background. The only way (and this is obvious) is disabling dynamic color, and setting surfaceVariant with the same color of background. Could be that this depends from device to device? Then does the schema color influence the dynamic color? I tried to change everything, but enabling dynamic color I get always the same result with the same colors.

  • @AndreV650
    @AndreV650 2 года назад

    good job, thanks

  • @archiebombotar
    @archiebombotar Год назад +1

    Thanks Philipp, for your great videos ! Question: Is there a minimum SDK needed to run on the target device, to support Material Design 3 ? and to support Jetpack Compose ?

  • @safionweb
    @safionweb 2 года назад

    Amazing!

  • @mustafaammar551
    @mustafaammar551 2 года назад

    very cool video

  • @haf0
    @haf0 2 года назад

    can we do it without jetpack compose?

  • @TheMyth2.9
    @TheMyth2.9 2 года назад

    Great tutorial, thank you for this. You have been of a big help, I am new to Android dev, and I love Jetpack Compose, though its obvious its heavily inspired by React.
    The one issue I find is there are too many versions of the OS, and documentation is all over the place, so I don't know where to look. Do you have a video explaining Android versions etc..??

  • @nijuyonkadesu
    @nijuyonkadesu 2 года назад

    how to use material 3 design tokens with xml layouts?

  • @MMLProfessional
    @MMLProfessional 2 года назад

    How can I convert this colors to work with xml not compose?

  • @MadeInKurdistan
    @MadeInKurdistan 2 года назад

    If I had to start android development which one should I choose Xml or Jetpack compose??

    • @pavlosoia
      @pavlosoia 2 года назад

      In my opinion Compose is weird and bad readable. But in 2-3 years you have to use it.

    • @MadeInKurdistan
      @MadeInKurdistan 2 года назад

      @@pavlosoia Tnx bro 💙

    • @halcyonramirez6469
      @halcyonramirez6469 2 года назад +1

      @@pavlosoia compose is literally just like reactjs.
      It's much more readable and 1 million times better than xml.

    • @pavlosoia
      @pavlosoia 2 года назад +1

      @@halcyonramirez6469 lol, how it can be more readable? Just open any big project and try understand what components on any complex screen. Project which using compose has incomprehensible labyrinth where compose function in another compose function and in another, another, another. Yes, you could write less code for lists. That's all? But with compose we should mix functional programming with OOP. Is it good? Or may be google wants to change android developing to functional programming? Anyway I think in next couple years xml will be used as main approach.

    • @halcyonramirez6469
      @halcyonramirez6469 2 года назад

      @@pavlosoia thats exactly how.
      by components.
      It's easier to conceptualize and visualize in your head cuz it's just code.
      unlike xml.
      You miss the reason why compose is better than xml.
      Compose is just code
      so there is no need to shift to a different paradigm when creating your U.I and because it's code it's infinitely more flexible than xml
      Compose is the future
      xml is for ui is outdated and tedious..
      Better learn it now because
      if you've done anything else but android and Java.
      the paradigm that composes uses won the web.

  • @jeffGordon852
    @jeffGordon852 2 года назад

    what happen to values/themes.xml file please?

  • @JamesBond-mq7pd
    @JamesBond-mq7pd 2 года назад

    GOOOOO00000D

  • @jamesaidoo
    @jamesaidoo 2 года назад

    Philipp Could you please share the link to the Html color picker tool you used? Great content as always. 👍🏾

    • @lighttigerxiv
      @lighttigerxiv 2 года назад

      If you search color picker lighter darker it will show up. I don't know if he allows links in the comments so i share it another one

    • @zecuse
      @zecuse 5 месяцев назад

      For those wondering, it's the W3Schools HTML color picker.

  • @Whizyrel
    @Whizyrel 10 месяцев назад

    Gem!

  • @mehtabahmed4696
    @mehtabahmed4696 2 года назад

    How to achieve that scrolling animation in the lazycolumn

    • @alexlombardi2879
      @alexlombardi2879 2 года назад

      you mean like at 32:10? that should be the default animation, that result is achieved by default

    • @mehtabahmed4696
      @mehtabahmed4696 2 года назад

      @@alexlombardi2879 Seriously, How come my lazycolumns look so plain. Is it a material 3 thing or what.

    • @pavlosoia
      @pavlosoia 2 года назад +1

      this is android 12 default animations

    • @mehtabahmed4696
      @mehtabahmed4696 2 года назад

      @@pavlosoia Ooh Lol I'm still using 11 oops.

  • @jansprlak110
    @jansprlak110 2 года назад +1

    Beta tester od roku 2016 oceňujem,,

  • @mnouman6736
    @mnouman6736 2 года назад

    Philip don't you think material3 is making us too much colurish.

    • @PhilippLackner
      @PhilippLackner  2 года назад

      You always have the choice to use it or not. I like it for certain types of apps

  • @HiImKyle
    @HiImKyle 2 года назад

    This is great but my god is this a lot for a basic app..

  • @Chintanparmar
    @Chintanparmar 2 года назад

    First comment

  • @viniciusdeveloper
    @viniciusdeveloper Год назад

    kotlin my eggs

  • @mohammadamirkanjoori138
    @mohammadamirkanjoori138 2 года назад

    like

  • @gamesforu6619
    @gamesforu6619 2 года назад

    Just a note in montage, when you go to the design and come back to the code, you made a white animation in montage and this animation hurts my eye, I hope in the next video don't include this white animation. Thank you

  • @xalikv
    @xalikv 2 года назад

    .

  • @priyanshukhare6652
    @priyanshukhare6652 2 года назад +1

    Can someone share their thoughts on this error:
    C:/Users/khare/.gradle/caches/modules-2/files-2.1/org.jetbrains.kotlin/kotlin-stdlib-common/1.7.0/51736992f422993a1e741051bdf3c12801bc1ca1/kotlin-stdlib-common-1.7.0.jar!/META-INF/kotlin-stdlib-common.kotlin_module: Module was compiled with an incompatible version of Kotlin. The binary version of its metadata is 1.7.1, expected version is 1.5.1.

    • @lighttigerxiv
      @lighttigerxiv 2 года назад

      I don't know if you steel need the answer but if you go to the project build.gradle you can change your version there