iPhone-全屏UISCrollView启动正确,但在导航栏下重新定位
-
02-10-2019 - |
题
我目前正在尝试像照片应用程序一样实现照片选择器,但使用自定义图像源。对于“照片滚动”部分,我使用了Apple Photoscroller示例代码并对其进行了调整。主要区别之一是它现在嵌入到导航控制器中(WICH是带有导航栏的PhotoPicker自己的NAV控制器,而不是应用程序的NAV控制器)。我有状态和导航栏的半透明,并且在PhotoPicker中使用的所有视图控制器上确实设置了Wines Fullscreenlayout =是。它似乎几乎可以正常工作。 “概述”视图(显示所有专辑照片的缩略图的视图)确实是全屏,我必须手动抵消它,以便首先在导航栏下显示缩略图。对于滚动零件,但是有一个小故障。对于那些不知道PhotosCroller示例代码的人,它可以与具有UISCROLLVIEW属性(PagingScrollview)的自定义UiviewController(PhotoViewController)一起使用,以及一组具有UIView和Uiview和NSINTEGER索引属性的自定义UISCROLLVIEW(imagesCrollview)。然后将图像浏览实例添加/删除为Photoscroller的子视图。
以下是一些相关代码:
photoviewController.h
@interface PhotoViewController : UIViewController <UIScrollViewDelegate> {
UIScrollView *pagingScrollView;
NSMutableSet *recycledPages;
NSMutableSet *visiblePages;
IBOutlet UIToolbar *toolbar;
IBOutlet UIBarButtonItem *previousButtonItem;
IBOutlet UIBarButtonItem *nextButtonItem;
id<PhotoViewDataSource> dataSource;
}
@property(nonatomic, retain) UIScrollView *pagingScrollView;
@property(nonatomic, retain) NSMutableSet *recylcledPages;
@property(nonatomic, retain) NSMutableSet *visiblePages;
@property(nonatomic, retain) UIToolbar *toolbar;
@property(nonatomic, retain) UIBarButtonItem *previousButtonItem;
@property(nonatomic, retain) UIBarButtonItem *nextButtonItem;
@property(nonatomic, retain) id<PhotoViewDataSource> dataSource;
PhotoviewController.m
- (void)loadView
{
self.wantsFullScreenLayout = YES;
// Configure the scrollView
CGRect pagingScrollViewFrame = [self frameForPagingScrollView];
pagingScrollView = [[UIScrollView alloc] initWithFrame:pagingScrollViewFrame];
pagingScrollView.pagingEnabled = YES;
pagingScrollView.backgroundColor = [UIColor redColor];
pagingScrollView.showsVerticalScrollIndicator = NO;
pagingScrollView.showsHorizontalScrollIndicator = NO;
pagingScrollView.contentSize = CGSizeMake(pagingScrollViewFrame.size.width * [self.dataSource imageCount],
pagingScrollViewFrame.size.height);
//pagingScrollView.contentOffset = CGPointMake(0, 0);
pagingScrollView.delegate = self;
self.view = pagingScrollView;
// TODO ? Prepare to tile content
recycledPages = [[NSMutableSet alloc] init];
visiblePages = [[NSMutableSet alloc] init];
[self processPages];
}
- (void)processPages {
// Calculate which pages are visible
CGRect visibleBounds = pagingScrollView.bounds;
NSLog(@"PhotoViewController - processPages : frame = %@", NSStringFromCGRect(pagingScrollView.frame));
NSLog(@"pagingScrollView bounds = %@", NSStringFromCGRect(pagingScrollView.bounds));
NSLog(@"and contentSize = %@", NSStringFromCGSize(pagingScrollView.contentSize));
int firstNeededPageIndex = floorf(CGRectGetMinX(visibleBounds) / CGRectGetWidth(visibleBounds));
int lastNeededPageIndex = floorf((CGRectGetMaxX(visibleBounds)-1) / CGRectGetWidth(visibleBounds));
firstNeededPageIndex = MAX(firstNeededPageIndex, 0);
lastNeededPageIndex = MIN(lastNeededPageIndex, [dataSource imageCount] - 1);
if (lastNeededPageIndex >= 0) {
// Recycle no-longer-visible pages
for (ImageScrollView *page in visiblePages) {
if (page.index < firstNeededPageIndex || page.index > lastNeededPageIndex) {
[recycledPages addObject:page];
[page removeFromSuperview];
}
}
[visiblePages minusSet:recycledPages];
// add missing pages
for (int index = firstNeededPageIndex; index <= lastNeededPageIndex; index++) {
if (![self isDisplayingPageForIndex:index]) {
ImageScrollView *page = [self dequeueRecycledPage];
if (page == nil) {
page = [[[ImageScrollView alloc] init] autorelease];
}
[self configurePage:page forIndex:index];
NSLog(@"PhotoViewController - processPage 2 : bounds = %@", NSStringFromCGRect(pagingScrollView.bounds));
[pagingScrollView addSubview:page];
NSLog(@"PhotoViewController - processPage 3 : bounds = %@", NSStringFromCGRect(pagingScrollView.bounds));
[visiblePages addObject:page];
}
}
}
}
- (ImageScrollView *)dequeueRecycledPage {
ImageScrollView *page = [recycledPages anyObject];
if (page) {
[[page retain] autorelease];
[recycledPages removeObject:page];
}
return page;
}
- (BOOL)isDisplayingPageForIndex:(NSUInteger)index {
BOOL foundPage = NO;
for (ImageScrollView *page in visiblePages) {
if (page.index == index) {
foundPage = YES;
break;
}
}
return foundPage;
}
- (void)configurePage:(ImageScrollView *)page forIndex:(NSUInteger)index {
page.index = index;
page.frame = [self frameForPageAtIndex:index];
NSLog(@"PhotoViewController - configurePage : bounds = %@", NSStringFromCGRect(pagingScrollView.bounds));
[page displayImage:[dataSource imageForImageId:index]];
NSLog(@"PhotoViewController - configurePage 2 : bounds = %@", NSStringFromCGRect(pagingScrollView.bounds));
}
#pragma mark -
#pragma mark ScrollView delegate methods
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
[self processPages];
}
#pragma mark -
#pragma mark Frame calculations
#define PADDING 10
- (CGRect)frameForPagingScrollView {
CGRect frame = [[UIScreen mainScreen] bounds];
frame.origin.x -= PADDING;
frame.size.width += (2*PADDING);
return frame;
}
- (CGRect)frameForPageAtIndex:(NSUInteger)index {
CGRect pagingScrollViewFrame = [self frameForPagingScrollView];
CGRect pageFrame = pagingScrollViewFrame;
pageFrame.size.width -= (2 * PADDING);
pageFrame.origin.x = (pagingScrollViewFrame.size.width * index) + PADDING;
//pageFrame.origin.x = (pagingScrollViewFrame.size.width * index) - (PADDING*index*2);
return pageFrame;
}
imagesCrollview.h
@interface ImageScrollView : UIScrollView <UIScrollViewDelegate> {
UIView *imageView;
NSUInteger index;
}
@property (assign) NSUInteger index;
- (void)displayImage:(UIImage *)image;
//- (void)displayTiledImageNamed:(NSString *)imageName size:(CGSize)imageSize;
- (void)configureForImageSize:(CGSize)imageSize;
imagesCrollview.m
- (void)layoutSubviews
{
[super layoutSubviews];
imageView.backgroundColor = [UIColor greenColor];
self.backgroundColor = [UIColor blueColor];
// center the image as it becomes smaller than the size of the screen
CGSize boundsSize = self.bounds.size;
CGRect frameToCenter = imageView.frame;
// center horizontally
if (frameToCenter.size.width < boundsSize.width)
frameToCenter.origin.x = (boundsSize.width - frameToCenter.size.width) / 2;
else
frameToCenter.origin.x = 0;
// center vertically
if (frameToCenter.size.height < boundsSize.height)
frameToCenter.origin.y = (boundsSize.height - frameToCenter.size.height) / 2;
else
frameToCenter.origin.y = 0;
imageView.frame = frameToCenter;
NSLog(@"imageView frame = %@", NSStringFromCGRect(frameToCenter));
if ([imageView isKindOfClass:[TilingView class]]) {
// to handle the interaction between CATiledLayer and high resolution screens, we need to manually set the
// tiling view's contentScaleFactor to 1.0. (If we omitted this, it would be 2.0 on high resolution screens,
// which would cause the CATiledLayer to ask us for tiles of the wrong scales.)
imageView.contentScaleFactor = 1.0;
}
}
#pragma mark -
#pragma mark UIScrollView delegate methods
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
return imageView;
}
#pragma mark -
#pragma mark Configure scrollView to display new image (tiled or not)
- (void)displayImage:(UIImage *)image
{
// clear the previous imageView
[imageView removeFromSuperview];
[imageView release];
imageView = nil;
// reset our zoomScale to 1.0 before doing any further calculations
self.zoomScale = 1.0;
// make a new UIImageView for the new image
imageView = [[UIImageView alloc] initWithImage:image];
[self addSubview:imageView];
[self configureForImageSize:[image size]];
}
- (void)configureForImageSize:(CGSize)imageSize
{
CGSize boundsSize = [self bounds].size;
// set up our content size and min/max zoomscale
CGFloat xScale = boundsSize.width / imageSize.width; // the scale needed to perfectly fit the image width-wise
CGFloat yScale = boundsSize.height / imageSize.height; // the scale needed to perfectly fit the image height-wise
CGFloat minScale = MIN(xScale, yScale); // use minimum of these to allow the image to become fully visible
// on high resolution screens we have double the pixel density, so we will be seeing every pixel if we limit the
// maximum zoom scale to 0.5.
CGFloat maxScale = /*1.0 / */[[UIScreen mainScreen] scale];
// don't let minScale exceed maxScale. (If the image is smaller than the screen, we don't want to force it to be zoomed.)
if (minScale > maxScale) {
minScale = maxScale;
}
self.contentSize = imageSize;
self.maximumZoomScale = maxScale;
self.minimumZoomScale = minScale;
self.zoomScale = minScale; // start out with the content fully visible
}
我的问题是,当我首次加载PhotoViewController实例时,PagingsCrollview被偏移到(0,-64)像素的来源(状态栏 + NAV栏的高度)。这导致了一个混乱的接口,其中imagesCrollview出现在NAV栏(原点(0,0))下方,然后即使其高度小于屏幕,也可以向上和向下滚动。
通过一些日志和断点,我能够确定在加载过程开始时,PagingsCrollview的边界很好。当我缩放Images Crollview的图像以适合屏幕时,它们会改变。这会导致ViewForZoomingInsCrollView,然后调用ScrollViewDidsCroll方法。在这些电话期间,PagingsCrollview被抵消。
我尝试手动设置偏移量,但是当我在ProcessPages中进行操作时,ScrollView不再可以上下反弹...
任何帮助将不胜感激 !
干杯
pb
解决方案
Trix20实现了它。如果您需要任何精美的功能,则仅适应您自己的必要性。
所有的辛勤工作已经完成。尽管如果您仍然想实现自己的版本,但至少要查看三十20代码,并检查他们如何完成您的目标。
它的样子: http://farm4.static.flickr.com/3432/3378117315_3bf905bdb6_o.jpg
其他提示
在您的特殊情况下(即 PhotoViewController
被推到一个 UINavigationController
堆栈) - 导航栏添加了 contentInset
到 PhotoViewController
的滚动视图。这是更好的解释 这里 和 这里.
那就是 PhotoViewController
视图不符合您的窗口界限,因此可以在各个方向上滚动。
我找到了2种可能解决您问题的解决方案。
1-您需要手动调整 contentInset
你的 pagingScrollView
弥补导航栏和状态栏的高度。添加到 PhotoViewController
:
- (void)viewDidLoad {
[super viewDidLoad];
CGFloat topOffset = self.navigationController.navigationBar.frame.size.height + [[UIApplication sharedApplication] statusBarFrame].size.height;
pagingScrollView.contentInset = UIEdgeInsetsMake(-topOffset, 0.0, 0.0, 0.0);
}
或者
2-因为只有滚动视图有一个 contentInset
, ,包裹 pagingScrollView
在平原上 UIView
:
- (void)loadView {
[self setWantsFullScreenLayout:YES];
CGRect pagingScrollViewFrame = [self frameForPagingScrollView];
photoView = [[UIView alloc] initWithFrame:pagingScrollViewFrame];
pagingScrollView = [[UIScrollView alloc] initWithFrame:pagingScrollViewFrame];
// ... configure the pagingScrollView
[photoView addSubview:pagingScrollView];
self.view = photoView;
// ...
}
希望这可以帮助!
需要设置的主要内容是您的视图控制器中的以下内容。在内容视图上使用自动化标志。启用以下标志将将视图控制器的大小扩展到屏幕的全尺寸。我在ViewWillAppear中执行以下操作。
- (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
[self setWantsFullScreenLayout:YES]; // if you want to underlap status
self.navigationController.navigationBar.translucent = YES; // underlap nav controller
self.toolbar.translucent = YES; // if you have a toolbar.
}
可以在Apple的文档中找到更多详细信息:
如果您一直在做事情以在内容视图上设置框架界限,我将删除所有代码,因为以上应该为您照顾它。
只需将视图控制器的调整滚动视图插图设置为故事板中的false即可。