使用Glide实现圆形ImageView时图片上下被裁剪的问题排查

我来帮你排查这个问题～你当前遇到的图片上下裁剪且比例固定的情况，主要是Glide的变换逻辑和ImageView的scaleType冲突，加上没有正确使用圆形变换导致的，具体原因和解决方案如下：

问题根源分析 #

1. 你只使用了Glide的centerCropTransform()，这个方法只是将图片裁剪为居中的矩形，并没有实现圆形裁剪的效果；
2. ImageView设置了scaleType="fitXY"，这个属性会强制拉伸图片填充整个控件，破坏了图片本身的比例；
3. 两者叠加后，Glide的centerCrop会按照原图片比例先缩放图片到覆盖控件，再裁剪超出部分，而fitXY又强制拉伸，最终导致图片始终呈现固定比例的上下裁剪状态，调整控件尺寸也无法改变这个逻辑。

正确实现方案 #

要实现圆形ImageView，推荐直接使用Glide官方提供的圆形变换，同时调整ImageView的scaleType避免冲突：

修改Glide加载代码 #

替换原有的centerCropTransform()为circleCropTransform()，这个方法会自动将图片裁剪为圆形，无需额外处理：

Glide.with(this)
     .load(MasterFacade.getFacade().getLocalUser().getProfilePicUrl())
     .apply(RequestOptions.circleCropTransform())
     .into((ImageView) findViewById(R.id.profileImageView));

修改布局代码 #

将ImageView的scaleType改为centerCrop（或者直接移除，让Glide控制缩放逻辑），避免和Glide的变换逻辑冲突：

<ImageView 
    android:id="@+id/profileImageView" 
    android:layout_width="200dp" 
    android:layout_height="200dp" 
    android:layout_gravity="center" 
    android:scaleType="centerCrop" />

补充说明 #

如果你的Glide版本较旧（比如低于4.0），circleCropTransform()可能不存在，这时可以使用自定义圆形Transformation，不过建议优先升级到最新稳定版的Glide，官方提供的方法更可靠且维护性更好。

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