如何解决Picasso加载URL图片作为导航抽屉汉堡菜单图标时的变形问题？

你遇到的问题核心来自两个点：Picasso的异步加载特性导致你提前设置了未初始化的Drawable，以及网络Bitmap没有适配ActionBar图标的标准尺寸和比例。下面是一步步的解决方案：

1. 修正异步加载的时机问题 #

Picasso加载图片是异步操作，你当前的代码在调用into(mTarget)后立刻设置mBitmapDrawable，这时候图片还没加载完成，mBitmapDrawable大概率是null或未初始化状态。必须在onBitmapLoaded回调里完成图标的设置：

final Target mTarget = new Target() {
    @Override
    public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom loadedFrom) {
        Log.d("DEBUG", "onBitmapLoaded");
        // 先处理Bitmap适配尺寸，再设置为图标
        Drawable adaptedDrawable = getAdaptedActionBarDrawable(bitmap);
        getSupportActionBar().setHomeAsUpIndicator(adaptedDrawable);
    }

    @Override
    public void onBitmapFailed(Exception e, Drawable errorDrawable) {
        // 加载失败时回退到本地默认图标
        getSupportActionBar().setHomeAsUpIndicator(R.mipmap.ic_farid);
    }

    @Override
    public void onPrepareLoad(Drawable drawable) {
        Log.d("DEBUG", "onPrepareLoad");
        // 可选：设置加载中的占位图标
        getSupportActionBar().setHomeAsUpIndicator(R.mipmap.ic_loading_placeholder);
    }
};

// 先初始化ActionBar的基础配置（建议放在onCreate方法中）
getSupportActionBar().setHomeButtonEnabled(true);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);

// 启动Picasso的异步加载
Picasso.get().load("http://192.168.1.53:8080/Farid/1.jpg").into(mTarget);

2. 适配Bitmap到ActionBar图标标准 #

ActionBar的图标有固定尺寸规范（通常遵循Material Design的24dp/36dp/48dp，取决于设备密度），我们需要把网络加载的Bitmap裁剪成方形并缩放到合适尺寸，保证和系统图标对齐：

private Drawable getAdaptedActionBarDrawable(Bitmap originalBitmap) {
    // 定义目标图标尺寸（以24dp为例，可根据需求调整）
    int iconSizeDp = 24;
    float density = getResources().getDisplayMetrics().density;
    int iconSizePx = (int) (iconSizeDp * density + 0.5f);

    // 先裁剪Bitmap为方形，保证比例正确
    Bitmap squareBitmap;
    if (originalBitmap.getWidth() > originalBitmap.getHeight()) {
        // 宽大于高，裁剪上下多余部分
        int cropY = (originalBitmap.getHeight() - originalBitmap.getWidth()) / 2;
        squareBitmap = Bitmap.createBitmap(originalBitmap, 0, cropY, originalBitmap.getWidth(), originalBitmap.getWidth());
    } else {
        // 高大于宽，裁剪左右多余部分
        int cropX = (originalBitmap.getWidth() - originalBitmap.getHeight()) / 2;
        squareBitmap = Bitmap.createBitmap(originalBitmap, cropX, 0, originalBitmap.getHeight(), originalBitmap.getHeight());
    }

    // 缩放到目标像素尺寸
    Bitmap finalBitmap = Bitmap.createScaledBitmap(squareBitmap, iconSizePx, iconSizePx, true);
    // 回收临时Bitmap，避免内存泄漏
    if (squareBitmap != originalBitmap && !squareBitmap.isRecycled()) {
        squareBitmap.recycle();
    }

    // 转换成Drawable并添加少量padding，保证和系统图标对齐
    BitmapDrawable drawable = new BitmapDrawable(getResources(), finalBitmap);
    int paddingDp = 4;
    int paddingPx = (int) (paddingDp * density + 0.5f);
    drawable.setPadding(paddingPx, paddingPx, paddingPx, paddingPx);

    return drawable;
}

3. 额外注意事项 #

• 避免内存泄漏：在Activity/Fragment销毁时，记得取消Picasso的请求，防止Target持有上下文引用：

  @Override
  protected void onDestroy() {
      super.onDestroy();
      Picasso.get().cancelRequest(mTarget);
  }
  

• 更灵活的处理方式：可以自定义Picasso的Transformation，让加载过程直接完成尺寸适配，代码更简洁：

  Picasso.get()
          .load("http://192.168.1.53:8080/Farid/1.jpg")
          .transform(new ActionBarIconTransformer(24))
          .into(mTarget);
  

  自定义Transformer的逻辑和getAdaptedActionBarDrawable一致，把裁剪和缩放逻辑封装进去即可。

这样处理后，网络加载的图片就能完美适配导航抽屉的汉堡图标位置，不会再出现形状损坏或尺寸过大的问题了。

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