XML设置ImageView圆角_为什么图片被裁剪_参数调节终极指南，掌握XML设置ImageView圆角不裁剪，参数调节终极指南
"哎，我明明在XML里设了圆角，怎么图片还是方方正正的？"上周新来的实习生小王挠着头问我。这问题可不止新手会遇到，很多 *** 也常翻车。今天咱们就掰扯清楚XML设置圆角的门道，保你不再踩坑！
一、基础姿势：shape标签的正确打开方式
到底怎么用XML实现圆角？
在res/drawable文件夹新建rounded_corners.xml文件，核心代码长这样：
xml复制<shape xmlns:android="http://schemas.android.com/apk/res/android"><corners android:radius="20dp"/><solid android:color="@color/transparent"/>shape>
关键参数解读：
- android:radius：统一圆角尺寸（建议用8的倍数）
- android:topLeftRadius：单独控制左上角
- solid颜色：必须设为透明，否则会盖住图片
二、进阶玩法：layer-list双剑合璧
为什么设置了background还是显示不全？
很多人在布局文件直接写：
xml复制<ImageViewandroid:background="@drawable/rounded_corners"android:src="@drawable/photo"/>
这会导致图片被背景色覆盖！正确姿势是用layer-list分层：
xml复制<layer-list xmlns:android="http://schemas.android.com/apk/res/android"><item android:drawable="@drawable/photo"/><item android:drawable="@drawable/rounded_corners"/>layer-list>
再把ImageView的src指向这个layer-list文件，完美解决覆盖问题。
三、第三方库的偷懒秘籍
有没有更省事的办法？
试试CircleImageView库，直接在XML里写：
xml复制<de.hdodenhof.circleimageview.CircleImageViewandroid:layout_width="100dp"android:layout_height="100dp"app:civ_border_width="2dp"app:civ_border_color="#FF0000"/>
参数对比表：
| 原生方案 | 第三方方案 |
|---|---|
| 需自定义shape | 内置圆角功能 |
| 修改尺寸要重新编译 | 实时预览生效 |
| 适配旧机型麻烦 | 自动处理版本兼容 |
四、动态调节的黑科技
运行时想改圆角怎么办？
在values/attrs.xml定义自定义属性：
xml复制<declare-styleable name="FlexImageView"><attr name="dynamic_radius" format="dimension"/>declare-styleable>
然后在Java代码中获取属性值，用canvas.clipPath()实时绘制。这招适合需要动画过渡的场景，比如点击图片时圆角慢慢变大。
五、避坑指南：三大翻车现场
- 图片变形：忘记加
android:scaleType="centerCrop" - 圆角失效：Android 9.0以下要手动开启
setLayerType(View.LAYER_TYPE_SOFTWARE, null) - 边框锯齿：使用矢量图时要把stroke宽度设为奇数像素
上周测试组报了个奇葩bug：某款老手机显示成八边形。后来发现是corners的dp转px时没做四舍五入，用Math.round()处理后就正常了。
个人观点：XML设置圆角就像装修房子，基础方案能住但不够精致。推荐组合拳：用原生shape定义基础样式，配合第三方库处理复杂交互。记住，超过20dp的圆角就别用原生方案了，Glide的RoundedCornersTransform才是王道。就像我常跟团队说的——能用轮子的时候，千万别自己造独轮车！