CardView UI Design Android Studio | Using Grid Layout

In this tutorial, we will learn how to create beautiful design using CardView for our android applications.
Compared to traditional UI design, a simple but intuitive advantage of card UI is that it provides a more personalized user experience, making the entire interface more clear, balanced, aesthetically pleasing, simple and stylish with good usability.
Intelligent devices and apps make our life simple and logical. Card based UI design and interaction patterns also have assimilated into our daily life. Therefore, designers need to take users’ habits into consideration when facing different devices. In short, responsive design should be implemented in order to assure a perfect interface on any device.
Android Development
Android UI Design
Android CardView
Android GridLayout
Android App tutorials
Android Studio for Beginners
Android Layout Tutorial

[@dryisotope]

Could you please increase the music volume i could barely hear it

[@FriskyBearGaming]

lol i died

[@snixrs_]

🤣🤣🤣🤣

[@MajorClothingLine]

😂😂😂😂

[@tricksmix5627]

In this short video you will show you proper card view design...very helpful..thank you.

[@pritiverma845]

guys without dependecies you can apply this code its working (2024), thanx for uploading

[@deepthiacharya9991]

From where we can get those components which is inside drawable folder?

[@zeeshanmajeedbhatti5688]

Boss, I have no words to say you thank you for your invaluable work, No words, Just Awesome!!!!, Keep it up, Bro, thanks

[@DarlingHiroXX]

wondering how the image view color is same green as in background? does this happened by default ? like is it automatically picking up the color set in its background ?

[@johnpintini2748]

Hello, could you please explain how to make the cardview open a new activity? Thank you for this tutorial.

[@shaurya543]

All that is done with intent

[@shaurya543]

And if you want all the card to open only one activity then you need to join your cardview to recycler view

[@topcutestanimals6039]

@@shaurya543 what if to give an id to every card and setOnClickListener for every card you want?is no need for recycler view...

[@nitesharu1269]

@@topcutestanimals6039 switch case may help

[@yotsusan_machi]

first put click listener on the icon and all done with intent

[@curlyboo6628]

It is really helpful,,,,Thanks,,,But i got a error: when i am trying to give another card it shows me cardview is hidden in layout,,,what should i do?

[@arwinchua2474]

you could also provide a link for the media you used for the drawable folder

[@codingadventure1369]

www.mediafire.com/file/hp2z5ints1cdasw/CardViewDesign.rar/file

[@usefulyah3389]

Tell me the name of music

[@shaharmizrahi5764]

@@codingadventure1369 how do i use this? I dont understand

[@user-u5r9eude0n]

@@codingadventure1369 nice, thank you so much!

[@user-u5r9eude0n]

@@codingadventure1369 also, you should throw it in the video descriptionn so many doesnt need to find these files in the comment section anymore.

[@sudarshanakonwar3458]

Can you proceed this video to a new activity with onclicklistener and with real-time database..

[@Yasuko1521]

This blog is very helpful. Thank you...

[@nurinmaisarah3233]

Can you show how to make it function? Like, when you click the home cardview, it will open another fragment or activity?

[@Thomas-kx8cc]

Yeah or link these cards to some website

[@Nbak-cw7jx]

just use onclick listener to the imageview and use intent inside that listener to open another activity

[@kareemadesola6522]

Could you share your source code in the link description below. Thank you. PS: An amazing work you did here

[@supre_mc]

Very good❤❤❤

[@mohamedakazim1909]

So great!!! but how can I remove the "CardViewDesign" header?

[@AsrorkhanProgrammer]

Very Useful Video Thank You Excellent

[@ana123adams5]

I have added the implementation for cardview and synced gradle but I still have the library not found error. Any ideas?

[@ranjithravi162]

Excellent

[@santoshsubedi5967]

How to linked background curve design width snd lenth ho to set without layout??

[@xsh8432]

Amazing card view design

[@riteshfamily369]

Brother when i tak image with text then my text coming exactly near therightside of image i want text below the image what should i do

[@Mirtguitar]

Good tutorial

[@marksteward310]

can you make this on empty views activity instead of empty activity

[@jagveersinghbhakar8252]

It was a helpful video

[@botolatona-9672]

where is the code source please with the image of backgroun s gridlayout ?

[@DarlingHiroXX]

check the description it has everything

[@codingadventure1369]

Source code - www.mediafire.com/file/hp2z5ints1cdasw/CardViewDesign.rar/file

[@alamsekitar]

thank for shared source code

[@mrahbgamer199]

thank you brother

[@deepthiacharya9991]

From where we will get those drawables ?

[@snixrs_]

Could you please increase the volume? I can’t to hear It 🙂🙂

[@zona7822]

yooh man your tutorial is very good thanks

[@gabneitor]

Thank you, won a subscriber.

[@kmtechnicalpoint2402]

This video is very very helpful ...

[@codingadventure1369]

thank u my friend

[@kmtechnicalpoint2402]

I support Coding Adventure

[@kevinaguilar3914]

Great ..!! Thanks

[@salvadordiazm.1687]

Thanks friend!

[@roboticsmex7896]

y si son 12 como insertas un scrollview?

[@adnansiddique2107]

There is a code tutorial in your music video.

[@ahmadalghali90]

lmao

[@woonie3134]

Hello sir, How to make it scrollable? ^^ I have many option....

[@prabhakaranmba]

Thank you friend

[@yunicoardianpradana7288]

the music so annoying, but its good tutorial ... thanks sir... welcome from indonesia

[@tanveerkhokhar8575]

Nice and plz explain to making card view..

[@octavian3033]

It's not as helpful when you speed through every click.

[@gingerGl1tch]

You can slow down the speed of the video.

[@ankaandrews1093]

How do you make it scrollable?

[@vander1817]

To have a scrollable list of cards you need a RecyclerView and then add the cards

[@akamemurasame4670]

Thank you very much!

[@muzamailsaif1011]

U gr8 thank

[@dickytaffareal3720]

how to download the icon for the button? Please respond

[@catseyeoptical55]

Plz bro give me source code.

[@DarlingHiroXX]

description has it already

[@kmtechnicalpoint2402]

How to add horizontal 3 option .. Please replay ...

[@patrickrc6433]

Bro, is it allowed in one app to have my interstitial ads and friends interstitial ads? Help, please

[@mallikeshpagi553]

can this be used for 16 items

[@PojokTekno]

what is the icon size in the drawable

[@GMITBETLEHEMOESAPABARATJBOB]

Better if you provide the media you used in your video

[@DarlingHiroXX]

he did in the description. source code and everything in it

[@__crow]

Awesome!

[@kaiqueferreira17]

sir, you have code xml uses background curved ?

[@spektrejazrodriguez4310]

getwaves.io maybe it will help you

[@KingsleyNMomah]

Thanks!

[@md.kh.s]

thank u soooooo much

[@zoqq-e-mahfil1446]

THanks

[@DKOFFICIALORG]

Layout responsive or not??

[@DarlingHiroXX]

its not responsive.

[@hammodhammod4942]

Where are drawable fils ????

[@navjotsingh2457]

thank you so much

[@ah-official]

tnx bro😍

[@lofo6933]

It worked thx !!!

[@lance3401]

Great tutorial but the music really really sucks! better if you talk while doing it the tutorial.

[@fatinidarwina5227]

may i know what language did u used in here? java or kotlin? thanks

[@Thrasherslasher96]

java

[@kaludharajeeya]

Please provide click icons to open another page for like this.

[@kaludharajeeya]

& thanks

[@ioana-adelinacolceriu6668]

And now , how can I open a new activity by pressing one of this card view ?

[@shaikhadnan7265]

you can have an onClick="yourFuntionhere" attribute attached to every CardView. or you could set an id for every CardView and have onCickListeners to open new activities

[@soulapparel9388]

@@shaikhadnan7265 do you have any tutorial for that?

[@shaikhadnan7265]

@@soulapparel9388 theres plenty. Look up "start activity through intent"

[@soulapparel9388]

@@shaikhadnan7265 ok sir. Thanks a lot

[@lartmarocain8486]

merciii

[@mohammedalmansoob9613]

why music?

[@Alfonso013]

can i get the drawable files?

[@CodeByAshish]

Whats about Java/kotlin coding?

[@Thrasherslasher96]

java

[@CodeByAshish]

@@Thrasherslasher96 actually i was asking for java coding for this layout.. But now i implemented it my self

[@Hamzafan247]

music is too loud man

[@장대현-e3c]

What is the background music for this video? Is it free on KZbin?

[@codingadventure1369]

Different Heaven & EH!DE - My Heart

[@senurajayadeva7037]

saragaye ft sanuka wickramasinghe

[@Austin-pw2ud]

Bro background pics ki link de na pls

[@vaishalibhatt2732]

source code for curved drawable backhground plz

[@abd14q]

getwaves.io maybe it will help you

[@99Points]

I don't find those videos helpful when people don't explain

[@codingadventure1369]

Is there any line of code that you couldn't understand?

[@shribhagawatgupta]

where is source code brother

[@rizqiimani]

Music is distracting

[@skiem]

I wish he dropped the repository.

[@imtiazzihad3998]

give me sourse code.please!!!!

[@korkaiselvan.k.k7119]

Share a code

[@grdfirst6050]

CAN YOU SHARE THIS XML PLEASE

[@ahmedyahya3593]

too bad for the music. bothers huge

[@dineshraj3010]

Can I get the source code please

[@ramesh19850]

Please Send the link of whole code...

[@codingadventure1369]

www.mediafire.com/file/hp2z5ints1cdasw/CardViewDesign.rar/file

[@sazzadhosen5868]

@@codingadventure1369 this file is not open.

[@bigsmoke6414]

whats wrong with all tutorials having this kind of background music?

[@SubmitToTheBiomass]

It's royalty-free

[@bigsmoke6414]

​@@SubmitToTheBiomass Well, but there is royalty free music, that doesnt suck this much, right?

[@SubmitToTheBiomass]

@@bigsmoke6414 I guess, but I mean who cares? Just press M to mute the music if it bothers you.

[@niketnetic6545]

bhai source code do n bhai

[@musified9770]

can i get source code?

[@DarlingHiroXX]

description

[@yasinordu6704]

helal moruq

[@muratcangozum2589]

sana da helal moruq

[@hajaranis4373]

Can i get the source code bro?

[@TehleelMirPicasso]

www.mediafire.com/file/hp2z5ints1cdasw/CardViewDesign.rar/file

[@useronlinetest]

gimana sih

[@zeinulmuhaemin5628]

bahan bahannya bang

[@tanmaysinghal8370]

disliking for that music

[@sergeyc5879]

disgusting music

[@ameyaaadhi1975]

Waste

[@gabrielfernandessilva3707]

Horrible background music.

[@patrickrc6433]

Bro, is it allowed in one app to have my interstitial ads and friends interstitial ads? Help, please

[@md.suhelarmankhan8091]

how to get background image ?