Expandable Floating Action Button - Android Studio Tutorial

Подписаться 85 тыс.

Просмотров 71 тыс.

50% 1

🏆 My Online Courses
⭐Discount Coupon: LAUNCH-STEVDZA-SAN
stevdza-san.com
🐱‍👤 Wanna become a member? Join!
/ @stevdzasan
📸 Instagram
/ stevdza_san
A floating action button (FAB) is a circular button that triggers the primary action in your app's UI.
In this video you'll learn how to create expandable floating action button (FAB), and show multiple options/FAB's with nice and smooth animations.
Watch my video about to learn how to create Custom Animation resource files: • Custom Transition Anim...

Опубликовано:

3 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 94

@vitorsantos-sedesigner7549 3 года назад

Wooow, finally, the best of web!! Awesome

@kateanne419 3 года назад

A lot of your videos helped me so much! Thank you, I hope you make more videos about UI/UX

@AnilKumar-hf2po Год назад

Thank you, Stevdza San. I love this channel. It has taught me a lot of new things. I found one issue with Floating action button invisibility and I resolved that issue with FloatingActionButton hide() and show().

@joacortez3423 4 года назад

There are very few android studio with kotlin tutorials but after discovering you I don't think I need more

@prasannadeshpande4435 2 года назад

Thank you, Stevdza San. I love this channel. It has taught me a lot of things.

@StevdzaSan 2 года назад

I'm happy to hear that buddy! :)

@AlbertoGuitarrista 2 года назад

This is very helpful! Thank you so much!

@liomazza1313 3 года назад

Thanks for the tutorial! Maybe I can collaborate with two tips: 1 - Setting the view as GONE will solve the problem of clickable in INVISIBLE state. 2- If you use the variable "clicked" as a global kind, you wont need to pass it as parameter in the functions. Thanks again!

@padmashreebn2709 3 года назад

GONE is the right way to do it. Invisible will block clicks on the underlaying fragment/activity and is a bad hack overall.

@Hevletica Год назад

This should be pinned since it is a better approach than what is done in the video. Thank you.

@nerij2056 Год назад

yes but no, setting the visibility to GONE and the animation wont work since the INVISIBLE state let the view stay at that position but the GONE state will move the view back to where it was restricted. But a workaround for this is to set visibility to GONE after finishing the animation using Handler or etc (I think the android team should support this in the future)

@HimanshuSharma-cs4pe 4 года назад

it is very much helpful . Thank you for the videos.

@urvishbundela7826 3 года назад

Thanks a lot brother for this!

@rubenarizmendicortes6366 3 года назад

Rally good video!

@deepikajuneja2113 3 года назад

How to decrease the opacity of background (including the action bar) when fab expands? I've tried multiple measures but can't find a way to apply the required effect to action bar.

@MrArsalanfakhar 3 года назад

Great tutorial

@hdkloh6857 3 года назад

Add more videos man... You are too awesome....

@cyberandroidgames6101 4 года назад

amazing, firebase cloud functions a video about this was excellent

@cyberandroidgames6101 4 года назад

would be excellent, sorry for my english

@ashishgautam2842 4 года назад

very helpful 👍👍

@johnsebastiangordilloavila2405 3 года назад

Gracias, saludos desde Colombia

@jayceeddeyro1406 3 года назад

I have a question. how will you add this in a navigation component?

@ManuelGonzalez-sw1bv 3 года назад

Hi how are things! I saw your video and I really liked it, will you have another one explaining the procedure in JAVA? Thank you

@wincevilleaguer5043 3 года назад

Do you have the same tutorial as this but in java

@arthurrodrigues5382 2 года назад

Thanks!!!

@Mahmudulhasan-ts5hm Год назад

thank you very much

@videkkkk 2 года назад

Hello Sir, what must i change to be able to use the logic code in java?

@alvaroruiz259 4 года назад

Very good! but someone who helps me the logic in java, thanks you!

@DPPDolphin 3 года назад

look in github

@fernanfaranal7673 3 года назад

@@DPPDolphin how

@desoftsis Год назад

VeryGood Thanks

@shashwathknath6379 2 года назад

What is val in "private val rotateOpen"? Is it a java Class?

@fernanfaranal7673 3 года назад

is there a java version or the MainActivity? i am using java

@hamedhardani8302 Год назад

Hi. Is there a way to do this with Jetpack Compose? I didn't find any resource for that

@merciaaraujo1522 2 года назад

essa parte do private val no da certo no java.......como que eu coloco ....

@4ytonly 4 года назад

If you use visibility GONE instead of INVISIBLE, you shouldn't have problems with registering clicks on empty space. And great video btw :)

@StevdzaSan 4 года назад

But then animation would not work

@4ytonly 4 года назад

@@StevdzaSan Aha, ok :)

@4ytonly 4 года назад

@@StevdzaSan How about for the second part of the video putting all the code into library and reusing it in different project?

@brianangeht Год назад

Thanks for the lesson. Would be nice if you shared link to repo too. But thanks a lot!

@Ayor88 4 месяца назад

can you do this with jetpack compose ? can't find any video as clear as this one on expandable FAB with jetpack compose

@LopezZw0w7 3 года назад

Hi, great tutorial, but could you tell me how to make the buttons not so far apart? There is a large gap between the first button and the pen button. Thank you!

@AlbertoGuitarrista 2 года назад

All you have to do is reducing the constraint space. You can either type the XML code or use the properties panel on the right. I hope it helps!

@merciaaraujo1522 2 года назад

voce poderia fazer em java ...por favor........um video sobre esse assunto....eu gostei muito....gostaria de fazer esse detalhe no meu aplicativo......

@Pro100Dev 2 года назад

Thx!

@StevdzaSan 2 года назад

You're welcome 👌

@sinan7529 3 года назад

Very good but animation doesn't work the second time. Can you help me ?

@marc988 2 года назад

Really appreciate but How to close or collapse the fab button NOT ONLY when we click on the fab button again BUT ALSO when we click outside of the fab (elsewhere in the background) ? Help me please ! 🙏 I'm a beginner and I've been looking for this for a really long time....

@user-qb6ct2im7z 2 года назад

Спасибо большое !!! )

@StevdzaSan 2 года назад

Thanks 👊

@hachij_ 4 года назад

any common library for this kind of functionality out there?

@danielleguizamon9891 4 года назад

A library is not necessary for this, you could use the code in an extension function and use it where it should, it is a recommendation

@Manishkumar-wt9tf Год назад

I want to add text in floating action button.. How can i do that

@valeriao5474 2 года назад

Hi thanks fo the tutorial, was really helpful but i have a problem. My buttons keep visible after i trigger the add button, why could it be??

@Pro100Dev 2 года назад

Bro! Can u show how can i autoclose this FAB when i press on one of this button or screen pls! I think need some write on setAnimation(), but i'll try all xD

@lglf77 3 года назад

Isso é Kotlin ou Java no MainActivity?

@douglasbittencourt4880 3 года назад

Uma dica: é só olhar a extensão do lado do nome da classe (MainActivity no caso). Quando for .kt é kotlin, se não, será .java

@jovzone6601 3 года назад

Can you use motion layout instead??

@dickson425 4 месяца назад

Yes

@yuviplays6579 4 года назад

Please create video on firebase authentication with OTP

@animesh8743 3 года назад

getting error while type val after private ! Any solution to please!!

@DPPDolphin 3 года назад

if we are talking about this (private val clicked = false) then it will be correct (private var clicked = false) then there will be no error clicked =! clicked

@yechannelnhichalega3710 3 года назад

Bro please paste github link so that we can copy and reuse your code

@vagavagus Год назад

Добротно

@clxwnxD-vy7sf 4 года назад

How could I implement this in java sir? is it the same way as what you did in kotlin?

@danielleguizamon9891 4 года назад

It is basically the same but in Java, it would not have any problem

@clxwnxD-vy7sf 4 года назад

@@danielleguizamon9891 Thanks bro!

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

In Jetpack Compose, please

@CubeEdgeRecap 3 года назад

Instead of clickable false. why not set visibility to gone? And what if any clickable view stack below that fab which are invisible and not clickable? By the way you are awesome. Just perfect

@StevdzaSan 3 года назад

Setting visibility to gone will disable the animation

@CubeEdgeRecap 3 года назад

@@StevdzaSan oh I did not notice that. Thanks for quick reply. ❤️

@mendezjrks6330 3 года назад

in java, please!!

@ilyasmalik9257 3 года назад

when I use the code private val and animation by lazy it doesnt recognize val and lazy how can I fix this?

@stanleyjohnson8781 3 года назад

Same error 😭😭

@stanleyjohnson8781 3 года назад

@Carolina Pistillo if you have the solution please text

@stanleyjohnson8781 3 года назад

If you get the answer please text I have to submit this by tomorrow

@carolinapistillo4147 3 года назад

@@stanleyjohnson8781 Yes I have it. Try this: rotateOpen = AnimationUtils.loadAnimation(this, R.anim.rotate_open_anim);

@animesh8743 3 года назад

@@carolinapistillo4147 how to use this? I mean we have to use this after private val or just this line?

@EnitinEnitin 3 года назад

The buttons are still there. That means you can't scroll when you accidentally click on the invisible buttons...

@h.r.60 4 года назад

😃

@patrykk1797 3 года назад

I have the problem when i try to write "add_btn.SetOnClickListener... etc. Android Studio doesn't see any of floating buttons. I tried with new project with normal button and it is still the same problem. Someone knows how to solve the problem?

@StevdzaSan 3 года назад

Kotlinx.synthetic is deprecated. I made video about that, check on my channel.

@patrykk1797 3 года назад

@@StevdzaSan Thanks a lot! That's my begining with Android Studio and I spend a lot of time to find solutions. Your channel is the most helpful on YT!

@patrykk1797 3 года назад

I have a question. I tried to implement this buttons in my new project. But when I did everything the same like from tutorial app is crashing. stackoverflow.com/questions/65755070/aplication-crashing-with-floating-button-and-navigation-drawer-kotlin Could you make a look on it?

@allwatched5322 2 года назад

@@StevdzaSan I've tried Kotlinx Synthetic migrate to View Binding in your video but it didn't worked, add_btn.set..... still not showed up in android studio. I'm using Android Studio Dolphin | 2021.3.1 Canary 7. Glad if you can help me. Thank you.