zircles-android/app/src/main/res/layout/fragment_home.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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:tools="http://schemas.android.com/tools"
    android:background="@drawable/background_home">

    <View
        android:id="@+id/guide_keys"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:alpha="0.3"
        android:background="@android:color/transparent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHeight_percent="0.38196601125"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.58"
        app:layout_constraintWidth_percent="0.7475728155" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline_hit_area_top"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.04" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline_send_amount_top"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.13" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline_send_amount_bottom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.23" />

    <TextView
        android:id="@+id/text_balance_available"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Updating"
        android:textAppearance="@style/TextAppearance.MaterialComponents.Body1"
        android:textColor="@color/text_light"
        android:visibility="visible"
        app:layout_constraintEnd_toStartOf="@id/label_balance"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/text_send_amount" />

    <TextView
        android:id="@+id/label_balance"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="4dp"
        android:text="Available"
        android:textAppearance="@style/TextAppearance.MaterialComponents.Body1"
        android:textColor="@color/colorPrimary"
        android:visibility="gone"
        app:layout_constraintBaseline_toBaselineOf="@id/text_balance_available"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@id/text_balance_available" />

    <TextView
        android:id="@+id/text_balance_description"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="(enter an amount to send)"
        android:visibility="gone"
        tools:visibility="visible"
        android:textAppearance="@style/TextAppearance.MaterialComponents.Body2"
        android:textColor="@color/text_light_dimmed"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@id/text_balance_available" />


    <!--            -->
    <!-- Number Pad -->
    <!--            -->

    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/button_number_pad_1"
        android:layout_width="0dp"
        android:layout_height="0dp"
        style="@style/Zcash.TextView.NumberPad"
        android:text="1"
        app:layout_constraintBottom_toTopOf="@id/button_number_pad_4"
        app:layout_constraintDimensionRatio="H,1:1"
        app:layout_constraintStart_toStartOf="@id/guide_keys"
        app:layout_constraintTop_toTopOf="@id/guide_keys"
        app:layout_constraintVertical_chainStyle="spread_inside"
        app:layout_constraintWidth_percent="@dimen/calculator_button_width_percent" />

    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/button_number_pad_2"
        android:layout_width="0dp"
        android:layout_height="0dp"
        style="@style/Zcash.TextView.NumberPad"
        android:text="2"
        app:layout_constraintBottom_toTopOf="@id/button_number_pad_5"
        app:layout_constraintDimensionRatio="H,1:1"
        app:layout_constraintEnd_toEndOf="@id/guide_keys"
        app:layout_constraintStart_toStartOf="@id/guide_keys"
        app:layout_constraintTop_toTopOf="@id/guide_keys"
        app:layout_constraintVertical_chainStyle="spread_inside"
        app:layout_constraintWidth_percent="@dimen/calculator_button_width_percent" />

    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/button_number_pad_3"
        android:layout_width="0dp"
        android:layout_height="0dp"
        style="@style/Zcash.TextView.NumberPad"
        android:text="3"
        app:layout_constraintBottom_toTopOf="@id/button_number_pad_6"
        app:layout_constraintDimensionRatio="H,1:1"
        app:layout_constraintEnd_toEndOf="@id/guide_keys"
        app:layout_constraintTop_toTopOf="@id/guide_keys"
        app:layout_constraintVertical_chainStyle="spread_inside"
        app:layout_constraintWidth_percent="@dimen/calculator_button_width_percent" />

    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/button_number_pad_4"
        android:layout_width="0dp"
        android:layout_height="0dp"
        style="@style/Zcash.TextView.NumberPad"
        android:text="4"
        app:layout_constraintBottom_toTopOf="@id/button_number_pad_7"
        app:layout_constraintDimensionRatio="H,1:1"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintStart_toStartOf="@id/guide_keys"
        app:layout_constraintTop_toBottomOf="@id/button_number_pad_1"
        app:layout_constraintWidth_percent="@dimen/calculator_button_width_percent" />

    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/button_number_pad_5"
        android:layout_width="0dp"
        android:layout_height="0dp"
        style="@style/Zcash.TextView.NumberPad"
        android:text="5"
        app:layout_constraintBottom_toTopOf="@id/button_number_pad_8"
        app:layout_constraintDimensionRatio="H,1:1"
        app:layout_constraintEnd_toEndOf="@id/guide_keys"
        app:layout_constraintStart_toStartOf="@id/guide_keys"
        app:layout_constraintTop_toBottomOf="@id/button_number_pad_2"
        app:layout_constraintWidth_percent="@dimen/calculator_button_width_percent" />

    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/button_number_pad_6"
        android:layout_width="0dp"
        android:layout_height="0dp"
        style="@style/Zcash.TextView.NumberPad"
        android:text="6"
        app:layout_constraintBottom_toTopOf="@id/button_number_pad_9"
        app:layout_constraintDimensionRatio="H,1:1"
        app:layout_constraintEnd_toEndOf="@id/guide_keys"
        app:layout_constraintTop_toBottomOf="@id/button_number_pad_3"
        app:layout_constraintWidth_percent="@dimen/calculator_button_width_percent" />

    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/button_number_pad_7"
        android:layout_width="0dp"
        android:layout_height="0dp"
        style="@style/Zcash.TextView.NumberPad"
        android:text="7"
        app:layout_constraintBottom_toTopOf="@id/button_number_pad_decimal"
        app:layout_constraintDimensionRatio="H,1:1"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintStart_toStartOf="@id/guide_keys"
        app:layout_constraintTop_toBottomOf="@id/button_number_pad_4"
        app:layout_constraintWidth_percent="@dimen/calculator_button_width_percent" />

    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/button_number_pad_8"
        android:layout_width="0dp"
        android:layout_height="0dp"
        style="@style/Zcash.TextView.NumberPad"
        android:text="8"
        app:layout_constraintBottom_toTopOf="@id/button_number_pad_0"
        app:layout_constraintDimensionRatio="H,1:1"
        app:layout_constraintEnd_toEndOf="@id/guide_keys"
        app:layout_constraintStart_toStartOf="@id/guide_keys"
        app:layout_constraintTop_toBottomOf="@id/button_number_pad_5"
        app:layout_constraintWidth_percent="@dimen/calculator_button_width_percent" />

    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/button_number_pad_9"
        android:layout_width="0dp"
        android:layout_height="0dp"
        style="@style/Zcash.TextView.NumberPad"
        android:text="9"
        app:layout_constraintBottom_toTopOf="@id/button_number_pad_back"
        app:layout_constraintDimensionRatio="H,1:1"
        app:layout_constraintEnd_toEndOf="@id/guide_keys"
        app:layout_constraintTop_toBottomOf="@id/button_number_pad_6"
        app:layout_constraintWidth_percent="@dimen/calculator_button_width_percent" />

    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/button_number_pad_decimal"
        android:layout_width="0dp"
        android:layout_height="0dp"
        style="@style/Zcash.TextView.NumberPad"
        android:paddingBottom="2dp"
        android:text="."
        app:layout_constraintBottom_toBottomOf="@id/guide_keys"
        app:layout_constraintDimensionRatio="H,1:1"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintStart_toStartOf="@id/guide_keys"
        app:layout_constraintTop_toBottomOf="@id/button_number_pad_7"
        app:layout_constraintWidth_percent="@dimen/calculator_button_width_percent" />

    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/button_number_pad_0"
        android:layout_width="0dp"
        android:layout_height="0dp"
        style="@style/Zcash.TextView.NumberPad"
        android:text="0"
        app:layout_constraintBottom_toBottomOf="@id/guide_keys"
        app:layout_constraintDimensionRatio="H,1:1"
        app:layout_constraintEnd_toEndOf="@id/guide_keys"
        app:layout_constraintStart_toStartOf="@id/guide_keys"
        app:layout_constraintTop_toBottomOf="@id/button_number_pad_8"
        app:layout_constraintWidth_percent="@dimen/calculator_button_width_percent" />

    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/button_number_pad_back"
        android:layout_width="0dp"
        android:layout_height="0dp"
        style="@style/Zcash.TextView.NumberPad"
        android:text="&lt;"
        app:layout_constraintBottom_toBottomOf="@id/guide_keys"
        app:layout_constraintDimensionRatio="H,1:1"
        app:layout_constraintEnd_toEndOf="@id/guide_keys"
        app:layout_constraintTop_toBottomOf="@id/button_number_pad_9"
        app:layout_constraintWidth_percent="@dimen/calculator_button_width_percent" />

    <View
        android:id="@+id/layer_lock"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clickable="true"
        android:background="#D0000000"
        tools:visibility="gone"
        android:elevation="5dp" />

    <!--             -->
    <!-- Upper Layer -->
    <!--             -->


    <com.airbnb.lottie.LottieAnimationView
        android:id="@+id/lottie_button_loading"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:elevation="6dp"
        app:layout_constraintHeight_percent="0.075"
        app:layout_constraintWidth_percent="1.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@id/guide_keys"
        app:layout_constraintBottom_toTopOf="@id/text_detail"
        app:layout_constraintVertical_bias="0.2"
        app:layout_constraintVertical_chainStyle="packed"
        android:visibility="invisible"
        app:lottie_autoPlay="false"
        app:lottie_loop="false"
        app:lottie_rawRes="@raw/lottie_button_loading_new" />

    <TextView
        android:id="@+id/button_send_amount"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        tools:text="Downloading...5%"
        android:elevation="6dp"
        android:paddingTop="24dp"
        android:paddingBottom="24dp"
        android:paddingStart="56dp"
        android:paddingEnd="56dp"
        android:textColor="@color/selector_button_text_dark"
        android:textSize="16dp"
        app:layout_constraintTop_toTopOf="@id/lottie_button_loading"
        app:layout_constraintBottom_toBottomOf="@id/lottie_button_loading"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

    <ImageView
        android:id="@+id/icon_scan"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:elevation="6dp"
        app:tint="@color/colorAccent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHeight_percent="0.052"
        app:layout_constraintHorizontal_bias="0.088"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0574"
        app:layout_constraintWidth_percent="0.0887"
        app:srcCompat="@drawable/ic_qrcode_24dp" />

    <ImageView
        android:id="@+id/icon_logo"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:elevation="6dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintDimensionRatio="H,1:1"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintHorizontal_bias="0.912"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.064"
        app:layout_constraintWidth_percent="0.08"
        app:srcCompat="@drawable/ic_account_circle" />

    <View
        android:id="@+id/hit_area_scan"
        android:layout_width="68dp"
        android:layout_height="68dp"
        android:layout_marginStart="24dp"
        android:alpha="0.3"
        android:background="@android:color/transparent"
        android:elevation="6dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@id/guideline_hit_area_top" />

    <View
        android:id="@+id/hit_area_receive"
        android:layout_width="68dp"
        android:layout_height="68dp"
        android:layout_marginEnd="24dp"
        android:background="@android:color/transparent"
        android:elevation="6dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="@id/guideline_hit_area_top" />

    <TextView
        android:id="@+id/text_detail"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="12dp"
        android:elevation="6dp"
        android:layout_marginTop="12dp"
        android:text="Wallet History"
        android:textAppearance="@style/TextAppearance.MaterialComponents.Body1"
        android:textColor="@color/colorAccent"
        android:tint="@color/colorAccent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/lottie_button_loading" />

    <TextView
        android:id="@+id/text_send_amount"
        android:elevation="6dp"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:gravity="center"
        android:includeFontPadding="false"
        tools:text="$0"
        android:textAppearance="@style/Zcash.TextAppearance.Zec"
        android:textSize="72dp"
        android:maxLines="1"
        android:paddingStart="16dp"
        android:paddingEnd="16dp"

        app:autoSizeTextType="uniform"
        app:layout_constraintBottom_toTopOf="@id/guideline_send_amount_bottom"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@id/guideline_send_amount_top" />

    <!--        -->
    <!-- Banner -->
    <!--        -->

    <TextView
        android:id="@+id/text_banner_message"
        android:elevation="6dp"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:background="@drawable/background_banner"
        android:paddingBottom="8dp"
        android:paddingStart="16dp"
        android:paddingTop="8dp"
        android:text="No Balance"
        android:textAppearance="@style/TextAppearance.MaterialComponents.Body1"
        android:textColor="@color/text_light"
        app:layout_constraintEnd_toEndOf="@id/icon_logo"
        app:layout_constraintStart_toStartOf="@id/icon_scan"
        app:layout_constraintTop_toBottomOf="@id/text_send_amount" />

    <TextView
        android:id="@+id/text_banner_action"
        android:elevation="6dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="16dp"
        android:text="Fund Now"
        android:textAppearance="@style/TextAppearance.MaterialComponents.Body1"
        android:textColor="@color/colorPrimary"
        app:layout_constraintBaseline_toBaselineOf="@id/text_banner_message"
        app:layout_constraintEnd_toEndOf="@id/text_banner_message" />

    <androidx.constraintlayout.widget.Group
        android:id="@+id/group_balance"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:constraint_referenced_ids="text_balance_available,label_balance" />

    <androidx.constraintlayout.widget.Group
        android:id="@+id/group_banner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="gone"
        app:constraint_referenced_ids="text_banner_message, text_banner_action" />

</androidx.constraintlayout.widget.ConstraintLayout>