导航控制器中的 UIScrollView

Posted 2023-03-16

【中文标题】导航控制器中的 UIScrollView

【英文标题】：UIScrollView in Navigation Controller

【发布时间】：2013-08-02 10:17:43

【问题描述】：

我正在尝试让 UIScrollView 在我的培训应用程序中工作。滚动本身工作正常，但如果我使用导航控制器，SVC 的内容区域会向下移动导航栏高度。

青色区域是 UIScrollView 背景。 contentSize 设置正确，只允许左右滑动页面。这就是我将图像添加到滚动视图的方式

CGSize scrollViewSize = self.scrollView.frame.size;

UIImage * image = [UIImage imageWithContentsOfFile:[cachesDirectory stringByAppendingFormat:@"/%@", fileName]];

CGFloat imageOriginalWidth = image.size.width;
CGFloat imageOriginalHeight = image.size.height;

CGFloat imageOffsetX = 10;

CGFloat imageDisplayedWidth = scrollViewSize.width - (2 * imageOffsetX);
CGFloat imageDisplayedHeight = imageOriginalHeight / imageOriginalWidth * imageDisplayedWidth;

CGFloat imageOffsetY = (scrollViewSize.height - imageDisplayedHeight) / 2;

CGRect viewFrame = CGRectMake(scrollViewSize.width * (filmIndex) + imageOffsetX,
                              imageOffsetY,
                              imageDisplayedWidth,
                              imageDisplayedHeight);

contentAreaHeight = imageDisplayedHeight;

UIImageView * view = [[UIImageView alloc] initWithFrame:viewFrame];
view.backgroundColor = [UIColor greenColor];
view.image = image;
view.contentMode = UIViewContentModeScaleAspectFit;
view.tag = filmIndex;

[self.scrollView addSubview:view];

这就是我设置内容大小和偏移量的方式

self.scrollView.contentSize = CGSizeMake(scrollViewSize.width * ([self.filmsData count]),
                                         contentAreaHeight);
self.scrollView.contentOffset = CGPointMake(scrollViewSize.width * [self.filmsData count] / 2,
                                            0);

我的代码有什么问题，使用导航控制器时如何使图像垂直居中？

【问题讨论】：

这段代码是从哪里调用的？我猜你是在-viewDidLoad 做这个。

@JefferyThomas 你是对的，它是从-viewDidLoad 调用的。你不是说-viewDidLoadframes 还没有设置，我应该把它移到-viewWillAppear？

【参考方案1】：

您可以在-viewDidLoad 中创建和添加视图，但您需要使用自动调整大小或在-viewWillAppear: 中手动设置框架，或者在 self.view 调整大小后触发的其他方法。

Bounds and Frame size in viewDidLoad

【讨论】：

很好的答案，谢谢。这是我的第一次 ios 体验，我完全忘记了这种差异

【参考方案2】：

首先，这是什么？

scrollViewSize

你已经在 2-3 个地方使用过它，比如这里：

CGFloat imageDisplayedWidth = scrollViewSize.width - (2 * imageOffsetX);

如果它是你的scrollView的框架的大小，你最好简单地使用

self.scrollView.frame.size

否则..我无法得到你..

其次，当您的 UINavigationBar 对象出现在视图中时，它会“吃掉”您屏幕的一些空间。默认情况下，它的高度是 44 像素（在非视网膜中）。

因此，您的其他视图和子视图也会向下移动。甚至您的主视图也向下移动了 44 个点，因此，这就是为什么您的整个视图以及您的 scrollView 及其上的图像向下移动的原因。但是，您的视图高度仍然是 460！（在 iPhone 4、4S 中）并且额外的 44 点超出了您的屏幕范围......即从屏幕底部出来（所以！它应该从手机底部出来；）！！）所以你也必须注意它......

我建议你做的是 将 scrollView 的框架设置为降低的高度：将这些行添加到您的代码中。最好在方法的开头添加它：

`self.scrollview.frame=CGRectMake(0,0,320,self.view.frame.size.height-44)

// if it is the default navigation bar.. otherwise you can subtract that height which you created in your custom bar

根据您的代码，所有其他事情都应该可以正常工作。 一定要给反馈..如果你使用它:]