Create a Modern Dashboard in android studio using Material design | For all screen sizes

Поділитися
Вставка
  • Опубліковано 16 гру 2019
  • 😃 Download Complete App : cwtstore.gumroad.com/l/bull-r...
    In this tutorial we will be creating a custom Modern Dashboard UI design in android studio. This tutorial will also be covering Dashboard design source code and you can easily get the source code down below in the post.
    Watch the video till end and you will be master on creating modern dashboard using material design in android studio.
    👍 Like what you see? Support the content: www.codingwitht.com/support-t...
    💨 CODES ------------------------------------
    Current Code: www.codingwitht.com/modern-ma...
    Complete Bull's Rent Code: www.codingwitht.com/bulls-rent/
    ⭕ Related Videos ------------------------------------
    - Naviagtion Drawer: • Android Navigation Dra...
    - Gif Images in Android: • How to use a animated ...
    - Dashboard Design: • Create a Modern Dashbo...
    - Master Constraint Layout: • Create a responsive de...
    - Modern Profile Design: • Modern Profile UI Desi...
    ⛔ Video's Playlists ------------------------------------
    Navigation Drawer Playlist: • Android Navigation Dra...
    Bull's Rent Playlist: • Bull's Rent Complete A...
    Bull's Rent Firebase Playlist: • Firebase series for be...
    📝 Recommended ------------------------------------
    Latest Dashboard Design with Recycler Views 💯: • 04(A) - Modern Dashboa...
    City Guide Series 2020: • City Guide App - Begi...
    👀 Subscribe The Channel: ua-cam.com/users/CodingWithTea...
    💻 Visit Website: www.codingwitht.com/
    If you have any queries please tell me down below in the comments. If you learn something new Like the video and if you are new to the channel hit the Subscribe button.
  • Наука та технологія

КОМЕНТАРІ • 186

  • @shofwatulafifah
    @shofwatulafifah 2 роки тому +5

    you're truly a lifesaver!

    • @CodingwithT
      @CodingwithT  2 роки тому +2

      Indeed HE is. I'm just a passage.
      Glad that it helped 😊☺️

    • @shofwatulafifah
      @shofwatulafifah 2 роки тому

      @@CodingwithT Alhamdulillah :)

  • @rahulranjansingh173
    @rahulranjansingh173 4 роки тому +3

    You are the best brother keep uploading... Your content is best🔥

  • @sebastianmoustakas2094
    @sebastianmoustakas2094 4 роки тому +4

    Exactly what i was looking for, thanks. Keep up!!!

    • @CodingwithT
      @CodingwithT  4 роки тому +1

      Thank You sebastian! Hit the bell icon and more videos will be on your way soon. You can also subscribe my Blog to get the code's right into your inbox.
      www.taimoorsikander.com

  • @iamabhishekchoudhary
    @iamabhishekchoudhary 3 роки тому +1

    Sir in previous toolbar video in activitiy. main.xml relative layout but how in this video constraint layout cones
    There is a problem
    Please resolve it

  • @Jabrelz
    @Jabrelz 4 роки тому +1

    I created my drawer menu first. How do I hide it and edit the rest of the activity?

  • @sohamlotankar6979
    @sohamlotankar6979 4 роки тому

    please reply my first card view sets perfect but another cardview goes upper side and dose'nt shrinks like u .. Plz reply fast

  • @sudiptakumarbiswas
    @sudiptakumarbiswas 3 роки тому

    Please give me some suggestion when adding scrollview android:fillViewPort="true" makes the layout visible but scrollView isn't working sir please give me suggestion.

  • @ChronicleBlaster
    @ChronicleBlaster 3 роки тому +2

    I am speechless!
    You are epic

  • @davidjuarez7535
    @davidjuarez7535 3 роки тому +2

    Wow, that's incredible, you've help me a lot with your video. I'll subscribe to your channel

  • @ABHIMANYUNEMA
    @ABHIMANYUNEMA Рік тому

    hey i have a app drawer already existing can i create it and link wit it pls help

  • @thaliaamargianou7870
    @thaliaamargianou7870 3 роки тому +2

    well done!!! Bravo my friend...!

  • @nuak.5690
    @nuak.5690 2 роки тому +1

    So helpful. Thank you!!

  • @Liquid179
    @Liquid179 2 роки тому +1

    Hi ! Thank you for this helpful and easy to understand tutorial. Already subscribe! This will definitely help me finish my graduation project. I wonder if you can give us access to the icons and images so that we can directly follow through the tutorial? It would really mean a lot. Anyway I hope you continue making tutorials!

    • @CodingwithT
      @CodingwithT  2 роки тому

      I'm glad my videos are helping you in your project! You can get those icons from icons8.com or complete code at www.taimoorsikander.com/shop
      Cheers 🥂 😃

  • @srinidhisrinivasan8696
    @srinidhisrinivasan8696 3 роки тому +1

    alternative for batch drawable import?

  • @shambhavipandey7525
    @shambhavipandey7525 4 роки тому +1

    Sir your videos help a lot... Thanks.... You helped a lot in my android devlopment learning... Just wanted to ask where do u get these beautiful vector and illustrations to use in the app... Once again thanks a lot 👍🙂

    • @CodingwithT
      @CodingwithT  4 роки тому

      Thank you so much :) You can also get these vectors from icons8.com :)

  • @MuhammadUsman-jq5bc
    @MuhammadUsman-jq5bc 3 роки тому

    Salam Taimoor Sikander Bhai..Sir Onclick Property nhi working kr rahi har 1 cardview pr alag alag..Haan Puri Linear layout pr chal jaati he..Kindly provide the solution of this problem.

  • @everythingsgonnabefine
    @everythingsgonnabefine 3 роки тому +2

    감사합니다^&_^
    thank you bro

  • @bhushanbhongade2004
    @bhushanbhongade2004 4 роки тому +1

    taimoor sir you are great , you are so king man

  • @stepangorbatenko6699
    @stepangorbatenko6699 4 роки тому +2

    Please, help!
    I can't change the navigation icon. I can see it in editor but in emulator there old white icon. What should I do???

    • @CodingwithT
      @CodingwithT  4 роки тому +1

      Please watch my new video on Navigation and there you can use any icon or image :)
      ua-cam.com/video/qXT5UPCXbkw/v-deo.html

    • @SLCODEGEN
      @SLCODEGEN 4 роки тому +2

      goto toolbar.xml and add this app:navigationIcon="@drawable/menu_icon"

  • @mateenmehmood5675
    @mateenmehmood5675 2 роки тому

    Jani Awesom Videos. Awesome Content.

  • @muhammadhassan4781
    @muhammadhassan4781 3 роки тому

    why to give value to imageViews in DP? it will not make it responsive

  • @anmol1022
    @anmol1022 4 роки тому +1

    sir, I have a problem using the batch drawable importer as I don't know from where I can get those images which u used

    • @CodingwithT
      @CodingwithT  4 роки тому

      It is actually no longer supported by android studio 3.6 or higher

    • @meekumaathramecheptha7697
      @meekumaathramecheptha7697 3 роки тому

      @@CodingwithT can u help with an alternative?? any other way?

  • @AbdullahAlMamun-to9zh
    @AbdullahAlMamun-to9zh 3 роки тому

    how did you find icons?

  • @aqibnazirchannel
    @aqibnazirchannel 2 роки тому +1

    thank you so much sir

  • @SLCODEGEN
    @SLCODEGEN 4 роки тому +6

    If any one cant see the nav. icon goto toolbar.xml and add this app:navigationIcon="@drawable/menu_icon"

    • @sameerbaniya
      @sameerbaniya 3 роки тому +1

      Thanks for the help brother

    • @CodingwithT
      @CodingwithT  3 роки тому

      Do me WhatsApp on wa.me/+923060000606

  • @athirawarrier7368
    @athirawarrier7368 Рік тому +1

    Sir, not able to constrain the second linear layout to the first one by top 0dp. it is going to the top of the page.
    Can you please provide a solution for it

    • @CodingwithT
      @CodingwithT  Рік тому

      Please check that other constraints are setup properly

  • @Ramayanwithshubham
    @Ramayanwithshubham 4 роки тому

    Sir In this video we see responsive in horizontal can you make video on vertically responsive. Make more video on responsive.

  • @ericwathome783
    @ericwathome783 2 роки тому +1

    Hi!, you are sent from heaven. Thank you for the amazing videos you upload. What is the best alternative for Batch Drawable Importer? It's not supported on Android Studio Arctic Fox

    • @CodingwithT
      @CodingwithT  2 роки тому

      Well there is an alternative to use Adobe XD imto generate multiple images and use them in android manually but didn't search for any new Importer.
      Thank you so much for your kind words ❤️🖤

  • @rubinundhad420
    @rubinundhad420 Рік тому

    i can not find batch drawable importer is there anyother option insted of it ?

    • @CodingwithT
      @CodingwithT  Рік тому

      Dear it's no longer supported by the Android Studio. You can simply generate images with different sizes using any drawable generator online

  • @atlantisprincess96
    @atlantisprincess96 3 роки тому +1

    Hi sir my app has stopped working after I clicked the login button and it supposed to switch to this dashboard design page can you help me :(

    • @CodingwithT
      @CodingwithT  3 роки тому

      Do me WhatsApp on wa.me/+923060000606

  • @deepanshadow3997
    @deepanshadow3997 Рік тому

    Walking click on the new page how bro

  • @chalapathi72
    @chalapathi72 3 роки тому +1

    The images and textview items are not visible in linearlayout, is there any solution?

    • @CodingwithT
      @CodingwithT  3 роки тому

      That is maybe because liner layout is at the top and it might have a background color?
      Let me know if problem still persists.
      Regards 😊

  • @knowledgeispower4756
    @knowledgeispower4756 3 роки тому

    I enable drawable but I have not any icon image share your images plz if you don't have now then teach how to download proper png images plz guide me.....:(

  • @desettierajkumar8616
    @desettierajkumar8616 3 роки тому +1

    drawable import not there in latest android studio , how can i do now?

    • @CodingwithT
      @CodingwithT  3 роки тому

      Do me WhatsApp on wa.me/+923060000606

  • @Digital.Creator.06
    @Digital.Creator.06 4 роки тому

    I do not have DESIGN AND TEXT BUTTON below the interface I can I add those below my interface. I am from Bangladesh

    • @CodingwithT
      @CodingwithT  4 роки тому

      Well that really depends on the scenario

  • @BilalKhan-ln8tn
    @BilalKhan-ln8tn 4 роки тому +1

    Sir Thank you so much, sir i have a problem sir ImageView, cardView now showing attributes, please help me, i am using android studio 3.5

    • @CodingwithT
      @CodingwithT  4 роки тому +1

      Hi Bilal Khan,
      Which attributes are not working for you?

    • @saulgutierrez2598
      @saulgutierrez2598 4 роки тому

      @@CodingwithT Every attributes, if I select the card view, Android Strudio not show me any for any card wiew

  • @eerojunewsservice
    @eerojunewsservice 4 роки тому +2

    sir please make a video complete tutorial of basic news app with front end backend also database complete run the project sir. am asking so many youtubers this way but till now there is no one cant make this type of video...

    • @CodingwithT
      @CodingwithT  4 роки тому +1

      Can you please elaborate in detail what type app you want me to create?
      Reach me at taimoorsikander.com/contact-us

    • @eerojunewsservice
      @eerojunewsservice 4 роки тому +1

      @@CodingwithT flipboard model app with admin penal also database

    • @amalelani1701
      @amalelani1701 4 роки тому

      @@CodingwithT for reservation sir please

    • @BilalKhan-ln8tn
      @BilalKhan-ln8tn 4 роки тому

      @@CodingwithT Please create on Handyman App

  • @kennedymatanda4972
    @kennedymatanda4972 3 роки тому

    As epic as the background music

  • @bilalyousaf6902
    @bilalyousaf6902 4 роки тому +1

    plz makes the project that use the latest libraries new function like(google map, sharing location, online data transfer from one mobile to another, connect two devices with each other through fire base etc. thank u , n really great job

  • @HaiderAli-oi5fm
    @HaiderAli-oi5fm 3 роки тому +1

    It's a nice tutorial to develop a minimal UI. But you have done a lot of code repetition this way. Why not build this kind of design using Recycler view using Grid layout?

  • @mindfullsounds3350
    @mindfullsounds3350 3 роки тому +1

    Hi, Could you please help with making these card views clickable. really tuck. thanks

    • @CodingwithT
      @CodingwithT  3 роки тому

      Do me WhatsApp on wa.me/+923060000606

  • @rgubri3711
    @rgubri3711 3 роки тому +1

    bro, how to get the icons? i have downloaded the batch drawable importer. but there are no icons showing when i click on + button

    • @CodingwithT
      @CodingwithT  3 роки тому

      Batch drawable plugin is actually absolute and android is not supporting it now

    • @rgubri3711
      @rgubri3711 3 роки тому

      @@CodingwithT Thanks a lot for your quick reply. Is there any alternative?

    • @meekumaathramecheptha7697
      @meekumaathramecheptha7697 3 роки тому

      @@rgubri3711 did u get any alternative??

    • @rgubri3711
      @rgubri3711 3 роки тому

      @@meekumaathramecheptha7697 nope. I am just using default android icons set.

    • @CodingwithT
      @CodingwithT  3 роки тому

      Do contact with me on Instagram

  • @bilalyousaf6902
    @bilalyousaf6902 4 роки тому +1

    great job...

  • @im_asyllum2735
    @im_asyllum2735 4 роки тому

    Thankx...sir....

  • @Brayan-yo5mi
    @Brayan-yo5mi 2 роки тому

    Thank you

  • @loltaaa629
    @loltaaa629 3 роки тому +1

    Did you custom made this modern looking buttons?

  • @stonedcodingtom9097
    @stonedcodingtom9097 4 роки тому +1

    Thx!

  • @syariffadilla9832
    @syariffadilla9832 2 роки тому

    di saya tampilan ketika di isntall ke hp kok berantakan ya

  • @mdjahidulislam9205
    @mdjahidulislam9205 4 роки тому +1

    good job bro

  • @abderrahmanekedadra9749
    @abderrahmanekedadra9749 3 роки тому

    May Allah grant u firdaus thank you a lot taimoor

  • @densaldanha
    @densaldanha 4 роки тому +1

    Please Make a Video to add onClick Listeners to each card. I tried a different video but it did not work with your method of making a card.

    • @CodingwithT
      @CodingwithT  4 роки тому +1

      It is very simple, just make the card layout to Relative and inside that add a button with transparent color and make it match parent width and height. That way it will be on top of image and text and will be clicked easily :)

    • @densaldanha
      @densaldanha 4 роки тому

      @@CodingwithT Ohh Amazing, I will try that out!

    • @sohamlotankar6979
      @sohamlotankar6979 4 роки тому

      Or set id of cardview and link it

    • @meekumaathramecheptha7697
      @meekumaathramecheptha7697 3 роки тому

      @@CodingwithT can u do a video on that ? i am getting errors!!!

  • @rnjita581
    @rnjita581 4 роки тому

    Assets folder link please

  • @nilageorgianaiulia4196
    @nilageorgianaiulia4196 4 роки тому +1

    Error inflating class androidx.appcompat.widget.Toolbar

  • @bu-lion7291
    @bu-lion7291 9 місяців тому

    could you please provide me a images in google drive ??

  • @arulkumaran8086
    @arulkumaran8086 4 роки тому +1

    dude hi,how to design one layout for all mobile screens in constraint layout

    • @CodingwithT
      @CodingwithT  4 роки тому

      Try to make it responsive and also use other layouts for that

    • @arulkumaran8086
      @arulkumaran8086 4 роки тому

      @@CodingwithT Thanks dude

  • @cloudmushu
    @cloudmushu 3 роки тому

    vc é um deus sagrado

  • @sciencetechnologyandlife9667
    @sciencetechnologyandlife9667 4 роки тому +1

    Hello bro can you upload a distribution dashboard making video please !

  • @abdoulfatahoudabre4236
    @abdoulfatahoudabre4236 3 роки тому +1

    Please, how make dashboard's items click able?

  • @sreeharshasure9662
    @sreeharshasure9662 4 роки тому +1

    how to setonclicklistener to cards please do the video for that

    • @CodingwithT
      @CodingwithT  4 роки тому +1

      Ok

    • @meekumaathramecheptha7697
      @meekumaathramecheptha7697 3 роки тому

      @@CodingwithT bro waiting for that video? can u paste the code when we click on the cardview other activity should open?

  • @mdalimurrehmanabbas834
    @mdalimurrehmanabbas834 4 роки тому +1

    Bhai.....ye dashboard multiple screen size me fit ho jaayega na?

  • @99Points
    @99Points 4 роки тому +1

    Hi bro, can you make a video on how to make these card views open a new activity

    • @CodingwithT
      @CodingwithT  4 роки тому

      Yes sure! I'll do that soon

    • @99Points
      @99Points 4 роки тому

      @@CodingwithT Thank you, bro, but already figured that out. You can still make a video on that if you like. But thank you

    • @tusharjain5848
      @tusharjain5848 4 роки тому

      @@99Points can you tell me how did you do it because my app crashes when i use on click listener on any of the thing card view Linear layout image view

  • @hasantaspolat9608
    @hasantaspolat9608 4 роки тому

    Unable to add shadow effect with elevation code. Can you help?

    • @CodingwithT
      @CodingwithT  4 роки тому

      Is it working?

    • @meekumaathramecheptha7697
      @meekumaathramecheptha7697 3 роки тому

      @@CodingwithT "Attribute elevation is only used in API level 21 and higher" Its not an error but it wont show its effect it seems please resolve!

    • @CodingwithT
      @CodingwithT  3 роки тому

      Do contact with me on Instagram

  • @alliswell9436
    @alliswell9436 4 роки тому +1

    my app is crashed but i drag everthing plz tell me

  • @canisklanadam8388
    @canisklanadam8388 3 роки тому +1

    hello, really beautiful. I was wondering. Is there a working version of this app? I want to examine its content thoroughly. Or are there apps like this that you can recommend.

    • @CodingwithT
      @CodingwithT  3 роки тому

      Well you can check the code at www.taimoorsikander.com

    • @canisklanadam8388
      @canisklanadam8388 3 роки тому

      @@CodingwithT Is there a program in which all content is actively working? Play is also in a state to be published.

  • @entertainments6785
    @entertainments6785 4 роки тому +1

    Which website do you get image from ?

  • @zohaibahmed5157
    @zohaibahmed5157 3 роки тому +2

    Can you please provide the images and files used in the project?

    • @CodingwithT
      @CodingwithT  3 роки тому

      Do me WhatsApp on wa.me/+923060000606

    • @mohitjoshi4453
      @mohitjoshi4453 3 роки тому

      bro can you send me these images please

    • @CodingwithT
      @CodingwithT  3 роки тому

      Do me WhatsApp on wa.me/+923060000606

  • @megaone7575
    @megaone7575 4 роки тому

    Hi ! how can we get the same images as you ?

    • @CodingwithT
      @CodingwithT  4 роки тому

      Just search these icons on icons8. Com

  • @pubgmfix607
    @pubgmfix607 3 роки тому +1

    Where is the tool bar video there is non

    • @CodingwithT
      @CodingwithT  3 роки тому

      It is in the description. You can also get it from the channel videos please.
      Thank you 😊

  • @akshitkumarsharma1270
    @akshitkumarsharma1270 4 роки тому +1

    How can we make dashboard accessible?

    • @CodingwithT
      @CodingwithT  4 роки тому

      Accessible means? Check my new video on Dashboard with 3 different Recycler views and series of City Guide

  • @shafiqulislam-to5re
    @shafiqulislam-to5re 3 роки тому +1

    good video

    • @CodingwithT
      @CodingwithT  3 роки тому +1

      Thanks 👍 If you like my content please share it with others 🙂

  • @engineeringdivisionsmehci4949
    @engineeringdivisionsmehci4949 Рік тому +1

    great broh..
    but plugin is not available right now

    • @CodingwithT
      @CodingwithT  Рік тому

      Thank you 😊 will soon come up with new design

  • @sudhanshupandey8129
    @sudhanshupandey8129 4 роки тому

    unable to add icons using the plugin

    • @CodingwithT
      @CodingwithT  4 роки тому

      Because it is no longer supported by android studio 3.6 or higher

  • @kappanoodle7951
    @kappanoodle7951 2 роки тому

    Is this Kotlin or Java? I am new to programming btw.

  • @AfrasyabKhan-oz5he
    @AfrasyabKhan-oz5he 11 місяців тому

    Awesome but can we add more than 6 card view using yhe same way

    • @CodingwithT
      @CodingwithT  11 місяців тому

      Yes you can

    • @AfrasyabKhan-oz5he
      @AfrasyabKhan-oz5he 11 місяців тому

      @@CodingwithT Taimoor bhai thank you for replay

    • @CodingwithT
      @CodingwithT  11 місяців тому

      You welcome

    • @AfrasyabKhan-oz5he
      @AfrasyabKhan-oz5he 11 місяців тому

      @@CodingwithT Taimoor bhai i have added the more cardviews but it overdid the old one and only 6 cardview appaers on screen view

  • @motivationallibraries8765
    @motivationallibraries8765 3 роки тому +1

    Bhai ye sb icon bnate ho ya download krte ho kahi se

  • @nikhiljadav8620
    @nikhiljadav8620 3 роки тому

    How can we create clickable viewcard? #beginner

  • @thebahamas9224
    @thebahamas9224 4 роки тому +1

    how do i get those icons?

    • @CodingwithT
      @CodingwithT  4 роки тому

      You can search on icons8

    • @thebahamas9224
      @thebahamas9224 4 роки тому +1

      @@CodingwithT Got it. What do you do if the android drawable import plug in is not supported anymore. I'm using Android studio 3.6.
      There any plugin that does the same job?

    • @CodingwithT
      @CodingwithT  4 роки тому

      @@thebahamas9224 can you please check my latest video of Android seto on it

    • @thebahamas9224
      @thebahamas9224 4 роки тому +1

      @@CodingwithT All right. Can you please provide the link to the particular video you are referring to

    • @CodingwithT
      @CodingwithT  4 роки тому

      @@thebahamas9224 actually I'm away from my desktop so you can find it by going to my channel and look for City Guide basic setup of android studio

  • @madihafaisal565
    @madihafaisal565 Рік тому

    Batch Drawable import nhi a rha Mera plugins me bhi nhi install ho rha

    • @CodingwithT
      @CodingwithT  Рік тому

      Madiha It's because Android studio is no longer supporting that plugin.

    • @madihafaisal565
      @madihafaisal565 Рік тому

      @@CodingwithT then what should I do?

    • @CodingwithT
      @CodingwithT  Рік тому +1

      Android studio is much smarter now. Just use a single image and give it a try. 🤠🎉🥂

    • @madihafaisal565
      @madihafaisal565 Рік тому

      @@CodingwithT okiii thankuuu

  • @sohamlotankar6979
    @sohamlotankar6979 4 роки тому

    my card view is not splitting like you

  • @SLCODEGEN
    @SLCODEGEN 4 роки тому

    If any one cant get transparent navigation bar then, Goto toolbar.xml set this "android:background="#00000000"
    my activity_main xml

  • @99Points
    @99Points 4 роки тому

    Hi brother, are you Punjabi?

    • @CodingwithT
      @CodingwithT  4 роки тому

      Yes I am

    • @99Points
      @99Points 4 роки тому

      @@CodingwithT So am I

    • @99Points
      @99Points 4 роки тому

      Currently, I am living in Canada.

    • @99Points
      @99Points 4 роки тому

      I had a quick question. What do you mean by "responsive design?"

  • @niqabiansGallery
    @niqabiansGallery 4 роки тому +1

    ei code er java file plz

    • @CodingwithT
      @CodingwithT  4 роки тому

      Please get that in the description

  • @SLCODEGEN
    @SLCODEGEN 4 роки тому

    All credits goto mr.Taimoor . thank a lot sir.
    This is my toolbar.xml

  • @Showsssss
    @Showsssss 3 роки тому

    go on hypixel and get yt rank pog!!