ios - MPVolumeView 在 iOS 7 中无法正确重绘

Question

所以我有一个 iOS7 应用程序，我在其中使用 MPVolumeView 以便用户可以控制音量级别。我将路由按钮隐藏在这个特定的 MPVolumeView 上，并使用另一个禁用 slider 的 MPVolumeView 作为我的 AirPlay 图标。

我的应用同时支持纵向和横向，音量 slider 在这两种不同模式下的宽度不同。

如果 View 首先在横向模式下初始化，则 MPVolumeView 将自行正确调整大小。

但是，当 View 在纵向模式下初始化然后我旋转到横向模式时，应用程序中的所有其他内容都会调整大小/移动，除了 MPVolumeView 只会移动，而不会移动应该更短。

我在 MPVolumeView 上使用自定义图像，如果我删除轨道的自定义图像，这个问题就会消失。

这是用于初始化 MPVolumeView

的代码

    self.volumeView = [[MPVolumeView alloc] initWithFrame:CGRectZero];
    self.volumeView.showsRouteButton = NO;
    self.volumeView.layer.borderColor = [[UIColor redColor] CGColor];
    self.volumeView.layer.borderWidth = 1.0f;
    if (AT_LEAST_IOS7) {
        // TODO: BUGBUG iOS7 doesn't redraw this MPVolumeView correctly when it's frame changes (i.e. we rotate to the portrait view).
        // These images simply make the bar a little thicker than the standard thickness (to match the iOS7 music app) but it's not redrawing
        // correctly so we are going to have to live with a slightly thinner bar.
        [self.volumeView setMaximumVolumeSliderImage:[UIImage imageNamed:@"volume_bar_max"] forState:UIControlStateNormal];
        [self.volumeView setMinimumVolumeSliderImage:[UIImage imageNamed:@"volume_bar_min"] forState:UIControlStateNormal];
        [self.volumeView setVolumeThumbImage:[UIImage imageNamed:@"volume_scrubber"] forState:UIControlStateNormal];
    }
    [self addSubview:self.volumeView];

在 layoutSubviews 中，我正在重新定位/缩放它的框架:

self.volumeView.frame = CGRectIntegral(CGRectMake(controlsLeft + kEdgeToSliderSideWidth,
                                                  volumeTop,
                                                  controlsWidth - (2 * kEdgeToSliderSideWidth),
                                                  volumeSize.height));

这是 View 在纵向模式下启动时的样子:(总宽度为 640 像素)

当它旋转到横向时，它最终看起来像这样:(总宽度为 568 像素)

有没有人有什么想法？

Answer 1

我遇到了同样的问题。我当前的解决方法是在屏幕旋转后销毁并重新添加 slider :

- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation
{
    //remove the old view
    for (UIView *subview in self.volumeViewContainer.subviews)
        [subview removeFromSuperview];

    //recreate it
    UIImage *slider = [[UIImage imageNamed:@"slider"] resizableImageWithCapInsets:UIEdgeInsetsMake(0.0, 15.0, 0.0, 15.0)];
    UIImage *knobImage = [UIImage imageNamed:@"slider_knob"];
    MPVolumeView *volumeView = [[[MPVolumeView alloc] initWithFrame:self.volumeViewContainer.bounds] autorelease];
    [volumeView setMinimumVolumeSliderImage:slider forState:UIControlStateNormal];
    [volumeView setMaximumVolumeSliderImage:slider forState:UIControlStateNormal];
    [volumeView setVolumeThumbImage:knobImage forState:UIControlStateNormal];
    [self.volumeViewContainer addSubview:volumeView];
}

这样做仍然存在一个问题，即在旋转过程中 slider 仍然显示有故障。这就是为什么我将 slider 渲染为图像并在旋转发生之前将 slider 与所述图像交换:

- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration
{
    //render to UIImage
    UIGraphicsBeginImageContextWithOptions(self.volumeViewContainer.frame.size, NO, 0.0);
    [self.volumeViewContainer.layer renderInContext:UIGraphicsGetCurrentContext()];
    UIImage * img = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    //remove old slider
    for (UIView *subview in self.volumeViewContainer.subviews)
        [subview removeFromSuperview];

    //add UIImageView which resizes nicely with the container view
    UIImageView *imageView = [[[UIImageView alloc] initWithFrame:self.volumeViewContainer.bounds] autorelease];
    imageView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
    imageView.image = img;
    [self.volumeViewContainer addSubview:imageView];
}

我知道这不是一个真正的解决方案，但我认为总比没有好，希望它对您有所帮助。