使用 UISlider 移动到图像视图

Question

我正在尝试根据 UISlider 将两个 UIImageView 一起移动。这是一张图片，便于理解：

当滑块的球滑到最左边（零值）时，只会显示绿色。当它滑到最右边（值 600）时，应该只显示红色。如果滑块的值为 480，它应该显示 80% 的红色图片和 20% 的绿色。我用来尝试实现此目的的代码：

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.slider.minimumValue = 0;
    self.slider.maximumValue = 600;
}

- (IBAction)sliderChanged:(id)sender {

    [imageViewLeft setFrame:CGRectMake(slider.value - 50, imageViewLeft.frame.origin.y,imageViewLeft.frame.size.width,imageViewLeft.frame.size.height)];

        [imageViewRight setFrame:CGRectMake(slider.value + 50, imageViewRight.frame.origin.y,imageViewRight.frame.size.width,imageViewRight.frame.size.height)];

}

这工作得很好，但是第二次我更改滑块时，红色图像（名为 imageViewLeft）会缩小，而 imageViewRight 保持相同大小。我一生都无法弄清楚为什么（我对编程和 iOS 还是很陌生）。有谁知道我应该改变什么或如何最好地做到这一点？

Answer 1

您可以通过保持绿色背景全屏并仅调整红色视图来实现或多或少相同的效果：

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.slider.minimumValue = 0;
    self.slider.maximumValue = 600;

    imageViewRight.frame = self.view.bounds;
}

- (IBAction)sliderChanged:(id)sender {
    [imageViewLeft setFrame:CGRectMake(0, 0,(self.slider.value/self.slider.maximumValue)*sliderimageViewRight.frame.size.width,imageViewRight.frame.size.height)];
}

或者，如果您仍然希望两个视图都是边对边的，那么您可以这样做：

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.slider.minimumValue = 0;
    self.slider.maximumValue = 600;
}

- (IBAction)sliderChanged:(id)sender {
    [imageViewLeft setFrame:CGRectMake(0, 0,(self.slider.value/self.slider.maximumValue)*self.view.bounds.size.width,self.view.bounds.size.height)];
    [imageViewRight setFrame:CGRectMake(imageViewLeft.frame.size.width, 0,self.view.bounds.size.width-imageViewLeft.frame.size.width,self.view.bounds.size.height)];
}

Answer 2

[self.red setFrame:CGRectMake(slider.value+50-self.view.frame.size.width, imageViewLeft.frame.origin.y,self.view.frame.size.width, imageViewLeft.frame.size.height)];
[self.green setFrame:CGRectMake(slider.value+50, imageViewRight.frame.origin.y,self.view.frame.size.width, imageViewRight.frame.size.height)];

并将最大滑块值设置为其宽度：

self.slider.maximumValue = self.slider.frame.size.width;