app/src/main/res/layout/fragment_profile.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/background"
android:textAlignment="center"
android:id="@+id/profileFragment"
android:visibility="visible"
tools:context=".ui.profile.ProfileFragment"
tools:visibility="visible">
<ImageView
android:id="@+id/back_button"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginStart="16dp"
android:layout_marginTop="45dp"
android:src="@drawable/back_button"
android:visibility="invisible"
app:layout_constraintBottom_toTopOf="@+id/profilePicture"
app:layout_constraintRight_toLeftOf="@id/home_icon"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.0" />
<de.hdodenhof.circleimageview.CircleImageView
android:id="@+id/profilePicture"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_marginStart="44dp"
android:layout_marginTop="100dp"
android:src="@drawable/basic_profile_picture"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<RelativeLayout
android:id="@+id/settingsButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="45dp"
android:layout_marginEnd="16dp"
android:background="@drawable/button_rounded_corner"
android:elevation="8dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent">
<ImageView
android:id="@+id/settingsButtonText"
android:layout_width="40dp"
android:layout_height="40dp"
android:padding="4dp"
app:srcCompat="@drawable/settings_button" />
</RelativeLayout>
<TextView
android:id="@+id/profileUsername"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="3dp"
android:paddingHorizontal="7dp"
android:fontFamily="@font/poppins_bold"
android:shadowColor="#80000000"
android:shadowDx="0"
android:shadowDy="4"
android:shadowRadius="20"
android:text="username"
android:textColor="@color/white"
android:textSize="25sp"
app:drawableTint="@color/transparent"
app:layout_constraintStart_toEndOf="@+id/profilePicture"
app:layout_constraintTop_toTopOf="@+id/profilePicture" />
<TextView
android:id="@+id/profilePlace"
android:layout_width="180dp"
android:layout_height="wrap_content"
android:layout_marginStart="3dp"
android:paddingHorizontal="7dp"
android:layout_marginTop="-15dp"
android:fontFamily="@font/poppins"
android:shadowColor="#80000000"
android:shadowDx="0"
android:shadowDy="4"
android:shadowRadius="20"
android:text="@string/location"
android:textColor="@color/white"
android:textSize="20sp"
app:drawableTint="@color/transparent"
app:layout_constraintStart_toEndOf="@+id/profilePicture"
app:layout_constraintTop_toBottomOf="@+id/profileUsername" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/pictureGrid"
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_marginTop="10dp"
android:layout_marginBottom="80dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/profileFollowButton"
app:layout_constraintVertical_bias="0.0"
app:spanCount="3" />
<ImageView
android:id="@+id/home_icon"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginStart="13dp"
android:layout_marginTop="45dp"
android:layout_marginEnd="317dp"
android:layout_marginBottom="14dp"
android:src="@drawable/home_icon_unsel"
android:visibility="invisible"
app:layout_constraintBottom_toTopOf="@+id/profilePicture"
app:layout_constraintStart_toEndOf="@id/back_button"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.0" />
<RelativeLayout
android:id="@+id/profileFollowButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="30dp"
android:layout_marginTop="10dp"
android:background="@drawable/button_rounded_corner"
android:elevation="8dp"
android:visibility="invisible"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/progressBar">
<ImageView
android:layout_width="wrap_content"
android:layout_height="20dp"
android:layout_marginStart="5dp"
android:layout_marginTop="15dp"
android:layout_marginEnd="2dp"
android:layout_marginBottom="4dp"
android:contentDescription="@string/followTextButton"
android:src="@drawable/profile_icon_follow" />
<TextView
android:id="@+id/profileFollowText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="30dp"
android:layout_marginRight="10dp"
android:fontFamily="@font/poppins_semibold"
android:padding="5sp"
android:text="Follow"
android:textAlignment="center"
android:textColor="@color/white"
android:textSize="15sp"
app:drawableTint="@color/transparent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.498"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintVertical_bias="0.255" />
</RelativeLayout>
<ProgressBar
android:id="@+id/progressBar"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="220dp"
android:layout_height="13dp"
android:layout_marginTop="5dp"
android:indeterminateDrawable="@drawable/progress_bar_shape"
android:progressDrawable="@drawable/progress_bar_shape"
app:layout_constraintStart_toEndOf="@+id/profilePicture"
app:layout_constraintTop_toBottomOf="@+id/levelText" />
<TextView
android:id="@+id/level"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginStart="10dp"
android:layout_marginBottom="10dp"
android:background="@drawable/map_icon_frame"
android:fontFamily="@font/poppins"
android:gravity="center"
android:paddingTop="1dp"
android:shadowDx="0"
android:textAlignment="center"
android:textColor="@color/white"
android:textIsSelectable="false"
android:textSize="18sp"
app:drawableTint="@color/transparent"
app:layout_constraintBottom_toTopOf="@+id/progressBar"
app:layout_constraintEnd_toEndOf="@+id/progressBar"
/>
<TextView
android:id="@+id/levelText"
android:layout_width="150dp"
android:layout_height="wrap_content"
android:layout_marginTop="-10dp"
android:fontFamily="@font/poppins"
android:textColor="@color/colorPrimary"
app:layout_constraintEnd_toStartOf="@+id/level"
app:layout_constraintTop_toBottomOf="@+id/profilePlace" />
</androidx.constraintlayout.widget.ConstraintLayout>