自定义PlayGifView缩放适配问题求助：Adapter消息显示异常

嘿，这些问题都是自定义View在列表场景里常遇到的坑，我来帮你一步步拆解解决👇

一、先搞定Margin不生效的问题 #

不管是继承View还是ImageView，Margin不生效大概率是没正确处理布局参数或测量逻辑：

• 首先确保父布局是支持Margin的容器（比如LinearLayout、RelativeLayout，ConstraintLayout要用layout_margin系列属性）；
• 如果是自定义测量逻辑，必须把Margin的尺寸算进最终测量值里，示例代码：

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    MarginLayoutParams params = (MarginLayoutParams) getLayoutParams();
    // 先扣除margin，计算可用空间
    int availableWidth = MeasureSpec.getSize(widthMeasureSpec) - params.leftMargin - params.rightMargin;
    int availableHeight = MeasureSpec.getSize(heightMeasureSpec) - params.topMargin - params.bottomMargin;
    
    // 这里根据GIF原始宽高计算最终显示宽高（保持比例）
    int measuredWidth = availableWidth;
    int measuredHeight = (int) (availableWidth * (float) mOriginalGifHeight / mOriginalGifWidth);
    
    // 把margin加回最终测量值
    setMeasuredDimension(measuredWidth + params.leftMargin + params.rightMargin, 
                         measuredHeight + params.topMargin + params.bottomMargin);
}

二、继承ImageView实现GIF缩放的正确姿势 #

改成继承ImageView却没生效，大概率是没复用ImageView自带的缩放逻辑。其实不用自己写复杂的缩放计算，让ImageView帮你做：

1. 解码GIF帧后，把Bitmap包装成BitmapDrawable设置给ImageView；
2. 开启自适应宽高+设置缩放类型，示例：

// 解码得到当前帧Bitmap后
BitmapDrawable gifDrawable = new BitmapDrawable(getResources(), currentFrameBitmap);
setImageDrawable(gifDrawable);
// 关键：开启自适应宽高，保持GIF原始比例
setAdjustViewBounds(true);
// 根据需求设置缩放类型，比如FIT_CENTER（适配居中）、CENTER_CROP（裁剪居中）
setScaleType(ScaleType.FIT_CENTER);

这样ImageView会自动帮你处理缩放，不用自己在onMeasure里硬算。

三、解决Adapter中两种消息类型显示不一致的问题 #

发送消息占满屏幕、接收消息尺寸不符，核心是两种Item的布局约束/宽高限制不一样：

1. 检查布局文件 #

• 发送消息（type out）的Item：是不是给PlayGifView设了match_parent宽度？
• 接收消息（type in）的Item：建议给PlayGifView设置wrap_content宽度，同时给父容器加最大宽度限制（比如ConstraintLayout用layout_constraintWidth_max，LinearLayout可以通过代码动态设置）。

2. 代码中动态控制宽高 #

在Adapter的onBindViewHolder里，针对不同类型设置宽高限制：

@Override
public void onBindViewHolder(ViewHolder holder, int position) {
    MessageItem item = mMsgList.get(position);
    PlayGifView gifView = holder.gifView;
    
    // 获取屏幕宽度，用于限制接收消息的最大宽度
    DisplayMetrics dm = holder.itemView.getResources().getDisplayMetrics();
    int maxInMsgWidth = (int) (dm.widthPixels * 0.7); // 限制为屏幕70%宽
    
    if (item.getType() == TYPE_IN) {
        gifView.setMaxWidth(maxInMsgWidth);
        gifView.setAdjustViewBounds(true);
        // 接收消息靠左对齐（根据布局调整）
        ((LinearLayout.LayoutParams) gifView.getLayoutParams()).gravity = Gravity.LEFT;
    } else {
        // 发送消息可以设为屏幕宽度，或同样限制最大宽度
        gifView.setMaxWidth(dm.widthPixels);
        gifView.setAdjustViewBounds(true);
        // 发送消息靠右对齐
        ((LinearLayout.LayoutParams) gifView.getLayoutParams()).gravity = Gravity.RIGHT;
    }
    
    // 加载GIF逻辑
    gifView.loadGif(item.getGifUrl());
}

四、额外排查点 #

• 如果自己重写了onDraw，别完全覆盖ImageView的绘制逻辑，记得先调用super.onDraw(canvas)；
• 检查有没有在代码中动态修改LayoutParams，导致Margin或宽高被意外覆盖；
• 确保GIF解码时正确获取了原始宽高，这是保持比例的基础。

内容的提问来源于stack exchange，提问作者cilies38