Signal-Android/app/src/main/res/layout/verify_display_fragment.xml

<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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="fill_parent"
            android:layout_height="fill_parent"
            android:fillViewport="true">

    <LinearLayout android:layout_width="fill_parent"
                  android:layout_height="wrap_content"
                  android:padding="36dp"
                  android:gravity="center_horizontal"
                  android:background="@color/signal_background_primary"
                  android:orientation="vertical">

        <LinearLayout android:id="@+id/qr_code_container"
                      android:layout_width="match_parent"
                      android:layout_height="wrap_content"
                      android:orientation="vertical"
                      android:layout_marginStart="30dp"
                      android:layout_marginEnd="30dp"
                      android:background="@drawable/qr_code_background">

            <FrameLayout android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:layout_marginTop="36dp"
                         android:layout_gravity="center">

                <TextView android:id="@+id/loading"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          android:layout_gravity="center"
                          android:text="@string/verify_display_fragment__loading"
                          android:textSize="20sp" />

                <org.thoughtcrime.securesms.components.SquareImageView
                    android:id="@+id/qr_code"
                    android:layout_width="164dp"
                    android:layout_height="164dp"
                    android:layout_gravity="center_horizontal"
                    android:visibility="invisible"
                    tools:src="@drawable/ic_about_mc_80"
                    tools:visibility="visible" />

                <org.thoughtcrime.securesms.components.SquareImageView
                    android:id="@+id/qr_verified"
                    android:layout_width="100dp"
                    android:layout_height="100dp"
                    android:src="@drawable/ic_check_white_48dp"
                    android:background="@drawable/circle_tintable"
                    android:backgroundTint="@color/green_500"
                    android:visibility="gone"
                    android:layout_gravity="center"
                    tools:visibility="visible"/>
            </FrameLayout>

            <TextSwitcher android:id="@+id/tap_label"
                          android:layout_width="match_parent"
                          android:layout_height="wrap_content"
                          android:layout_marginTop="20dp"
                          android:layout_marginBottom="27dp"
                          android:inAnimation="@android:anim/fade_in"
                          android:outAnimation="@android:anim/fade_out">

                <TextView android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          android:layout_gravity="bottom|center_horizontal"
                          android:textColor="@color/core_grey_50"
                          android:textSize="11sp"
                          android:text="@string/verify_display_fragment__tap_to_scan"
                          style="@style/Signal.Text.Preview" />

                <TextView android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          android:layout_gravity="bottom|center_horizontal"
                          android:textColor="@color/core_grey_50"
                          android:textSize="11sp"
                          android:text="@string/verify_display_fragment__successful_match"
                          style="@style/Signal.Text.Preview" />

            </TextSwitcher>

        </LinearLayout>

        <TableLayout android:id="@+id/number_table"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
                     android:layout_marginTop="36dp"
                     android:clickable="true"
                     android:focusable="true">

            <TableRow android:gravity="center_horizontal"
                      android:clickable="false"
                      android:focusable="false">

                <TextView android:id="@+id/code_first"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          style="@style/IdentityKey"
                          tools:text="22934"/>

                <TextView android:id="@+id/code_second"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          android:layout_marginStart="20dp"
                          style="@style/IdentityKey"
                          tools:text="56944"/>

                <TextView android:id="@+id/code_third"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          android:layout_marginStart="20dp"
                          style="@style/IdentityKey"
                          tools:text="42738"/>

                <TextView android:id="@+id/code_fourth"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          android:layout_marginStart="20dp"
                          style="@style/IdentityKey"
                          tools:text="20038"/>
            </TableRow>

            <TableRow android:gravity="center_horizontal">
                <TextView android:id="@+id/code_fifth"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          style="@style/IdentityKey"
                          tools:text="34431"/>

                <TextView android:id="@+id/code_sixth"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          android:layout_marginStart="20dp"
                          style="@style/IdentityKey"
                          tools:text="24922"/>

                <TextView android:id="@+id/code_seventh"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          android:layout_marginStart="20dp"
                          style="@style/IdentityKey"
                          tools:text="58594"/>

                <TextView android:id="@+id/code_eighth"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          android:layout_marginStart="20dp"
                          style="@style/IdentityKey"
                          tools:text="24109"/>
            </TableRow>

            <TableRow android:gravity="center_horizontal">
                <TextView android:id="@+id/code_ninth"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          style="@style/IdentityKey"
                          tools:text="00257"/>

                <TextView android:id="@+id/code_tenth"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          android:layout_marginStart="20dp"
                          style="@style/IdentityKey"
                          tools:text="34956"/>

                <TextView android:id="@+id/code_eleventh"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          android:layout_marginStart="20dp"
                          style="@style/IdentityKey"
                          tools:text="32440"/>

                <TextView android:id="@+id/code_twelth"
                          android:layout_width="wrap_content"
                          android:layout_height="wrap_content"
                          android:layout_marginStart="20dp"
                          style="@style/IdentityKey"
                          tools:text="15774"/>
            </TableRow>
        </TableLayout>

        <TextView android:id="@+id/description"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:layout_marginTop="36dp"
                  android:layout_marginStart="30dp"
                  android:layout_marginEnd="30dp"
                  android:gravity="center"
                  android:lineSpacingExtra="3sp"
                  android:text="@string/verify_display_fragment__to_verify_the_security_of_your_end_to_end_encryption_with_s"
                  style="@style/TextAppearance.Signal.Body2" />

        <com.google.android.material.button.MaterialButton
            android:id="@+id/verify_button"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:textAllCaps="false"
            android:layout_marginTop="43dp"
            android:layout_marginStart="12dp"
            android:layout_marginEnd="12dp"
            android:text="@string/verify_display_fragment__mark_as_verified"
            style="@style/Signal.Widget.Button.Large.Primary"
            app:backgroundTint="@color/signal_inverse_transparent_10"
            android:textColor="@color/signal_accent_primary"/>
    </LinearLayout>
</ScrollView>