跳转至

头像

Version 0.5.4

头像控件支持图片和文字展示。

Avatar

快速开始

Version 0.5.4

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

查看默认样式

设置大小

Version 0.5.4

可以通过 avatar_size 或者调用 mAvatarSize 来设置头像的大小。

mBinding.imgAvatar.mAvatarSize = 60f.DP
<com.ave.vastgui.tools.view.avatar.Avatar
    ... 
    app:avatar_size="60dp" />

Avatar Size

设置形状

Version 0.5.4

可以通过 avatar_shape 或者调用 setShape 来设置头像的形状。目前支持以下形状:

  • 圆形
  • 圆角矩形
mBinding.imgAvatar.setShape(Avatar.SHAPE_CIRCLE)
<com.ave.vastgui.tools.view.avatar.Avatar
    ... 
    app:avatar_shape="round" />

Avatar Shape

设置颜色

Version 0.5.4

可以通过 avatar_background 或者调用 mBackground 来设置文字头像的背景色。

mBinding.imgAvatar.mBackground = getColor(R.color.aquamarine)
<com.ave.vastgui.tools.view.avatar.Avatar
    ... 
    app:avatar_background="#e84118" />

Avatar Color

设置图片

Version 0.5.4

可以通过 avatar_src 或者调用 setAvatar 来设置头像的图片。

mBinding.imgAvatar.setAvatar(R.drawable.img_avatar)
<com.ave.vastgui.tools.view.avatar.Avatar
    ... 
    app:avatar_src="@drawable/img_avatar" />

Avatar Image

设置文字

Version 0.5.4

可以通过 avatar_text 或者调用 mText 来设置头像的显示文字。

mBinding.imgAvatar.mText = "B"
<com.ave.vastgui.tools.view.avatar.Avatar
    ... 
    app:avatar_text="B" />

Avatar Text

设置文字颜色

Version 0.5.4

可以通过 avatar_text_color 或者调用 mTextColor 来设置文字颜色。

mBinding.imgAvatar.mTextColor = getColor(R.color.burlywood)
<com.ave.vastgui.tools.view.avatar.Avatar
    ... 
    app:avatar_text_color="#c8d6e5" />

Avatar Text Color

设置文字大小

Version 0.5.4

可以通过 avatar_text_size 或者调用 mTextSize 来设置头像的显示文字大小。

mBinding.imgAvatar.mTextSize = 16f.SP
<com.ave.vastgui.tools.view.avatar.Avatar
    ... 
    app:avatar_text_size="16sp" />

Avatar Text Size

设置描边

Version 0.5.4

可以通过 avatar_stroke_color 或者调用 mStrokeColor 来设置头像的描边颜色。

mBinding.imgAvatar.mStrokeColor = getColor(R.color.blue)
<com.ave.vastgui.tools.view.avatar.Avatar
    ... 
    app:avatar_stroke_color="#f0932b" />

Avatar Stroke Color

设置描边宽度

Version 0.5.4

可以通过 avatar_stroke_width 或者调用 mStrokeWidth 来设置头像的描边宽度。

描边宽度说明

根据绘制顺序,实际显示的描边为你设置值的 1/2 。

mBinding.imgAvatar.mStrokeWidth = 6f.DP
<com.ave.vastgui.tools.view.avatar.Avatar
    ... 
    app:avatar_stroke_width="6dp" />

Avatar Stroke Width

矩形圆角

Version 0.5.4

可以通过 avatar_corner_radius 或者 mCornerRadius 来设置矩形圆角半径。

矩形圆角说明

只有当头像为圆角模式才会生效 。

mBinding.imgAvatar.mCornerRadius = 6f.DP
<com.ave.vastgui.tools.view.avatar.Avatar
    ... 
    app:avatar_corner_radius="6dp" />

Avatar Corner Radius

示例代码

查看示例代码