Avatar(Android)

<com.thumbtack.thumbprint.views.EntityAvatarView
    android:id="@+id/variationEntity"
    style="@style/avatarExtraLarge" />

<com.thumbtack.thumbprint.views.UserAvatarView
    android:id="@+id/variationUser"
    style="@style/avatarExtraLarge"/>

variationEntity.bind(imageUrl = NICOLAS_CAGE_URL, initials = "N")
variationUser.bind(imageUrl = NICOLAS_CAGE_URL, initials = "NC")

/**
* Begins loading the image from the given [imageUrl], positions and sizes the online badge,
* sets its visiblity based on [isOnline], and create a [BlankAvatarDrawable] as the
* fallback avatar. The [BlankAvatarDrawable] will contain the string [initials] and use the
* colors specified in [BlankAvatarDrawable.setColorsFromInitials], which maps the first letter
* of [initials] to background and text color values.
*
* If no [imageUrl] is given, or if there is an error fetching the image, then the
* [BlankAvatarDrawable] created from [initials] will be displayed. A gray placeholder is shown
* during the image's loading if an [imageUrl] is specified.
*
* If both [imageUrl] and [initials] are unspecified, no avatar will be displayed.
*
* As specified in Thumbprint style guides, entity avatars should pass in one letter
* for [initials] and user avatars should pass in two letters for [initials].
*/
fun bind(imageUrl: String? = null, initials: String? = null, isOnline: Boolean = false) {
    ...
}

<com.thumbtack.thumbprint.views.UserAvatarView
    style="@style/avatarExtraLarge"/>

<com.thumbtack.thumbprint.views.UserAvatarView
    style="@style/avatarLarge"/>

<com.thumbtack.thumbprint.views.UserAvatarView
    style="@style/avatarMedium"/>

<com.thumbtack.thumbprint.views.UserAvatarView
    style="@style/avatarSmall"/>

<com.thumbtack.thumbprint.views.UserAvatarView
    style="@style/avatarExtraSmall"/>

<com.thumbtack.thumbprint.views.EntityAvatarView
    style="@style/avatarExtraLarge"/>

<com.thumbtack.thumbprint.views.EntityAvatarView
    style="@style/avatarLarge"/>

<com.thumbtack.thumbprint.views.EntityAvatarView
    style="@style/avatarMedium"/>

<com.thumbtack.thumbprint.views.EntityAvatarView
    style="@style/avatarSmall"/>

<com.thumbtack.thumbprint.views.EntityAvatarView
    style="@style/avatarExtraSmall"/>

<LinearLayout
    android:id="@+id/noImagesUser"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center">
    <com.thumbtack.thumbprint.views.UserAvatarView
        style="@style/avatarMedium"/>
        ...
</LinearLayout>

<LinearLayout
    android:id="@+id/noImagesEntity"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center">
    <com.thumbtack.thumbprint.views.EntityAvatarView
        style="@style/avatarMedium"/>
        ...
</LinearLayout>

var letters = sequenceOf("A", "B", "C", "D", "E", "F").iterator()
noImagesUser.forEachChild {
    (it as? UserAvatarView)?.bind(imageUrl = null, initials = letters.next() + "A")
}
letters = sequenceOf("A", "B", "C", "D", "E", "F").iterator()
noImagesEntity.forEachChild {
    (it as? EntityAvatarView)?.bind(imageUrl = null, initials = letters.next())
}

badgesUser.forEachChild {
    (it as? UserAvatarView)?.bind(imageUrl = NICOLAS_CAGE_URL, isOnline = true)
}
badgesEntity.forEachChild {
    (it as? EntityAvatarView)?.bind(imageUrl = NICOLAS_CAGE_URL, isOnline = true)
}