Free profile design with Collapsing Toolbar for android – Source Code included

Published by Kapil Mohan on

Free profile design for Android Studio. Minimal design with gradient header, for editing, use yellow-shadow icons from flaticon.com. For header edit header with your gradient start and end color. Suitable for Material design and clean UI Apps. Full Source code included

Instructions:

  • Include Scrolling Activity from New > Activity > Scrolling Activity
  • Remove FAB from Java Code, as this won’t be used in the design




No additional libraries required, other than support, constraint layout from android.

Set the activity theme to ProfileTheme

Complete Activity Code

Currently, we are having only one activity so back button is not added. If you need back button set parent meta in manifest.

activity_profile.xml

content_profile.xml

ProfileActivity.Java

Doesn’t include any additional code, given for reference only.

download drawables folder and copy the contents to drawables.

Included files:

  • back_to_home_button.xml
  • ic_address.png
  • ic_dob.png
  • ic_email.png
  • ic_mobile.png
  • ic_name.png
  • profile_back_button.xml
  • profile_bk.xml
  • profile_round.png

NB:- if the folder contains any other filer, please ignore.

Use yellow shadow icons from flaticon.com for editing.

colors.xml

dimens.xml

strings.xml

styles.xml




Project Details:

  • Android Studio : 3.0.1
  • minSDK : 16
  • Target SDK : 27

Keywords:

android ui, android designs, android profile designs, free designs, profile snippets, free android profile design, android design with source code, free android source code, free minimal profile designs, gradient design inspirations, android profile design, android profile design sample.

For XD designs, please comment on your email.


Kapil Mohan

Like to add color to developers life and apps. Can create smile using Android, iOS, PHP, codeignitor, web technologies, etc... Feel free to contact me at [email protected] .