How to Add a Floating Action Button to a Bottom Navigation - Android Studio Tutorial

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

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

  • @ktamilselvan1
    @ktamilselvan1 3 года назад +25

    almost viewed all your videos !!!
    app:contentInsetStart="0dp"
    app:contentInsetLeft="0dp" u can use to remove the left margin

  • @alexandrecloutier816
    @alexandrecloutier816 2 года назад +11

    There is a shadow because the layout is elevated by default, just like it is the case with buttons and card views when there is a background drawable. The solution is to add : android:elevation="0dp" to remove the default value.
    Good video Philipp 😃

  • @fathiyajourney
    @fathiyajourney 4 года назад +11

    "This video sponsored by my self" 😂
    I've been waiting for this 👍

  • @waheed_akhtar
    @waheed_akhtar 4 года назад +3

    A german with a good sense of humor. A very rare thing :D

  • @miranmustafa7637
    @miranmustafa7637 4 года назад +22

    You can fix the shadow by seting:
    app:elevation="0dp"
    to bottom nav view

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

    Thank you so much for this video, really helepd me in a pinch! adding < app:contentInsetStart="0dp" > to the BottomAppBar removed that left margin space for me!

  • @creativearts4917
    @creativearts4917 2 года назад +15

    we can get rid of that shadow in the bottom view with the help of this line of code : android:outlineSpotShadowColor="@android:color/transparent" followed in BottomNavigationView✌

  • @crateer
    @crateer 4 года назад +7

    Damn, you're growing so fast! Keep it up :)

  • @ThienNguyen-cd6rn
    @ThienNguyen-cd6rn 3 года назад +1

    Thank for this helpful video !
    From Vietnam with love !

  • @devendravarma5074
    @devendravarma5074 4 года назад +1

    Adding bottom navigation inside bottom appbar was the great idea, you are just awesome..
    Btw, you can also disable the centre menu from your XML file;
    Happy Coding :)

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

    You're AMAZING brother ;D
    Sending Love from India.

  • @jaypanchal8284
    @jaypanchal8284 3 года назад +1

    Good One Philip. had been thinking about doing the same and i found your video here, great explanation and great implementation without using any library.

  • @moriz8549
    @moriz8549 3 года назад +1

    That's a useful tutorial, Thanks dear Philipp , and awesome as always ⭐⭐⭐⭐⭐

  • @Indently
    @Indently 4 года назад +9

    Also I'm looking forward to seeing your curly hipster moustache

  • @CybercoderNaj
    @CybercoderNaj 4 года назад +1

    The video I have waited for so long! ❤️❤️

  • @Sweetironman
    @Sweetironman 3 года назад +9

    Damn Man Your Voice and accent is just awesome 🤩💥💥

  • @bjugdbjk
    @bjugdbjk 3 года назад

    OMG..ur videos save tons f time man ... waiting for fr ur kotlin stuff man...

  • @Peter-Petes
    @Peter-Petes 4 года назад +3

    Just Add android:outlineSpotShadowColor="@android:color/transparent" inside BottomNavigationView tag to make the shadow disappear. Dosen't require anything on MainActivity.Kt. -----> This works only on API level 28 and above ! Requires Override.

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

    I was really waiting for this.

  • @artem9114
    @artem9114 4 года назад +2

    right when i needed, thanks a lot bro!

  • @AWNHACKS
    @AWNHACKS 3 года назад

    That's one unique tutorial man. Appreciate it.....😊👍

  • @mazoochian
    @mazoochian 4 года назад +1

    Man Beff Jezos got some abs!

  • @vanduong9602
    @vanduong9602 3 года назад

    Thank you so much, other channels always use library.

  • @gadeern1586
    @gadeern1586 3 года назад

    Amazing tutorial! Thank you very much 😍🔥

  • @sajantamang4926
    @sajantamang4926 4 года назад +4

    Can we apply this UX in other layouts beside CoordinatorLayout?

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

    The left margin can be fixed by using "app:contentInsetStart="0dp"" on your BottomAppBar widget.

  • @mohammadmirzakhanidehkordi8561
    @mohammadmirzakhanidehkordi8561 4 года назад +1

    wow it is awesome video, where is the step which you connected it to navigation component lib ?

  • @diegoribeiro5992
    @diegoribeiro5992 4 года назад +1

    Thank you, Phill!!

  • @theonlyarjun
    @theonlyarjun 4 года назад +1

    It's 2020 and we still need to do hacky stuff to get things done on android.... Nice tutorial btw.

    • @PhilippLackner
      @PhilippLackner  4 года назад +1

      Yea that's one reason why I don't like designing

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

    this is amazing tutorial 100/100

  • @alejandrogonzalez2783
    @alejandrogonzalez2783 3 года назад

    it was useful for me. Thank you

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

    thanks mate you save my life, subscribed +1

  • @chewataapp7021
    @chewataapp7021 3 года назад +8

    Actually you can disable the item in menu itself.
    android:enabled="false"
    Quick and easy fix.

    • @truongpham7279
      @truongpham7279 3 года назад

      very useful!

    • @sat_talk
      @sat_talk 3 года назад

      didn't get you bro.. where pl. tell me what should I do where?

  • @st.libertos
    @st.libertos 2 года назад

    This tutorial is awesome!

  • @mehulbisht9708
    @mehulbisht9708 4 года назад +1

    what about the music player series ? now that Google Play Music is going away, it's your time to shine come on !! finish that series 😂😂

  • @أميرالبلابل
    @أميرالبلابل 4 года назад

    Impressive design😍

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

    Super helpful!

  • @lalaley2026nis-dm3oj
    @lalaley2026nis-dm3oj Год назад

    pefrect! Thanks! Рахмет!

  • @MaNaa2000
    @MaNaa2000 4 года назад

    great video, really really helpful

  • @Trosydman
    @Trosydman 4 года назад +2

    Thank you for this tutorial!!!! I was looking for something like this for my app.
    I was wondering if it is possible that the ripple effects, of each item, don't go beyond the boundaries of the BottomAppBar view.
    Thank you in advance!

    • @PhilippLackner
      @PhilippLackner  4 года назад +1

      Don't know if this is possible out of the box. There is essentially a background you need to apply to make something have that click effect, there might be different versions of that background, idk. But for sure with a custom view it's possible

  • @fahrican9708
    @fahrican9708 4 года назад

    very useful video! thanks

  • @navamragulan2017
    @navamragulan2017 3 года назад

    Thank you .very useful.....

  • @syednoorullahshah9194
    @syednoorullahshah9194 4 года назад

    great tutorial mate 👌

  • @mrdeveloper4438
    @mrdeveloper4438 4 года назад

    Awesome bro .....

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

    Thank you bruh

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

    Thanks bro 👍

  • @MCStarYT
    @MCStarYT 4 года назад +5

    Facebook is doomed in the face of your social media app! ;-)

  • @robertoc2678
    @robertoc2678 3 года назад +1

    excelente tutorial, un saludo desde México, una duda, como implementar la lógica para que funcione o haga algo en los botones, tengo entendido que se usan fragmentos pero tengo problemas al entender eso, no se si tienes algún otro video donde expliques como implementar lo demás me seria de gran ayuda sin mas, un excelente tutorial

  • @Indently
    @Indently 4 года назад

    How to set on click listener

    • @PhilippLackner
      @PhilippLackner  4 года назад +1

      My next premium course will cover that

    • @Imelec
      @Imelec 4 года назад

      pastebin.com/TqV9FsmA

  • @dipagove8963
    @dipagove8963 3 года назад +1

    I follow your tutorials, its help me.Thanks a lot. Can you help me out for animation to add color curve start to end below fab onselection of bottom item with getting its color.

  • @sikander_rafique
    @sikander_rafique 3 года назад

    Thank you

  • @alextokarev7750
    @alextokarev7750 4 года назад +3

    nice beard mate!

  • @acebookwisdom
    @acebookwisdom 3 года назад +1

    How to use it with fragment connected to navigation resource?

  • @mountrat
    @mountrat 3 года назад +1

    How to go to different tabs when clicking Home, search, profile, settings...? Can anybody help me

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

    You can set xml property android:background="@null"

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

    Youre awesome❤️❤️

  • @rtz6777
    @rtz6777 26 дней назад

    how do i change the color of the Bottom navigation view just like from the thumbnail?

  • @vahit·keskin
    @vahit·keskin 3 года назад

    Very thanks :)

  • @nolant3728
    @nolant3728 7 месяцев назад

    mate when I've tried to use this design, all my fragments which contain scrollview end up pushing the bottom nav menu down off screen. Do you know how to fix this?

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

    HEllo. Thank you for video. it is very usefull. May I ask you a question about this theme setting up. In the video it change to Theme.MaterialComponents, but I need to use Material3 theme. Is there any suggestion? Thank you.

    • @truongxuan8322d
      @truongxuan8322d 7 месяцев назад

      Theme.MaterialComponents.DayNight.NoActionBar

  • @hassanammer7854
    @hassanammer7854 4 года назад +1

    How to increase my work experience as a junior android developer to get work in a company or a freelance ?

  • @Indy293
    @Indy293 3 года назад

    thanks a lot

  • @ethiomusic3158
    @ethiomusic3158 3 года назад

    How can we use "home" fragment as an activity_main?... Can we also make fragments inside other activities (not only in main_activity)? Most of the examples are made on main_activity... How can we make fragments into other activities? May be I misunderstood something about fragments. I can make fragments but the icons are not working properly with the fragments.

  • @tonymac249
    @tonymac249 3 года назад +1

    Hi, Can anybody tell me how to add another view to this such as a recyclerView or any view and stop it overlapping the bottom navigation.

  • @vinaykumarpatel649
    @vinaykumarpatel649 4 года назад

    Awesome 👌🏻👌🏻

  • @mohsanikram3569
    @mohsanikram3569 4 года назад

    Amazing

  • @4736ir
    @4736ir 3 года назад

    thanks

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

    great body phillips😂

  • @paviyarasanv4192
    @paviyarasanv4192 3 года назад +1

    sir i am faced "Manifest merger failed with multiple errors, see logs" !error ,what i do ?

  • @sjsjsjsjsjxnxjjssjjs
    @sjsjsjsjsjxnxjjssjjs 3 года назад

    so nice

  • @bekaryssailaukul1006
    @bekaryssailaukul1006 4 года назад

    How to set fragment with nav graph above that bottom app bar in coordinator layout? Please

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

    can you make a video for this tutorial in Jatpack compose

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

    How can i click to each item and go to another fragment, can you show me or recommend another videos?

  • @vantangle2563
    @vantangle2563 3 года назад

    Hi, How we can reach fabCradleRoundedCornerRadius on Jetpeck Compose?

  • @ChiragVariya-df3ty
    @ChiragVariya-df3ty 9 месяцев назад

    Hello, Good morning!
    I want light theme set bottom navigation with same round

  • @hnim2292
    @hnim2292 3 года назад

    wow nice

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

    can you make curved bottom navigation with animation and text as well for the menus

  • @hosseinmirzazadeh290
    @hosseinmirzazadeh290 4 года назад

    Great 👍

  • @fengchin3567
    @fengchin3567 3 года назад

    very good vidoe , can you make a video which use jetpack buttomnavigation and float button together

  • @yuvalanteby9564
    @yuvalanteby9564 4 года назад +1

    How can I change the bottom navigation's color while still using the transparent method you used?

    • @PhilippLackner
      @PhilippLackner  4 года назад +1

      Don't change the color of the bottom nav, change the color of the bottom app bar

    • @chorauoc139
      @chorauoc139 3 года назад

      @@PhilippLackner Can you tell how to do this, because I have tried by adding a style but not working

    • @alirezazarghi4682
      @alirezazarghi4682 3 года назад

      @@PhilippLackner hi can help me , not change color ?

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

      @@alirezazarghi4682 ​ try android:backgroundTint="@color/red"

  • @AryanvedhFromIndia
    @AryanvedhFromIndia 3 года назад

    hey philipp, i am watching your video now, layout_anchor isn't working. what else can i do to follow your tutorial and get same result?

  • @hemantriffs
    @hemantriffs 3 года назад

    Thank you for the tutorial but bottomNavigationView cannot be resolved in MainActivity.class

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

    Followed the same steps, even tried copying the code but my bottomNavigationView just does not appear... It is there but i cannot see it

  • @bilalaslam571
    @bilalaslam571 3 года назад

    how to set bottomNavigationView.background= null in java because it didn't showing
    the background attribute.

  • @yechielbabani1726
    @yechielbabani1726 4 года назад +2

    i see you do this with kotlin is there any chance it wont be able to work with java?

    • @lukassxx8989
      @lukassxx8989 3 года назад +3

      BottomNavigationView a=(BottomNavigationView) findViewById(R.id.bottomNavigationview);
      a.getMenu().getItem(2).setEnabled(false);

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

      Type the code in notepad/text editor. Paste the code directly into the .java file with Android Studio. It will ask if you want to convert it to Java. Click "Yes". Then the code will be converted to Java.

  • @amoljunghare3610
    @amoljunghare3610 3 года назад

    Can you animate fab also.I just want to open a curve shaped dialog when fabis clicked .Do you have idea of it??

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

    can you check github, i changed some code for this project.

  • @shreyashchoudhary7413
    @shreyashchoudhary7413 3 года назад

    Epic!

  • @introvertsdiary
    @introvertsdiary 3 года назад

    I cant remove the shadow by putting bottomnavigationview to null.. the code is error how to fix it? Im using java

  • @alvinimbuka8283
    @alvinimbuka8283 3 года назад

    hello, my bottom navigation view on the main activity is not being refernced and is giving me an error

  • @haseebpavaratty6249
    @haseebpavaratty6249 3 года назад

    Wow!

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

    Can you set the bottom appBar in a constraint layout?

  • @ashrafmakandar3370
    @ashrafmakandar3370 4 года назад

    please make a video using mvvm room retrofit workmanager in java for android

  • @shepherdnyaga3077
    @shepherdnyaga3077 3 года назад

    make a tutorial on bottom navigation ,drawerLayout and tabLayout together

  • @sharadregoti7742
    @sharadregoti7742 3 года назад

    How can i always display menu item names ?, currently it show the titles only when the item is clicked

  • @giorgioferrari8114
    @giorgioferrari8114 3 года назад

    Hi! and thank you for the android code ! i use it and it works good ! is possible to express the same code but in HTML and CSS ? i'm trying to develope an apache cordova app that will be the same as the android one, but i have some problems with that. i 've try to write html and css code to express the same functions of the android, but it doesn't works ! do you have the html and css code ? thank's !

  • @ChiragVariya-df3ty
    @ChiragVariya-df3ty Год назад

    Hi,
    How to set getOrCreateBadge text and number

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

    can we make curve from upside

  • @kumarselvam3940
    @kumarselvam3940 3 года назад

    Is it possible to use this code in xamarin.... Please any one help me i need to implement bottom bar with fab button in my project

  • @paininmydroid4526
    @paininmydroid4526 4 года назад

    Subbed for Beff Jezos