Creating a Tab Layout with Icons & Fragments in Android Studio Tutorial (Kotlin)
ฝัง
- เผยแพร่เมื่อ 29 ส.ค. 2024
- Hey guys! Make sure you don't pick all the same colours like I did in the video, it looks much better if you have 3 seperate colours for this. Other than that you can find the dependency down below:
Material Dependency: implementation 'com.google.android.material:material:1.1.0'
It's amazing how difficult they made it to create a simple tab control. 20 years ago with Visual Basic, it could have been done in under 5 mins. Thanks for the demonstration, it was helpful.
My thoughts exactly!
if you want to make this in a Fragment instead an activity, make exactly the same as the tutorial, the only modifications are:
1.- instead of write the code in the "MainActivity" use your "MainFragment"
2.- the whole code placed in "onCreate" you must to write it in "onActivityCreated"
3.- instead of "val adapter = ViewPagerAdapter(supportFragmentManager)" write "val adapter = ViewPagerAdapter(childFragmentManager)
PD: i'm new usign android studio, i don't know if this is the best way to do this, but it worked for me, i hope i can help someone else!
i love you🥺 hahahaha
i was losing my head for over 10 minutes and then i found this, thank you💪💪
Still can't figure this out.... :(
my app keep crashing ... still cant figure it out
there are thousands of videos only in java and not in kotlin. you are the one. thank you very much
THIS is what I was looking for. Thank you so much for the explanation.
By the way, if anyone followed the video exactly as it is, and android studio throws a Runtime error (I'm using android studio 4.1.1), delete the android:theme line in your activity_main.xml (line 21 in the video) or write it down just the in both day and night themes.xml
Thank you! Everyone overcomplicates things. this is simple and easy to follow.
every time you upload a video I learn a lot..thanks for that.
The best android developer
Thank!
The only thing that didn't work for me was: "val adapter = ViewPagerAdapter(supportFragmentManager)".
It worked like this: "val adapter = ViewPagerAdapter(childFragmentManager)"
Glad you could make it work!
@Magic Wind your comment just saved me. THANKS!!
And thank you Code Palace!!
Thanks man!!
@Magic Wind please can you explain to me how you solved this problem ?
The inglish it's not my first language, sorry.
Thanks for this tutorial, it's really very helpful !
I have managed to get this to work so I thought I should mention how I did this. Firstly really great video. This is solution for viewPager error around 10 mins into video. Similar to adding implementation you need to add the following in same build.gradle, this is all for kotlin ,
viewBinding {
enabled = true
}
then make sure you sync, then in Mainactivity.kt
private lateinit var binding: ActivityMainBinding
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
binding = ActivityMainBinding.inflate(layoutInflater)
setContentView(binding.root)
setUpTabs()
}
private fun setUpTabs(){
val adapter = ViewPagerAdapter(supportFragmentManager)
adapter.addFragment(HomeFragment(), "Home")
adapter.addFragment(FavouritesFragment(), "Favourites")
adapter.addFragment(SettingsFragment(), "Settings")
binding.viewPager?.adapter = adapter
binding.tabs?.setupWithViewPager(binding.viewPager)
Crisp and Concise
Loved it !!
Thnx mate
Very happy to hear it helped!
Ooooohhhhh
you are great, super great! thanks for the video! you're the best
at 10:53 when writing viewPager, my android studio does not link to the ViewPager (with id viewPager) in activity_main.xml. Does anyone have any ideas what I've done wrong?
it also does not reference 'tabs', have I failed to link them?
Hello Edward, unfortunately things get deprecated very fast in the world of Android. So what you're dealing with is that they deprecated what used to be known as "Kotlin synthetics", you need to explicity reference your views in your projects now.
@@Indently Hey, I think i solved the linking problem with binding, but now when i run the app in the emulator it doesn't display the tabs i made, just two default tabs. Any ideas? cheers Ed
@Edward were you able to resolve the issue? I am having the same linking problem.
@@prashantsah5901 I basically stopped using tabs and used a different base layout instead because it was more intuitive
Hello ;..
how can i open it. New fragment in the same area without leaving the tablayout when the button on the fragment is clicked.?
In 10:53 ,
viewPager is not recognized.
So I try to use findViewById() method , but now it is giving error:
Caused by: java.lang.NullPointerException: findViewById(R.id.viewPager) must not be null
help me ;-(
Put into Google: Caused by: java.lang.NullPointerException: findViewById(R.id.viewPager) must not be null
just add the plugin in your app gradle: id 'kotlin-android-extensions'
@@mergenc2522 omg, yes, this was actually the solution I was looking for for an hour now! Thank you very much!
Hey ...when I type in the viewpager I'd on the mainActivity part it doesn't recognize it from the xml😢
same , did u find a solution ,?
@@erzafixed5372 I have managed to get this to work so I thought I should mention how I did this. Firstly really great video. This is solution for viewPager error around 10 mins into video. Similar to adding implementation you need to add the following in same build.gradle, this is all for kotlin ,
viewBinding {
enabled = true
}
then make sure you sync, then in Mainactivity.kt
private lateinit var binding: ActivityMainBinding
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
binding = ActivityMainBinding.inflate(layoutInflater)
setContentView(binding.root)
setUpTabs()
}
private fun setUpTabs(){
val adapter = ViewPagerAdapter(supportFragmentManager)
adapter.addFragment(HomeFragment(), "Home")
adapter.addFragment(FavouritesFragment(), "Favourites")
adapter.addFragment(SettingsFragment(), "Settings")
binding.viewPager?.adapter = adapter
binding.tabs?.setupWithViewPager(binding.viewPager)
Nice vid, is this applicable to a fragment in an app that has bottom navigation already
will still work as I have done it with bottom navigation already
i get this error, "Classifier 'HomeFragment' does not have a companion object, and thus must be initialized here" is it really okay to just delete companion object in fragment?
One thing I do not understand to do all of it for adding 3 essentially buttons... that could be added in no time styled anyway I like as a vector and the rest the same as any other element. What is the point?
R.drawable is already present in android studio use your custom Icons.
Thanks you for video.
i got "Classifier 'HomeFragment' does not have a companion object, and thus must be initialized here"
(missing "()", my bad )
We live and learn, good job on spotting it
Mine doesn't accept neither "ViewPagerAdapter" , nor "SupportFragmentManager". How can I do it with sectionsPagerAdapter and supportFragmentManager ?
Everything did like in a video. IDE dont show any problems. But app is crashes when started without any error. What i've done wrong?
I can't answer that unfortunately since it's too personal, I recommend searching on Google.
good job thanks mate!
Thank you for a nice content.
it is ridiculous how overcomplicated android development is, i mean jesus, in web development with html css and js it takes like 10 minutes, and it actually is intuitive
I completely agree. I haven't tried out Compose yet, but I heard that it's intuitive as Web Dev
@@Indently also btw, thank you. Your video was really helpful.
you are awesome man. awesome video
thanks a lot man!
How to add recycle view in each of fragment ?! Please 🙏 answer 🙄
letmegooglethat.com/?q=how+to+add+a+recycler+view+to+a+fragment
Hello, did you manage to do this? im having trouble too. getting " java.lang.IllegalStateException: findViewById(R.id.recycler_capture)" on the activitys of the fragments, i did a include on the fragments, thats where "recycler_capture" is located but im gettings this error
thank you very much
I was enjoying until Kotlin came up. My query was android java, so I am not sure why I landed here. Maybe Java was used as a keyword, so I cannot say I like that.
Why Kotlin? What is the benefit anyway?
The main reason is that Google chose Kotlin over Java, and that it's 10x faster to write the same code in Kotlin rather than in Java. I recommend you check it out since it's essentially the same language.
@@Indently Thanks for the reply. I always thought the main reason why they created Kotlin in first place was to be able to control Java. As a subset, one is able to make as many improvements to the syntax, and other aspects of the subset as necessary, like making coding faster, without being sued, like Microsoft was sued by Sun. As for being faster in performance, one would argue if any subset of Java can be faster than the actual Language it is going to be traslated to by the bytecode interpreter of the JVM. Java buildtime has at least one less hop and initial compilation is always faster.
Maybe in the overall productive time of an Android developer it is worth it.
Now, try going to the heavy duty world of Banking, and anything related to Finance, where Java code has been migrating COBOL/CICS platform and imprint that Kotlin is the future. Not even all developers from India would have the momentum to do that.
So, for fun stuff, like Android, maybe it is a trend, for those newjoiners of programming (sorry, I meant coding, but I could not help it) who are starting now and never learned Java before, or for newjoiners of a project that is made in Kotlin because the architect is young.
It is a natural tendency to try to simplify writing a piece of code.
That is when Java came along in first place. C++ was just a bit too unecessarily low level for home appliances, and later for Finance.
But then a Language takes a compiler, in the case of Java a JVM which is a compiler and an interpreter in a virtual machine, making the application much more secure. Kotlin is just a subset, for starters.
Go came along and thumbs up to Google for that , when Blockchain, search engines and other complex application demands emerged in the internet era. Again a low level Language was necessary, with new features, multi-threading (concurrent) like Java, but with C++ low level capabilities, and an improved sintax.
Google called the creators of Unix to create Go. That was something.
IMHO Kotlin is just sugar for those seeking less thinking, more speed. Soon enough Kotlin will be history, because every high level code wll be generated using AI, Machine learning, Deep Learning ( low level programming) There is also Python, but that is another story.
That is when Android development will be automated, like JS, and other superficial UI stuff.
Like Groove, Scala, and other ones not really worh mentioning here, Kotlin is a just moment. it is amusing to see the keyword fun, though. It makes it much more fun, doesn't it?
[...]s.
I can't speak for any other kind of development, but for Android, Google chose to support it 100%. Does that make me a sheep to follow what Google promotes? Yes.
But again, for android development, especially if you use android studio, I personally believe you'd be complicating your life for no reason if you continued using Java . And even if it is a movement, or if it decides to no longer be supported tomorrow, it was still worth learning while it existed (Kotlin should take you no longer than a couple of hours to learn if you are familiar with Java). The fact is, it made a lot of the code more readable and easier to code in android studio.
I personally don't care if people decided to use Kotlin or not, that's their choice. I'm just using what Google and the Intelij team offered and recommended for creating apps.
I can't provide you any further arguments, because I'm just sharing what I learned from my own experience. But I'm sure the Intelij team and Google Inc. have some documentation to further support their decision!
But I'm also concentrating on Python, because I'm certain at a certain point that a lot of these programming languages will become most certainly redundant with machine learning (including even Python lol).
But thanks for the comment! Whatever decision you take for development, I'm sure you'll make it work.
@@Indently Yo uso kotlin y es mejor que java.
Thanks helped a lot!
In my code it cant find "viewPager". 10:52
did you fix it?
@@imaginefree9143 no
You need to try using findviewbyid or viewbinding
, they deprecated Kotlin synthetics
@@Indently Thank you fot the fast response :) I'll try it tomorrow
@@Indently Interesting approach but didnt work 4 me.. i dont know what to do.. ty for your time tho.. ^.^
thank you
for the erro of not finding the viewPager.adapter = adapter its because you need binding to do so, just write binding.viewPager.adapter = adapter
val viewPager = findViewById(R.id.viewPager)
viewPager.adapter = adapter
Hello guys why my tab title didn't show in my tablayout?
Which type of project you choose when create? Empty activity??
empty activity
thanks 👍
icons are not showing in mine? anyone plz help
Hi, thnx for this video but I'm taking this error. May u help me?
Type mismatch.
Required:
(RecyclerView.Adapter?..RecyclerView.Adapter?)
Found:
HomePagerAdapter
I know what happened, you are using viewpage2 instead of viewpage
hi i really needs help, my code didnt recognized the viewPager id. what should i do?
i have the same issues, could someone help?
@@Spezialagent3000 add - id 'kotlin-android-extensions' - to you gradle plugins
Thank you bro!!!
The title is not visible in my fragments. Can you please help?
did you change the color of the title?
Is there any reason why you wouldn't use a constraint layout?
No, can work in constraint as I have mine working, just make sure your constraint the item to top, bottom etc
Thanks.. keep it up
Great, but how to highlight current fragment??
idk ask google
Спасибо!!!))
I cant access viewpager and tabs from by main activity...can anyone help me
Same
@@eiorajlf same
@@suppp24 I have managed to get this to work so I thought I should mention how I did this. Firstly really great video. This is solution for viewPager error around 10 mins into video. Similar to adding implementation you need to add the following in same build.gradle, this is all for kotlin ,
viewBinding {
enabled = true
}
then make sure you sync, then in Mainactivity.kt
private lateinit var binding: ActivityMainBinding
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
binding = ActivityMainBinding.inflate(layoutInflater)
setContentView(binding.root)
setUpTabs()
}
private fun setUpTabs(){
val adapter = ViewPagerAdapter(supportFragmentManager)
adapter.addFragment(HomeFragment(), "Home")
adapter.addFragment(FavouritesFragment(), "Favourites")
adapter.addFragment(SettingsFragment(), "Settings")
binding.viewPager?.adapter = adapter
binding.tabs?.setupWithViewPager(binding.viewPager)
I Don't know how to migrate from kotlin synthethics to te new Bindings form. all of this because at 10:53 when writing viewPager, my android studio does not link to the ViewPager
TRASH OF VIDEO
Will like for coffee
didn´t work >:(
Code Palace apologises for the inconveniences this video may have caused. Code Palace also recommends that the person watching this video learns the basics of Android before trying more complex tutorials such as this one. Code Palace wishes the user a pleasant journey and a pleasant day.
Started off great but towards the adaptors absolutely got lost! Way too fast
can you please give code?