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

Popular posts from this blog

Android RecyclerView Tutorial - Fetching JSON

First add dependencies to android file   Add recyclerview library in build.gradle file implementation 'androidx.recyclerview:recyclerview:1.1.0' Step 2 activity_complaints.xml This XML file holds recyclerview component <? xml version ="1.0" encoding ="utf-8" ?> < androidx.recyclerview.widget.RecyclerView xmlns: android ="http://schemas.android.com/apk/res/android" android :layout_height ="match_parent" android :layout_width ="match_parent" android :id ="@+id/rvComplaintsList" > </ androidx.recyclerview.widget.RecyclerView > Step 3 This will contain Components to be repeated via RecyclerView. complainsts_list_layout.java <? xml version ="1.0" encoding ="utf-8" ?> < LinearLayout xmlns: android ="http://schemas.android.com/apk/res/android" android :orientation ="horizontal" android :layout_width ="match_parent" and...

How to Run Android Studio Emulator on AMD processor

New to android. This blog lists the summary of hacks and tweaks that I am to implement to successfully develop Android App. The problem I faced:- I could not run Android Studio Emulator on AMD. Thanks to Stake Again for this wonderful suggestion:- open Android AVD Manager: Tools -> Android -> AVD Manager and create an emulator: -Create Virtual Device -Choose any hardware -Now in system image you need to click on the "Other Images" tab -Select an image to install.  IMPORTANT : Notice that for AMD in the "ABI" column it has to say:  ARM EABI v7a  or  ARM 64 v8a -Install it and restart Android Studio This works for me. Ref. link:  https://stackoverflow.com/questions/31366453/run-android-studio-emulator-on-amd-processor

[SOLVED] Is Android Studio supported on Mac OS 10.15 (Catalina)? Android Studio Not Working on MAC

 Technically Yes! But not that all versions work the same way. While I upgraded to Android Studio to Version 4.1.2. But it did not work in OS 10.15. I deleted my previous android installations following this guide , but still nothing seemed to work. The hell bent installer seemed to get stuck in the middle. I contacted few experts who also appear clueless. A lot of time in my developers' life, I prompt to self - "Read Sid, Read!'. This was no different this time. Instead of searching for help online / offline, I started reading the Android Studio Release Note for version 4.1.2 . It clearly says ,  System Requirements  For MAC:  Mac® OS X® 10.10 (Yosemite) or higher, up to 10.14 (macOS Mojave) So, it may not work with MAC OS Catalina anyway. And it did not work as in my case. Strangely, my previous Android Version 4.0 worked. It is bit tricky to find old releases. But here is where you can find old Android Studio Archives . I downloaded Android Version 4.0, and it wor...