UIScrollView с центром UIImageView, как приложение Фото

Этот код должен работать на большинстве версий прошивки (и был протестирован для работы на 3,1 и выше).

Он основан на коде Apple WWDC, упомянутых в ответе Ионы.

Добавьте ниже ваш подкласс UIScrollView, и заменить tileContainerView с точкой зрения содержащего изображение или плитки:

- (void)layoutSubviews {
    [super layoutSubviews];

    // center the image as it becomes smaller than the size of the screen
    CGSize boundsSize = self.bounds.size;
    CGRect frameToCenter = tileContainerView.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;

    tileContainerView.frame = frameToCenter;
}

Вот то, что я считаю, решение как в нем ведет себя так же, как приложение фото яблока. Я использовал решения, которые используются:

-(void) scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(float)scale

в центрирования, но мне не понравилось, что решение, потому что после того, как изменение масштаба было сделано, было бы подпрыгивать затем быстро «скачок» в центре, который был очень не сексуальный. Оказывается, если вы очень многое сделать ту же самую логику, но в этой функции делегата:

-(void)scrollViewDidZoom:(UIScrollView *)pScrollView

это и начинается в центре и при уменьшении масштаба он остается в центре:

-(void)scrollViewDidZoom:(UIScrollView *)pScrollView {
CGRect innerFrame = imageView.frame;
CGRect scrollerBounds = pScrollView.bounds;

if ( ( innerFrame.size.width < scrollerBounds.size.width ) || ( innerFrame.size.height < scrollerBounds.size.height ) )
{
    CGFloat tempx = imageView.center.x - ( scrollerBounds.size.width / 2 );
    CGFloat tempy = imageView.center.y - ( scrollerBounds.size.height / 2 );
    CGPoint myScrollViewOffset = CGPointMake( tempx, tempy);

    pScrollView.contentOffset = myScrollViewOffset;

}

UIEdgeInsets anEdgeInset = { 0, 0, 0, 0};
if ( scrollerBounds.size.width > innerFrame.size.width )
{
    anEdgeInset.left = (scrollerBounds.size.width - innerFrame.size.width) / 2;
    anEdgeInset.right = -anEdgeInset.left;  // I don't know why this needs to be negative, but that's what works
}
if ( scrollerBounds.size.height > innerFrame.size.height )
{
    anEdgeInset.top = (scrollerBounds.size.height - innerFrame.size.height) / 2;
    anEdgeInset.bottom = -anEdgeInset.top;  // I don't know why this needs to be negative, but that's what works
}
pScrollView.contentInset = anEdgeInset;
}

Где ImageView 'это UIImageViewвы используете.

Apple, выпустил 2010 WWDC сессии видео для всех участников программы для разработчиков iphone. Одной из обсуждаемых тем, как они создали приложение фотографий !!! Они строят очень похожий шаг за шагом приложения и сделали весь код доступен бесплатно.

Он не использует частный апи либо. Я не могу поставить любой код здесь из-за соглашения о неразглашении, но вот ссылка на образец кода загрузки. Вы, вероятно, необходимо войти в систему, чтобы получить доступ.

http://connect.apple.com/cgi-bin/WebObjects/MemberSite.woa/wa/getSoftware?code=y&source=x&bundleID=20645

И, вот ссылка на страницу Itunes WWDC:

http://insideapple.apple.com/redir/cbx-cgi.do?v=2&la=en&lc=&a=kGSol9sgPHP%2BtlWtLp%2BEP%2FnxnZarjWJglPBZRHd3oDbACudP51JNGS8KlsFgxZto9X%2BTsnqSbeUSWX0doe%2Fzv%2FN5XV55%2FomsyfRgFBysOnIVggO%2Fn2p%2BiweDK%2F%2FmsIXj

Я подозреваю , что вам нужно установить UIScrollView«S contentOffset.

Это работает для меня:

- (void) scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(float)scale {
CGFloat tempx = view.center.x-160;
CGFloat tempy = view.center.y-160;
myScrollViewOffset = CGPointMake(tempx,tempy);

}

где 160 составляет половину ширины / высоты вашего UIScrollView.

Позже я установил contentoffset к одной захваченной здесь.

Я хочу это было так просто. Я сделал некоторые исследования в сети и обнаружил, что это не только моя проблема, но многие люди борются с той же проблемой не только на iPhone, но на рабочем столе Cocoa от Apple, а также. См следующих ссылок:

http://www.iphonedevsdk.com/forum/iphone-sdk-development/5740-uiimageview-uiscrollview.html
Описанное решение основано на собственности UIViewContentModeScaleAspectFit образа, но , к сожалению , это не работает очень хорошо .The изображение по центру и растет правильно, но подпрыгивая область , кажется, гораздо больше , чем картина.

Этот парень не получил ответа либо:
http://discussions.apple.com/thread.jspa?messageID=8322675

И , наконец, та же проблема на Apple в настольном какао:
http://www.cocoadev.com/index.pl?CenteringInsideNSScrollView
Я полагаю , что решение работает, но он основан на NSClipView, что не на iPhone ...

Кто-нибудь имеет какое-то решение, работающее на iPhone?

Вот альтернативное решение, подобное @ ответ JosephH, но это один учитывает фактические размеры изображения. Так что, когда сковородки пользователя / масштабирование, вы никогда больше пробелов на экране, чем требуется. Это общая проблема, например, при показе пейзаж изображения на экране портрета. Там будет пробельные выше и ниже изображения, когда все изображение на экране (Aspect Fit). Затем, при увеличении, другие решения считают, что пустое пространство как часть изображения, потому что это в ImageView. Они позволят вам панорамировать большинство изображения от экрана, оставляя только пробелы видимыми. Это плохо выглядит для пользователя.

С помощью этого класса, вы должны передать ему ImageView он работает с. Мне очень хотелось , чтобы он автоматически обнаружить, но это быстрее , и вы хотите , чтобы все скорости вы можете получить в layoutSubviewsметоде.

Примечание: Как это требует, чтобы AutoLayout не включен для Scrollview.

//
//  CentringScrollView.swift
//  Cerebral Gardens
//
//  Created by Dave Wood
//  Copyright © 2016 Cerebral Gardens Inc. All rights reserved.
//

import UIKit

class CentringScrollView: UIScrollView {

    var imageView: UIImageView?

    override func layoutSubviews() {
        super.layoutSubviews()

        guard let superview = superview else { return }
        guard let imageView = imageView else { return }
        guard let image = imageView.image else { return }

        var frameToCentre = imageView.frame

        let imageWidth = image.size.width
        let imageHeight = image.size.height

        let widthRatio = superview.bounds.size.width / imageWidth
        let heightRatio = superview.bounds.size.height / imageHeight

        let minRatio = min(widthRatio, heightRatio, 1.0)

        let effectiveImageWidth = minRatio * imageWidth * zoomScale
        let effectiveImageHeight = minRatio * imageHeight * zoomScale

        contentSize = CGSize(width: max(effectiveImageWidth, bounds.size.width), height: max(effectiveImageHeight, bounds.size.height))

        frameToCentre.origin.x = (contentSize.width - frameToCentre.size.width) / 2
        frameToCentre.origin.y = (contentSize.height - frameToCentre.size.height) / 2

        imageView.frame = frameToCentre
    }
}

В MonoTouch, что работал для меня.

this._scroll.ScrollRectToVisible(new RectangleF(_scroll.ContentSize.Width/2, _scroll.ContentSize.Height/2,1,1),false);

Один элегантный способ центрирования содержания UISCrollViewзаключается в следующем.

Добавьте один наблюдатель в contentSize из ваших UIScrollView, так что этот метод будет вызываться каждый раз, когда изменение содержания ...

[myScrollView addObserver:delegate 
               forKeyPath:@"contentSize"
                  options:(NSKeyValueObservingOptionNew) 
                  context:NULL];

Теперь на вашем методе наблюдателя:

- (void)observeValueForKeyPath:(NSString *)keyPath   ofObject:(id)object   change:(NSDictionary *)change   context:(void *)context { 

    // Correct Object Class.
    UIScrollView *pointer = object;

    // Calculate Center.
    CGFloat topCorrect = ([pointer bounds].size.height - [pointer viewWithTag:100].bounds.size.height * [pointer zoomScale])  / 2.0 ;
            topCorrect = ( topCorrect < 0.0 ? 0.0 : topCorrect );

    topCorrect = topCorrect - (  pointer.frame.origin.y - imageGallery.frame.origin.y );

    // Apply Correct Center.
    pointer.center = CGPointMake(pointer.center.x,
                                 pointer.center.y + topCorrect ); }

• Вы должны изменить [pointer viewWithTag:100]. Заменить на ваш взгляд контента UIView.

  • Кроме того, измените imageGalleryуказывая на свой размер окна.

Это исправит центр каждый раз его содержания изменения размера.

Примечание: Единственный способ это содержание не очень хорошо работает в стандартной функциональности масштабирования UIScrollView.

Хорошо, я думаю, что я нашел очень хорошее решение этой проблемы. Хитрость заключается в том, чтобы постоянно перестраиваться фрейм ImageView в. Я считаю, что это работает намного лучше, чем постоянно регулируя contentInsets или contentOffSets. Я должен был добавить немного дополнительного кода, как в портретном, так и в ландшафтном изображения.

Вот код:

- (void) scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(float)scale {

CGSize screenSize = [[self view] bounds].size;

if (myScrollView.zoomScale <= initialZoom +0.01) //This resolves a problem with the code not working correctly when zooming all the way out.
{
    imageView.frame = [[self view] bounds];
    [myScrollView setZoomScale:myScrollView.zoomScale +0.01];
}

if (myScrollView.zoomScale > initialZoom)
{
    if (CGImageGetWidth(temporaryImage.CGImage) > CGImageGetHeight(temporaryImage.CGImage)) //If the image is wider than tall, do the following...
    {
            if (screenSize.height >= CGImageGetHeight(temporaryImage.CGImage) * [myScrollView zoomScale]) //If the height of the screen is greater than the zoomed height of the image do the following...
            {
                    imageView.frame = CGRectMake(0, 0, 320*(myScrollView.zoomScale), 368);
            }
            if (screenSize.height < CGImageGetHeight(temporaryImage.CGImage) * [myScrollView zoomScale]) //If the height of the screen is less than the zoomed height of the image do the following...
            {
                    imageView.frame = CGRectMake(0, 0, 320*(myScrollView.zoomScale), CGImageGetHeight(temporaryImage.CGImage) * [myScrollView zoomScale]);
            }
    }
    if (CGImageGetWidth(temporaryImage.CGImage) < CGImageGetHeight(temporaryImage.CGImage)) //If the image is taller than wide, do the following...
    {
            CGFloat portraitHeight;
            if (CGImageGetHeight(temporaryImage.CGImage) * [myScrollView zoomScale] < 368)
            { portraitHeight = 368;}
            else {portraitHeight = CGImageGetHeight(temporaryImage.CGImage) * [myScrollView zoomScale];}

            if (screenSize.width >= CGImageGetWidth(temporaryImage.CGImage) * [myScrollView zoomScale]) //If the width of the screen is greater than the zoomed width of the image do the following...
            {
                    imageView.frame = CGRectMake(0, 0, 320, portraitHeight);
            }
            if (screenSize.width < CGImageGetWidth (temporaryImage.CGImage) * [myScrollView zoomScale]) //If the width of the screen is less than the zoomed width of the image do the following...
            {
                    imageView.frame = CGRectMake(0, 0, CGImageGetWidth(temporaryImage.CGImage) * [myScrollView zoomScale], portraitHeight);
            }
    }
    [myScrollView setZoomScale:myScrollView.zoomScale -0.01];
}

Примечание: этот метод рода работ. если изображение меньше ImageView, он будет прокручиваться частично на экране. Не большое дело, но и не так хорошо, как фото приложение.

Во-первых, важно понять, что мы имеем дело с 2-мя видами, на ImageView с изображением в нем, и Scrollview с ImageView в нем. Таким образом, сначала установите ImageView с размером экрана:

 [myImageView setFrame:self.view.frame];

Затем центрирование изображения в ImageView:

 myImageView.contentMode = UIViewContentModeCenter;

Вот весь мой код:

- (void)viewDidLoad {
AppDelegate *appDelegate = (pAppDelegate *)[[UIApplication sharedApplication] delegate];
 [super viewDidLoad];
 NSString *Path = [[NSBundle mainBundle] bundlePath];
 NSString *ImagePath = [Path stringByAppendingPathComponent:(@"data: %@", appDelegate.MainImageName)];
 UIImage *tempImg = [[UIImage alloc] initWithContentsOfFile:ImagePath];
 [imgView setImage:tempImg];

 myScrollView = [[UIScrollView alloc] initWithFrame:[[self view] bounds]];
 [myScrollView addSubview:myImageView];

//Set ScrollView Appearance
 [myScrollView setBackgroundColor:[UIColor blackColor]];
 myScrollView.indicatorStyle = UIScrollViewIndicatorStyleWhite;

//Set Scrolling Prefs
 myScrollView.bounces = YES;
 myScrollView.delegate = self;
 myScrollView.clipsToBounds = YES; // default is NO, we want to restrict drawing within our scrollview
 [myScrollView setCanCancelContentTouches:NO];
 [myScrollView setScrollEnabled:YES];


//Set Zooming Prefs
 myScrollView.maximumZoomScale = 3.0;
 myScrollView.minimumZoomScale = CGImageGetWidth(tempImg.CGImage)/320;
 myScrollView.zoomScale = 1.01; //Added the .01 to enable scrolling immediately upon view load.
 myScrollView.bouncesZoom = YES;


 [myImageView setFrame:self.view.frame];//rect];// .frame.size.height = imageHeight;
 myImageView.contentMode = UIViewContentModeCenter;
 self.view = myScrollView;
 [tempImg release];
 }