头像组¶

可以通过 AvatarGroup 将 Avatar 显示为组。

快速开始¶

<com.ave.vastgui.tools.view.avatar.AvatarGroup
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <com.ave.vastgui.tools.view.avatar.Avatar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <com.ave.vastgui.tools.view.avatar.Avatar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <com.ave.vastgui.tools.view.avatar.Avatar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</com.ave.vastgui.tools.view.avatar.AvatarGroup>

查看默认样式

覆盖方式¶

添加： Version 0.5.4

可以通过 avatar_overlap_from 或者调用 setOverlapFrom 来设置头像的覆盖方式。

KotlinXml

binding.avatarGroupStart.setOverlapFrom(AvatarGroup.END)

<com.ave.vastgui.tools.view.avatar.AvatarGroup
    ...
    app:avatar_overlap_from="end">

    ... // Avatar

</com.ave.vastgui.tools.view.avatar.AvatarGroup>

![Avatar Group Start](../img/avatar_group_start.jpg){ width="270" } ![Avatar Group End](../img/avatar_group_end.jpg){ width="270" }

左边Start 右边End

覆盖宽度¶

添加： Version 0.5.4

可以通过 avatar_overlap_distance 或者调用 setOverlapDistance 来设置头像的覆盖长度。

KotlinXml

binding.avatarGroupStart.setOverlapDistance(20f.DP)

<com.ave.vastgui.tools.view.avatar.AvatarGroup
    ...
    app:avatar_overlap_distance="20dp">

    ... // Avatar

</com.ave.vastgui.tools.view.avatar.AvatarGroup>

![Avatar Distance Original](../img/avatar_group_distance_original.jpg){ width="270" } ![Avatar Distance 20dp](../img/avatar_group_distance_20dp.jpg){ width="270" }

左边为默认长度右边为20dp

动态添加头像¶

添加： Version 0.5.4

创建 Avatar 对象

val avatar = Avatar(this).apply {
    setAvatar(R.drawable.img_avatar_1)
}

使用 addView 添加头像

binding.avatarGroupStart.addView(
    avatar, LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)
)

动态添加头像

示例代码¶

查看示例代码