跳转至

头像组

Version 0.5.4

可以通过 AvatarGroupAvatar 显示为组。

快速开始

Version 0.5.4

<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 来设置头像的覆盖方式。

mBinding.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 Avatar Group End
左边Start 右边End

覆盖宽度

Version 0.5.4

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

mBinding.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 Avatar Distance 20dp
左边为默认长度 右边为20dp

动态添加头像

Version 0.5.4

  1. 创建 Avatar 对象

    val mAvatar = Avatar(this).apply {
        setAvatar(R.drawable.img_avatar_1)
    }
    
  2. 使用 addView 添加头像

    mBinding.avatarGroupStart.addView(
        mAvatar, LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)
    )
    

AvatarGroup Add Avatar

动态添加头像

示例代码

查看示例代码