Signal-Android/res/layout/profile_edit_overview_fragment.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">

  <ImageView
      android:layout_width="0dp"
      android:layout_height="0dp"
      android:src="@drawable/circle_tintable"
      android:tint="@color/core_grey_05"
      app:layout_constraintTop_toTopOf="@id/profile_overview_avatar"
      app:layout_constraintBottom_toBottomOf="@id/profile_overview_avatar"
      app:layout_constraintStart_toStartOf="@id/profile_overview_avatar"
      app:layout_constraintEnd_toEndOf="@id/profile_overview_avatar" />

  <ImageView
      android:id="@+id/profile_overview_avatar_placeholder"
      android:layout_width="0dp"
      android:layout_height="0dp"
      android:padding="16dp"
      android:tint="@color/core_grey_60"
      app:srcCompat="@drawable/ic_profile_outline_40"
      app:layout_constraintTop_toTopOf="@id/profile_overview_avatar"
      app:layout_constraintBottom_toBottomOf="@id/profile_overview_avatar"
      app:layout_constraintStart_toStartOf="@id/profile_overview_avatar"
      app:layout_constraintEnd_toEndOf="@id/profile_overview_avatar" />

  <ImageView
      android:id="@+id/profile_overview_avatar"
      android:layout_width="96dp"
      android:layout_height="96dp"
      android:layout_marginTop="36dp"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintTop_toTopOf="parent" />

  <ImageView
      android:id="@+id/profile_overview_camera_button"
      android:layout_width="60dp"
      android:layout_height="60dp"
      android:layout_marginStart="50dp"
      android:layout_marginTop="50dp"
      android:cropToPadding="false"
      android:src="@drawable/ic_profile_camera"
      app:layout_constraintStart_toStartOf="@+id/profile_overview_avatar"
      app:layout_constraintTop_toTopOf="@+id/profile_overview_avatar" />

  <TextView
      android:id="@+id/profile_overview_profile_label"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_marginTop="28dp"
      android:text="@string/ProfileEditOverviewFragment_profile_name"
      style="@style/Signal.Text.Caption"
      app:layout_constraintTop_toBottomOf="@id/profile_overview_avatar"
      app:layout_constraintStart_toStartOf="@id/profile_overview_left_gutter"
      app:layout_constraintEnd_toEndOf="@id/profile_overview_right_gutter"/>

  <EditText
      android:id="@+id/profile_overview_profile_name"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_marginTop="2dp"
      android:editable="false"
      android:focusable="false"
      android:hint="@string/ProfileEditOverviewFragment_create_a_profile_name"
      android:background="@null"
      style="@style/Signal.Text.Body"
      tools:text="Peter Parker"
      app:layout_constraintTop_toBottomOf="@id/profile_overview_profile_label"
      app:layout_constraintStart_toStartOf="@id/profile_overview_left_gutter"
      app:layout_constraintEnd_toStartOf="@id/profile_overview_profile_edit_button" />

  <ImageView
      android:id="@+id/profile_overview_profile_edit_button"
      android:layout_width="36dp"
      android:layout_height="36dp"
      android:padding="8dp"
      android:tint="@color/core_grey_55"
      app:srcCompat="@drawable/ic_compose_solid_24"
      app:layout_constraintTop_toTopOf="@id/profile_overview_profile_name"
      app:layout_constraintBottom_toBottomOf="@id/profile_overview_profile_name"
      app:layout_constraintEnd_toEndOf="@id/profile_overview_right_gutter" />

  <View
      android:id="@+id/profile_overview_divider"
      android:layout_width="0dp"
      android:layout_height="2dp"
      android:layout_marginTop="14dp"
      android:background="@color/transparent_black_20"
      app:layout_constraintTop_toBottomOf="@id/profile_overview_profile_name"
      app:layout_constraintStart_toStartOf="@id/profile_overview_left_gutter"
      app:layout_constraintEnd_toEndOf="@id/profile_overview_right_gutter"/>


  <TextView
      android:id="@+id/profile_overview_username_label"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_marginTop="14dp"
      android:text="@string/ProfileEditOverviewFragment_username"
      style="@style/Signal.Text.Caption"
      app:layout_constraintTop_toBottomOf="@id/profile_overview_divider"
      app:layout_constraintStart_toStartOf="@id/profile_overview_left_gutter"
      app:layout_constraintEnd_toEndOf="@id/profile_overview_right_gutter"/>

  <EditText
      android:id="@+id/profile_overview_username"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_marginTop="2dp"
      android:editable="false"
      android:focusable="false"
      android:hint="@string/ProfileEditOverviewFragment_create_a_username"
      android:background="@null"
      style="@style/Signal.Text.Body"
      app:layout_constraintTop_toBottomOf="@id/profile_overview_username_label"
      app:layout_constraintStart_toStartOf="@id/profile_overview_left_gutter"
      app:layout_constraintEnd_toStartOf="@id/profile_overview_username_edit_button"/>

  <ImageView
      android:id="@+id/profile_overview_username_edit_button"
      android:layout_width="36dp"
      android:layout_height="36dp"
      android:padding="8dp"
      android:tint="@color/core_grey_55"
      app:srcCompat="@drawable/ic_compose_solid_24"
      app:layout_constraintTop_toTopOf="@id/profile_overview_username"
      app:layout_constraintBottom_toBottomOf="@id/profile_overview_username"
      app:layout_constraintEnd_toEndOf="@id/profile_overview_right_gutter"/>

  <TextView
      android:id="@+id/profile_overview_info_text"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_marginTop="24dp"
      android:text="@string/ProfileEditOverviewFragment_your_signal_profile_can_be_seen_by"
      style="@style/Signal.Text.Caption"
      app:layout_constraintTop_toBottomOf="@id/profile_overview_username"
      app:layout_constraintStart_toStartOf="@id/profile_overview_left_gutter"
      app:layout_constraintEnd_toEndOf="@id/profile_overview_right_gutter"/>

  <androidx.constraintlayout.widget.Guideline
      android:id="@+id/profile_overview_left_gutter"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:orientation="vertical"
      app:layout_constraintGuide_begin="16dp" />

  <androidx.constraintlayout.widget.Guideline
      android:id="@+id/profile_overview_right_gutter"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:orientation="vertical"
      app:layout_constraintGuide_end="16dp" />

</androidx.constraintlayout.widget.ConstraintLayout>