Skip to main content

Modern Dashboard UI Design Android Studio Tutorial

  1. Go to Build.gradle file 
  2. Add implementation 'androidx.cardview:cardview:1.0.0'
  3. Open activity_main.xml
  4. Make changes as per your desired layout.
  5. User RelativeLayout, ScrollView, CardView and different other android:layout properties to arrange your layout as per requirement.
  6. It will be easier to try out different things initially to adjust settings and view its impact.
  7. Two things to remember while trying out different layouts:
    1. Use unique IDs for each layout element so that you can identify the items earmarked by respective IDs using findViewById() function.
    2. Make best use of different alignment properties like layout_width, layout_height, layout_marginTop, layout_marginBottom etc
  8. A note of different layouts in most simple words
    1. RelativeLayout: Used to align other layout elements like TextView / ImageView
    2. ScrollView: This is required to allow scrolling of Android Desktop
    3. CardView: A beautiful design element, used as a container for ImageView / TextView etc
    4. ImageView: Placeholder to display images on SmartPhone
    5. TextView: Placeholder to display Text
    6. Button: A simple button used to create onClickEvent listener.

For more details, please follow this Step-by-Step tutorial.



Comments