Modern Dashboard UI Design Android Studio Tutorial
Vložit
- čas přidán 9. 09. 2018
- Hi everyone, welcome back to Angga Risky, and in this video, we will learn how to use GridLayout and CardView to make an user-interface design looks like a luxury for the dashboard in the Android Studio from Adobe XD.
GridLayout is helping us to display the contents easier and CardView is giving us the section for each item including the shadows and margins.
How to design this page:
• Modern Dashboard Andro...
Icons Preview:
• 37,000 Free Beautiful ...
Have a nice day. Join the Notification Soldier: Click the bell on 🔔
Thank you for coming and subscribe for more updates.
#design #coding #tutorial #anggarisky
🎓Take My Online Courses:
www.udemy.com/user/angga-risky/
💻Software that I used:
• My Setup as User Inter...
👨🏻🎨My Works:
dribbble.com/anggarisky
behance.net/anggarisky
🙌🏼Connect Me:
anggariskycom
pandaugust
🕹My Gear Set:
Sony A6500
Sigma 16mm
MacBook Pro 2018
Guys, what is next? :D
Angga Risky just continue coding your ui design art to Android studio.
Use Adapter Bro with clickable content, showing new activity
Adapter or Event on Click?
@@AnggaRisky new design layouts with transition animation
we see new designs and feel curious or envy how to do that?
view data from DB browser database.. please make video :)
CZcams needs more video tutorials like this one. Congrats and thank you!
The way that Angga greets his listeners is just awesome!
Terima kasih :)
thanks bro...you've really helped me...continue with the great work
Bro your skills are more than perfection Love from Pakistan
if you have the assets and project provided in the video kindly send me as the link is not opening
love the humor
WooooooooW You're always making great tutorial😍
Awesome, first like from Brazil
thank you, hope ill be able to come back tomorrow with a smile after i submit
thank u for youre useful video ive been looking for sth like this for so long ur explanation helped so much
Thanks you so much! This tutorial saved my project 😎
Thank you man, this worked!
you make android development great again .... wohooo!
Hey, Your videos helps me a lot!!! BTW I can't find the asserts in the provided link! Can you help me with that? Thanks!
This is what every newbie must watch.
Excellent my broder from Indonesia.
Im Indonesian too
When u set color to scroll view why just above part of screen sets blue?
Should happen whole of screen!
thank you so much this is a great tutorial!!!
Thanks kaka, akhirnya nemu juga chanel ytb kaya gini :*
keren mas angga! terima kasih tutor nya
First Like from India
Questionable
Whenever I run this app on my phone,the app shuts down. I am using Samsung galaxy note 4 and I have used API 28 in android studio. Will you kindly help me so that I can fix it?
Hello Angga I saw your website development, very nice to see again your videos on android. :-)
I can use this icons to project personal my app and share with Friends? Or need license?
Oo Thanks God i founded a genius teacher for app development . Thanks
Hi, my friend. Now I can not put cardview in androidX...! also I have imported // implementation 'androidx.cardview:cardview:1.0.0'// into gradle but It still does not show up in XML file. any help please...? thanks
That's amazing bro, just keep going ✌️
Great and Helpful
Thankyou so much :)
You are make always amazing tutorial, Love ❤️ from India
thats so great I thank u
Well explained.. good approach to writing XML code
Hey Angga. Thanks for the video. It is possible to implement the ScrollView nd CardView on a fragment... not in the MainActivity... please
Mantul bro, bisa jadi bahan referensi belajar 🖐🖐
how to make the cards transparent to reflect the background color during animatiom?
app:cardBackgroudColor="#000fff"
We did yeah. Congratulations ✌️
how can i make the background blue from the top .please tell me ...just like shown in the above dashboard
Hi Angga, Thank you for your video. I have a quick: How many Images can you have totally ? in numbers, any limits !! And can you have more columns too ?
Mau tanya mas, saya udah buat seperti di tutor. di desain layout ada 9 grid (saya set columncount ="3" dan rowcount="9").
Di bagian design memang muncul 9 grid, tapi pas saya run di emulator hanya 2 grid yang tampi yaitu yg ke-1 dan ke-2. Kira-kira penyebab errornya apa ya?
2nd Comment hahaha Thanks Bro from Philippines
I have a doubt. Won't the UI be laggy when you inflate such heavy layout file?
Hi Angga, I want to ask that these dashboard are made for us, but how can i set all those to like someone else who registered to my app and their name should display here, hope you understand that what I'm looking for.
This is amazing
Nice and well explained tutorial. Please guide me how then to add code to give the buttons functionality and have logic for the buttons?
I have a problem like this:This operation requires the library com.android.support:cardview-v7:+. what i need to do??plz inform me
Where do you get these sort of animated type icons?
i used a backroung for the main in the main activity but when i use carer radius in my cardView the back of it is white
that's great dude!
Great video bro.......
ist it possible to create this layout under constraint layout ??
Love your Work MAN!!!!!!! thankssss
I just want to ask what constraintlayout version dependencies did you used? just for example on sdk tools constraintlayout solver version and constraintlayout version
Sorry, I don't get it anyway hahaha... what you meant?
hahahaha never mind, its just hard to explain
but nice tutorial Keep it up bro
The latest version?
If you want to know the latest version of any repository just go to maven.google.com, their expand the folder structure and you can see the latest library version
mau tanya dong, kok elevation nya ga keluar ya punyaku? padahal dah ku kasih. ku pakenya androidx bukan yang droid support, mohon pencerahannya
Very good!
Best regards here from Brazil
mas, saya sudah ngikutin dari awal sampai akhir tapi pas di liat hasilnya cardviewnya pada dempet . mohon solusinya mas?
Terima kasih banyakkkk. Tutorialnya sangat bermanfaat
do you have any tutorial to make search bar on fragment? my idea is I have 3 bottom navigation view, home, notification, and account. I want to add search bar on my home fragment, without recycleview.
mantap tutorialnya mudah dimengerti 👍
From india thanks bro...🙏
Great made it look easy
Bang, cara ngasih acitivty pada seita main activity yang udah dibuat tadi bagaimana bang? misal kan tadi ada button kalender, nah cara ngasih activity calendar ke activity lain bagaimana? terimakasih bang :)
terimakasih bang sangat membantu :)
how to load articles/videos from website ?(with UI like this)
Thanks bro, i got more knowledge for this night. keep good shared
Mantaabbbb berguna sekali untuk pemula😭😭😭❤️
Bro ,can we use directly grid layout without cardview
I know is late, but how can I download this assets? The link doesn't run anymore
hey friend,when i take background bgapp it taken full dashboard, how should i do for the taking this short as like you
Exactly same problem, found the solution? If you did please reply
Hey, nice tutorial, Does someone has a valid link for the source files ? Thanks
Friend i want search view on it how to do that plz share and help me
Mantap sih, mudah dipahami
How do you use this dashboard to open a blank activity or a list view or another dashboard. A little tutorial would be great for the continuity of the dashboard. Thanks thanks.
By using Intents. Search for "Opening other activity with intents". Example:
Intent intent = new Intent (this, OtherAct.class);
startActivity(intent);
@@meFawadIqbal YES A DEMO WOULD HAVE BEEN BETTER , NOT opening activity but open fragments no possible
Great job. Stay strong.
What application to make design the dashboard
i apply same coding but round having background black does not show anything why??????????????
how to do animation to the gridlayout ?
need it tooooo much
pls help.
did you know how ? bro
how to add animation to the grid layout while cards appear?
or while scrolling?
it will be more interesting.
this is logic code, you must code java to do that.
@@lapnghiepshopee it would be more interesting with animation
@@lapnghiepshopee how to impelement the aimation to the gridlayout?
you could search in google to find out what animation you want.
Great Tutorial add more and please give also project codes too
When i run , in other device, the cardview is not same as the others, how to fix it?
is it applicable in Pie version of os? because my phone's os is pie 9.0
Congratulations for 100K....🎉🎊🎉
Awesome man.... Keep rock.... ❤️
Hi, i did the same but it didn't work :(
the cardview are different in size
the left side is bigger from the right side
And the last cardview in the left side is the bigger one :(
Would this still work out of I use Kotlin instead of Java?
Amazing Design
Hi sir, I'm having problem with my own project. I have the design but I got stuck on how to implement it. Can I have your email so as we can exchange ?
saya baru install android studio bagaimana mahu preview sebab saya tiada tab preview di tepi tu?
This is next level
did it one by one but mine linear layout stay tranparent and doesnt turn white with cornerradius
Hi , I am using android studio 3.5.2 ,card view is not shown in my layout file why bro
Sir, please upload its Java or kotlin coding for working properly. Such as when we click on anyone then we go to a new activity or fragment.
Why videos dont have subtitle?!,
I really need it please fix it
Terima Kasih banyak ! Lanjutkan yaa
Why is it that when i use my banner that it fills from top to bottem? While in your Video At 2:54 you can clearly see that it fills for maybe 30% off your top :S. The .PNG i use is 400px by 150px
Can you please make a quick tutorial on how to retrieve an Array of object with it's values from firestore?? ...Example: if you add a list of items of an order from cart.? any change you know how?
noice man ...lol "this is me soo handsome right"
noice... i implemented in my project !!!!!
Great vid! thanks a lot
Thanks for the video. Very useful.
Could anybody let me know how i can move to the next activity page by clicking in each box, please?
You create the intend
Hi, row 1 works fine however when I copy the code for row 1 to get row 2 and 3, it looks fine in design view but when i run the project it does not come up on the phone. Any help here?
Really? give me a screenshot
Can you give a link for download that app, Please? thanks!
OMG, this man from Indonesian? Sy cuma ngerti dikit2x bang😁