Android SeekBars 在旋转前被裁剪

Posted 2023-03-23

【中文标题】Android SeekBars 在旋转前被裁剪

【英文标题】：Android SeekBars cropped before rotating

【发布时间】：2018-10-22 06:04:58

【问题描述】：

我正在尝试使用 android SeekBars 制作一个垂直混音器样式的界面来控制不同的音频源。我可以像许多帖子描述的那样旋转 SeekBars，并将它们放在正确的位置。然而，每个 SeekBar 的宽度（我们在旋转后看到的高度）被裁剪为父视图的可用宽度。结果是每个 SeekBar 都变短了一点，因为从它的起始位置到父节点右边缘的距离更小。它们都应该是这张图片的全高：

这是设置它的代码；这是在父级的setLayoutParams() 中，因此只要调整父级的大小，SeekBars 就会调整大小：

public void setLayoutParams (ViewGroup.LayoutParams params) 
    super.setLayoutParams(params);

    int sliderWidth = ViewUtils.scalePixels(this.app, 24);
    int sliderPadding = ViewUtils.scalePixels(this.app, 24);
    int iconSize = ViewUtils.scalePixels(this.app, 24);
    int iconPadding = ViewUtils.scalePixels(this.app, 8);
    int nextPosition = sliderPadding / ViewUtils.scalePixels(this.app, 2);

    // all the widths and heights are backwards here due to the rotation
    // rotating from the center created weirdness with the positioning
    this.masterSlider.setPivotX(0);
    this.recordingSlider.setPivotX(0);
    this.tempoSlider.setPivotX(0);
    this.pitchSlider.setPivotX(0);
    this.videoSlider.setPivotX(0);
    this.masterSlider.setPivotY(0);
    this.recordingSlider.setPivotY(0);
    this.tempoSlider.setPivotY(0);
    this.pitchSlider.setPivotY(0);
    this.videoSlider.setPivotY(0);
    this.masterSlider.setRotation(-90);
    this.recordingSlider.setRotation(-90);
    this.tempoSlider.setRotation(-90);
    this.pitchSlider.setRotation(-90);
    this.videoSlider.setRotation(-90);

    ViewUtils.setRelativeFrame(this.masterSlider, nextPosition, params.height - iconSize - iconPadding, params.height - iconSize - iconPadding, sliderWidth);
    ViewUtils.setRelativeFrame(this.masterIcon, nextPosition, params.height - iconSize, iconSize, iconSize);

    nextPosition += sliderWidth + sliderPadding;
    ViewUtils.setRelativeFrame(this.recordingSlider, nextPosition, params.height - iconSize - iconPadding, params.height - iconSize - iconPadding, sliderWidth);
    ViewUtils.setRelativeFrame(this.recordingIcon, nextPosition, params.height - iconSize, iconSize, iconSize);

    nextPosition += sliderWidth + sliderPadding;
    ViewUtils.setRelativeFrame(this.tempoSlider, nextPosition, params.height - iconSize - iconPadding, params.height - iconSize - iconPadding, sliderWidth);
    ViewUtils.setRelativeFrame(this.tempoIcon, nextPosition, params.height - iconSize, iconSize, iconSize);

    nextPosition += sliderWidth + sliderPadding;
    ViewUtils.setRelativeFrame(this.pitchSlider, nextPosition, params.height - iconSize - iconPadding, params.height - iconSize - iconPadding, sliderWidth);
    ViewUtils.setRelativeFrame(this.pitchIcon, nextPosition, params.height - iconSize, iconSize, iconSize);

    nextPosition += sliderWidth + sliderPadding;
    ViewUtils.setRelativeFrame(this.videoSlider, nextPosition, params.height - iconSize - iconPadding, params.height - iconSize - iconPadding, sliderWidth);
    ViewUtils.setRelativeFrame(this.videoIcon, nextPosition, params.height - iconSize, iconSize, iconSize);

setRelativeFrame只是添加RelativeLayoutParams的便捷函数：

public static void setRelativeFrame(View view, int x, int y, int w, int h) 
    RelativeLayout.LayoutParams layoutParams = null;
    if (view.getLayoutParams() instanceof RelativeLayout.LayoutParams) 
        layoutParams = (RelativeLayout.LayoutParams)view.getLayoutParams();
    
    if (layoutParams == null) 
        layoutParams = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
    
    layoutParams.leftMargin = x;
    layoutParams.topMargin = y;
    layoutParams.width = w;
    layoutParams.height = h;
    view.setLayoutParams(layoutParams);

我在 Android 8.1.0 和 5.1.1 上得到了相同的结果。

父级是一个RelativeLayout，上面有setClipChildren(true)，但我删除了它，它没有任何区别。

另一篇帖子建议将 setLayerType(View.LAYER_TYPE_SOFTWARE, null) 添加到 SeekBars，但这没有任何区别。

在设置大小之前或之后旋转都没有关系。 Android 仍然将宽度限制为可用空间，就好像 SeekBar 没有旋转一样。

我尝试创建一个新视图，将 SeekBar 添加到视图并旋转视图，但随后视图以与 SeekBar 相同的方式被剪裁。所以这似乎是 Android 视图的普遍问题，而不是特定于 SeekBars。但是我仍然没有通过更一般的搜索找到解决方案。

什么会限制 SeekBar 的大小到它们的父视图，我该如何解决这个问题？

【问题讨论】：

我已经成功使用了这个类：android.googlesource.com/platform/packages/apps/MusicFX/+/…。我不记得有任何宽度与高度问题。

【参考方案1】：

我刚刚找到了一种可行的解决方法：我添加了一个与父视图高度相同的内部视图，然后将 SeekBars 添加到其中。内部视图是不可见的，因此您看不到它比父视图宽，但现在 SeekBars 没有被剪裁。如果有更直接的解决方案，我将不予回答。