Android如何旋转视图并适配父视图高度 解决旋转后裁剪问题

问题说明 #

• 需求：实现悬浮视图0~360度任意角度旋转，不使用固定正方形外框，视图仅占用旋转后实际显示所需空间，支持拖动到屏幕边缘贴边
• 现存问题：直接调用setRotation()实现旋转时，视图超出初始布局范围的部分会被父布局裁剪，仅初始宽高覆盖区域的内容可见
• 问题效果：
  
• 现有基础实现代码：

public void rotateView(int angle) {
    floatingView.setRotation(angle);
}

实现原理 #

你之前考虑的取对角线设置宽高的思路方向是对的，但不需要固定用对角线作为宽高：只有旋转角度为45度整数倍时，旋转后视图的外接矩形宽高才等于对角线长度，其余角度下实际占用空间都小于对角线尺寸，直接用对角线会产生多余空白，不符合最小占用空间的需求。
裁剪问题的核心原因：Android的setRotation()属于渲染层面的画布变换，不会修改视图本身的测量宽高，父布局始终按照视图初始的测量宽高分配布局边界，超出边界的渲染内容会被直接裁剪。只要在旋转时动态计算当前角度下视图的轴对齐外接矩形尺寸，同步更新视图布局宽高，再校正位置保证旋转中心不偏移即可解决问题。

完整实现代码 #

核心计算逻辑 #

已知视图未旋转时原始宽为originW、高为originH，旋转角度为angle（角度制），旋转后实际占用的外接矩形宽高计算公式如下：

// 角度转弧度，对360取模避免冗余计算
double radians = Math.toRadians(angle % 360);
double sin = Math.abs(Math.sin(radians));
double cos = Math.abs(Math.cos(radians));
// 计算得到当前角度下刚好包裹视图的外接矩形宽高
int targetWidth = (int) Math.floor(originW * cos + originH * sin);
int targetHeight = (int) Math.floor(originH * cos + originW * sin);

完整旋转方法 #

public void rotateView(int angle) {
    // 获取视图原始宽高，视图未完成布局时延后执行
    int originW = floatingView.getWidth();
    int originH = floatingView.getHeight();
    if (originW == 0 || originH == 0) {
        floatingView.post(() -> rotateView(angle));
        return;
    }

    // 计算旋转后实际需要的宽高
    double radians = Math.toRadians(angle % 360);
    double sin = Math.abs(Math.sin(radians));
    double cos = Math.abs(Math.cos(radians));
    int targetW = (int) Math.floor(originW * cos + originH * sin);
    int targetH = (int) Math.floor(originH * cos + originW * sin);

    // 记录旋转前视图中心坐标，用于宽高更新后校正位置
    float centerX = floatingView.getX() + originW / 2f;
    float centerY = floatingView.getY() + originH / 2f;

    // 更新布局宽高
    ViewGroup.LayoutParams lp = floatingView.getLayoutParams();
    lp.width = targetW;
    lp.height = targetH;
    floatingView.setLayoutParams(lp);

    // 校正视图位置，保证旋转中心和原位置一致，不会出现偏移
    floatingView.setX(centerX - targetW / 2f);
    floatingView.setY(centerY - targetH / 2f);

    // 执行旋转
    floatingView.setRotation(angle);
}

悬浮窗场景适配注意事项 #

• 如果你的悬浮视图是通过WindowManager.addView()添加的系统级悬浮窗，仅修改View自身的布局参数不会生效，需要同步更新WindowManager.LayoutParams的width、height、x、y属性，最后调用windowManager.updateViewLayout(floatingView, wmLayoutParams)提交更新
• 旋转默认以视图中心为轴心，不需要额外调用setPivotX()/setPivotY()修改，除非你需要自定义旋转中心点
• 如果需要做平滑旋转动画，在动画的每一帧回调里执行上述宽高计算、布局更新、位置校正逻辑即可，全程不会出现裁剪问题

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