Profile Screen Design 2018 - Android Studio UI Tutorial | Modern Profile UI Design in Android Studio


Hi, This post will show you how to create a God looking profile screen for Android and it's so simple to do just follow this post and you can make that too.

For so many requests finally, I think to make videos on how I make UI design in the android studio so the full tutorial video is now available and I will try to make more if you guys like. And after making minimum 4-5 video tutorials I will add those to my application so don't miss to download my application.

This is the video tutorial on this watch this




1. Create a new project. 

1. Create a new project in Android Studio from File ⇒ New Project and select Empty Activity from templates.or you can choose your existing project.

2. First thing first open style.xml file which is located to /app/src/main/res/values/styles.xml and change the style from DarkActionbar to NoActionBar.

3. Now Go to this project GitHub repository and get this drawable images and paste to your project or you can choose your own image but I will recommend you to chose 9:16 ratio image it will look good.

4. Now in the drawable, we need to make more XML file which will use to make backgrounds of specific views. So now create 4 XML files and name it as bellow or you can download XML files from GitHub.

butoon_follow_background.xml

button_message_background.xml


image_visivility.xml


line_background.xml




5. Now we need to design the layout so open activity_main.xml file or any activity you want to add this layout and paste this code bellow [ If you don't want to just copy and paste and you actually want to know that how it's done then you can watch this post video tutorial on YouTube]

6. Ok now you can run this it will work but the fact is we don't want to show the status bar color but we want to show status bar but in transparent like we are going to add status bar under our layout so it looks good. Now paste this code before starting "setContentView(R.layout.activity_main);". on your activity java file



That's it now your layout is ready you can now use it and run it.

Thanks for your time we will come back with a new awesome UI tutorial.

Get the Source code from GitHub -> Get the Code

Watch the Video Tutorial

Comments