小さいときにUIScrollViewのコンテンツを中央に配置
UIImageView内にUIScrollViewがあり、ズームとスクロールに使用します。スクロールビューの画像/コンテンツがスクロールビューよりも大きい場合、すべて正常に機能します。ただし、画像がスクロールビューより小さくなると、スクロールビューの左上隅に固定されます。写真アプリのように中央に配置したいと思います。
小さいときにUIScrollViewのコンテンツを中央に保持することに関するアイデアや例はありますか？
IPhone 3.0で作業しています。
次のコードはほとんど機能します。最小ズームレベルに達した後、画像をつまむと、画像は左上隅に戻ります。
- (void)loadView {
[super loadView];
// set up main scroll view
imageScrollView = [[UIScrollView alloc] initWithFrame:[[self view] bounds]];
[imageScrollView setBackgroundColor:[UIColor blackColor]];
[imageScrollView setDelegate:self];
[imageScrollView setBouncesZoom:YES];
[[self view] addSubview:imageScrollView];
UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"WeCanDoIt.png"]];
[imageView setTag:ZOOM_VIEW_TAG];
[imageScrollView setContentSize:[imageView frame].size];
[imageScrollView addSubview:imageView];
CGSize imageSize = imageView.image.size;
[imageView release];
CGSize maxSize = imageScrollView.frame.size;
CGFloat widthRatio = maxSize.width / imageSize.width;
CGFloat heightRatio = maxSize.height / imageSize.height;
CGFloat initialZoom = (widthRatio > heightRatio) ? heightRatio : widthRatio;
[imageScrollView setMinimumZoomScale:initialZoom];
[imageScrollView setZoomScale:1];
float topInset = (maxSize.height - imageSize.height) / 2.0;
float sideInset = (maxSize.width - imageSize.width) / 2.0;
if (topInset < 0.0) topInset = 0.0;
if (sideInset < 0.0) sideInset = 0.0;
[imageScrollView setContentInset:UIEdgeInsetsMake(topInset, sideInset, -topInset, -sideInset)];
}
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView {
return [imageScrollView viewWithTag:ZOOM_VIEW_TAG];
}
/************************************** NOTE **************************************/
/* The following delegate method works around a known bug in zoomToRect:animated: */
/* In the next release after 3.0 this workaround will no longer be necessary */
/**********************************************************************************/
- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(float)scale {
[scrollView setZoomScale:scale+0.01 animated:NO];
[scrollView setZoomScale:scale animated:NO];
// END Bug workaround
CGSize maxSize = imageScrollView.frame.size;
CGSize viewSize = view.frame.size;
float topInset = (maxSize.height - viewSize.height) / 2.0;
float sideInset = (maxSize.width - viewSize.width) / 2.0;
if (topInset < 0.0) topInset = 0.0;
if (sideInset < 0.0) sideInset = 0.0;
[imageScrollView setContentInset:UIEdgeInsetsMake(topInset, sideInset, -topInset, -sideInset)];
}
現在、UIScrollViewをサブクラス化し、setContentOffset:をオーバーライドして、contentSizeに基づいてオフセットを調整しています。ピンチズームとプログラムズームの両方で機能します。
@implementation HPCenteringScrollView
- (void)setContentOffset:(CGPoint)contentOffset
{
const CGSize contentSize = self.contentSize;
const CGSize scrollViewSize = self.bounds.size;
if (contentSize.width < scrollViewSize.width)
{
contentOffset.x = -(scrollViewSize.width - contentSize.width) / 2.0;
}
if (contentSize.height < scrollViewSize.height)
{
contentOffset.y = -(scrollViewSize.height - contentSize.height) / 2.0;
}
[super setContentOffset:contentOffset];
}
@end
このコードは、短くて甘いことに加えて、@ Erdemusソリューションよりもはるかにスムーズなズームを生成します。 RMGallery デモで動作を確認できます。
私は非常にシンプルなソリューションを持っています！必要なのは、ScrollViewDelegateでズームしながらサブビュー（imageview）の中心を更新することだけです。ズームされた画像がscrollviewよりも小さい場合、subview.centerを調整します。それ以外の場合、中心は（0,0）です。
- (void)scrollViewDidZoom:(UIScrollView *)scrollView
{
UIView *subView = [scrollView.subviews objectAtIndex:0];
CGFloat offsetX = MAX((scrollView.bounds.size.width - scrollView.contentSize.width) * 0.5, 0.0);
CGFloat offsetY = MAX((scrollView.bounds.size.height - scrollView.contentSize.height) * 0.5, 0.0);
subView.center = CGPointMake(scrollView.contentSize.width * 0.5 + offsetX,
scrollView.contentSize.height * 0.5 + offsetY);
}
@ EvelynCordner's answer は、私のアプリで最もよく機能するものでした。他のオプションよりもはるかに少ないコード。
Swift必要な場合のバージョンは次のとおりです。
func scrollViewDidZoom(_ scrollView: UIScrollView) {
let offsetX = max((scrollView.bounds.width - scrollView.contentSize.width) * 0.5, 0)
let offsetY = max((scrollView.bounds.height - scrollView.contentSize.height) * 0.5, 0)
scrollView.contentInset = UIEdgeInsetsMake(offsetY, offsetX, 0, 0)
}
さて、私は過去2日間これと戦っていますが、最終的にはかなり信頼できる（これまで...）ソリューションに到達しました。 :)この解決策で問題を見つけた場合は、叫んでください！
私は基本的に他の皆が持っているものを通り抜けました：StackOverflow、Apple Developer Forumsを検索し、three20、ScrollingMadness、ScrollTestSuiteなどのコードを調べました。UIImageViewフレームを拡大してみました。 UIScrollViewのオフセットやViewControllerからのインセットなどで遊んでいますが、何もうまくいきませんでした（他の人も知っているように）。
それで寝た後、私はいくつかの代替角度を試しました：
- UIImageViewをサブクラス化して、それ自体のサイズを動的に変更します-これはまったくうまくいきませんでした。
- UIScrollViewをサブクラス化して、独自のcontentOffsetを動的に変更します-これは私にとって勝者のようです。
このサブクラス化UIScrollViewメソッドでは、contentOffsetミューテーターをオーバーライドしているため、画像がビューポートより小さくスケーリングされたときに{0,0}を設定しません。代わりに、画像がビューポートの中央に保持されるようにオフセットを設定します。これまでのところ、常に機能しているようです。幅が広く、背が高く、小さくて大きい画像で確認しましたが、「動作しますが、最小ズームでピンチすると壊れます」という問題はありません。
このソリューションを使用するgithubにサンプルプロジェクトをアップロードしました。ここで見つけることができます： http://github.com/nyoron/NYOBetterZoom
このコードはiOSのほとんどのバージョンで動作するはずです（そして3.1以降で動作するようにテストされています）。
これは、photoscollerの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)scrollViewDidZoom:(UIScrollView *)scrollView
{
CGFloat offsetX = MAX((scrollView.bounds.size.width - scrollView.contentSize.width) * 0.5, 0.0);
CGFloat offsetY = MAX((scrollView.bounds.size.height - scrollView.contentSize.height) * 0.5, 0.0);
self.scrollView.contentInset = UIEdgeInsetsMake(offsetY, offsetX, 0.f, 0.f);
}
私はこの問題との戦いに1日を費やし、最終的に次のようにscrollViewDidEndZooming：withView：atScale：を実装しました。
- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(float)scale {
CGFloat screenWidth = [[UIScreen mainScreen] bounds].size.width;
CGFloat screenHeight = [[UIScreen mainScreen] bounds].size.height;
CGFloat viewWidth = view.frame.size.width;
CGFloat viewHeight = view.frame.size.height;
CGFloat x = 0;
CGFloat y = 0;
if(viewWidth < screenWidth) {
x = screenWidth / 2;
}
if(viewHeight < screenHeight) {
y = screenHeight / 2 ;
}
self.scrollView.contentInset = UIEdgeInsetsMake(y, x, y, x);
}
これにより、画像が画面よりも小さい場合でも、画像の周囲に十分なスペースが確保されるため、必要な場所に正確に配置できます。
（UIScrollViewに画像を保持するUIImageViewが含まれていると仮定）
基本的に、これは画像ビューの幅/高さが画面の幅/高さよりも小さいかどうかを確認し、もしそうであれば、画面の幅/高さの半分のインセットを作成します画面の境界から出てください）。
これはUIScrollViewDelegateメソッドであるため、ビルドの問題が発生しないように、View Controllerの宣言に追加することを忘れないでください。
Appleはiphone開発者プログラムのすべてのメンバーに2010 WWDCセッションビデオをリリースしました。議論されているトピックの1つは、写真アプリの作成方法です!!!彼らは非常によく似たアプリを段階的に構築し、すべてのコードを無料で提供しています。
プライベートAPIも使用しません。非開示契約のため、ここにコードを入れることはできませんが、ここにサンプルコードのダウンロードへのリンクがあります。アクセスするには、おそらくログインする必要があります。
そして、ここにiTunes WWDCページへのリンクがあります。
わかりました、このソリューションは私のために働いています。表示しているUIScrollViewへの参照を持つUIImageViewのサブクラスがあります。 UIScrollViewがズームするたびに、contentSizeプロパティが調整されます。セッターでUIImageViewを適切にスケーリングし、その中心位置を調整します。
-(void) setContentSize:(CGSize) size{
CGSize lSelfSize = self.frame.size;
CGPoint mid;
if(self.zoomScale >= self.minimumZoomScale){
CGSize lImageSize = cachedImageView.initialSize;
float newHeight = lImageSize.height * self.zoomScale;
if (newHeight < lSelfSize.height ) {
newHeight = lSelfSize.height;
}
size.height = newHeight;
float newWidth = lImageSize.width * self.zoomScale;
if (newWidth < lSelfSize.width ) {
newWidth = lSelfSize.width;
}
size.width = newWidth;
mid = CGPointMake(size.width/2, size.height/2);
}
else {
mid = CGPointMake(lSelfSize.width/2, lSelfSize.height/2);
}
cachedImageView.center = mid;
[super setContentSize:size];
[self printLocations];
NSLog(@"zoom %f setting size %f x %f",self.zoomScale,size.width,size.height);
}
UIScrollViewに画像を設定するたびに、サイズを変更します。 scrollviewのUIScrollViewも、作成したカスタムクラスです。
-(void) resetSize{
if (!scrollView){//scroll view is view containing imageview
return;
}
CGSize lSize = scrollView.frame.size;
CGSize lSelfSize = self.image.size;
float lWidth = lSize.width/lSelfSize.width;
float lHeight = lSize.height/lSelfSize.height;
// choose minimum scale so image width fits screen
float factor = (lWidth<lHeight)?lWidth:lHeight;
initialSize.height = lSelfSize.height * factor;
initialSize.width = lSelfSize.width * factor;
[scrollView setContentSize:lSize];
[scrollView setContentOffset:CGPointZero];
scrollView.userInteractionEnabled = YES;
}
これらの2つの方法で、写真アプリのように動作するビューを作成できます。
上記のいくつかの答えが正しいことは知っていますが、説明を加えて答えたいだけです。コメントを読むと、なぜ私たちがこれを好むのか理解できるでしょう。
ScrollViewを初めてロードするとき、次のコードを記述して中央に配置します。最初にcontentOffsetを設定し、次にcontentInsetを設定することに注意してください
scrollView.maximumZoomScale = 8
scrollView.minimumZoomScale = 1
// set vContent frame
vContent.frame = CGRect(x: 0,
y: 0 ,
width: vContentWidth,
height: vContentWidth)
// set scrollView.contentSize
scrollView.contentSize = vContent.frame.size
//on the X direction, if contentSize.width > scrollView.bounds.with, move scrollView from 0 to offsetX to make it center(using `scrollView.contentOffset`)
// if not, don't need to set offset, but we need to set contentInset to make it center.(using `scrollView.contentInset`)
// so does the Y direction.
let offsetX = max((scrollView.contentSize.width - scrollView.bounds.width) * 0.5, 0)
let offsetY = max((scrollView.contentSize.height - scrollView.bounds.height) * 0.5, 0)
scrollView.contentOffset = CGPoint(x: offsetX, y: offsetY)
let topX = max((scrollView.bounds.width - scrollView.contentSize.width) * 0.5, 0)
let topY = max((scrollView.bounds.height - scrollView.contentSize.height) * 0.5, 0)
scrollView.contentInset = UIEdgeInsets(top: topY, left: topX, bottom: 0, right: 0)
次に、vContentをつまむときに、次のコードを記述して中心にします。
func scrollViewDidZoom(_ scrollView: UIScrollView) {
//we just need to ensure that the content is in the center when the contentSize is less than scrollView.size.
let topX = max((scrollView.bounds.width - scrollView.contentSize.width) * 0.5, 0)
let topY = max((scrollView.bounds.height - scrollView.contentSize.height) * 0.5, 0)
scrollView.contentInset = UIEdgeInsets(top: topY, left: topX, bottom: 0, right: 0)
}
ここには多くの解決策がありますが、自分でここに入れるリスクがあります。 2つの理由があります：進行中の画像ビューフレームの更新のようにズームエクスペリエンスを混乱させず、元のスクロールビューのインセットを尊重します（たとえば、半透明のツールバーなどの適切な処理のためにxibまたはストーリーボードで定義されます） 。
最初に、小さなヘルパーを定義します。
CGSize CGSizeWithAspectFit(CGSize containerSize, CGSize contentSize) {
CGFloat containerAspect = containerSize.width / containerSize.height,
contentAspect = contentSize.width / contentSize.height;
CGFloat scale = containerAspect > contentAspect
? containerSize.height / contentSize.height
: containerSize.width / contentSize.width;
return CGSizeMake(contentSize.width * scale, contentSize.height * scale);
}
元のインセットを保持するには、定義済みフィールド：
UIEdgeInsets originalScrollViewInsets;
そして、viewDidLoadのどこかに記入してください：
originalScrollViewInsets = self.scrollView.contentInset;
UIImageViewをUIScrollViewに配置するには（UIImage自体がloadedImage varにあると仮定）：
CGSize containerSize = self.scrollView.bounds.size;
containerSize.height -= originalScrollViewInsets.top + originalScrollViewInsets.bottom;
containerSize.width -= originalScrollViewInsets.left + originalScrollViewInsets.right;
CGSize contentSize = CGSizeWithAspectFit(containerSize, loadedImage.size);
UIImageView *imageView = [[UIImageView alloc] initWithFrame:(CGRect) { CGPointZero, contentSize }];
imageView.autoresizingMask = UIViewAutoresizingNone;
imageView.contentMode = UIViewContentModeScaleAspectFit;
imageView.image = loadedImage;
[self.scrollView addSubview:imageView];
self.scrollView.contentSize = contentSize;
[self centerImageViewInScrollView];
scrollViewDidZoom：そのスクロールビューのUIScrollViewDelegateから：
- (void)scrollViewDidZoom:(UIScrollView *)scrollView {
if (scrollView == self.scrollView) {
[self centerImageViewInScrollView];
}
}
最後に、それ自体を中心に：
- (void)centerImageViewInScrollView {
CGFloat excessiveWidth = MAX(0.0, self.scrollView.bounds.size.width - self.scrollView.contentSize.width),
excessiveHeight = MAX(0.0, self.scrollView.bounds.size.height - self.scrollView.contentSize.height),
insetX = excessiveWidth / 2.0,
insetY = excessiveHeight / 2.0;
self.scrollView.contentInset = UIEdgeInsetsMake(
MAX(insetY, originalScrollViewInsets.top),
MAX(insetX, originalScrollViewInsets.left),
MAX(insetY, originalScrollViewInsets.bottom),
MAX(insetX, originalScrollViewInsets.right)
);
}
方向の変更はまだテストしていません（つまり、UIScrollView自体のサイズ変更に対する適切な反応）が、その修正は比較的簡単です。
これを行った方法は、階層に追加のビューを追加することです。
UIScrollView -> UIView -> UIImageView
UIViewにUIScrollViewと同じアスペクト比を与え、UIImageViewをその中心に合わせます。
Erdemusが投稿したソリューションは機能することがわかりますが、…scrollViewDidZoomメソッドが呼び出されず、画像が左上隅に貼り付けられる場合があります。簡単な解決策は、次のように、イメージを最初に表示するときにメソッドを明示的に呼び出すことです。
[self scrollViewDidZoom: scrollView];
多くの場合、このメソッドを2回呼び出すことがありますが、これはこのトピックの他の回答よりもクリーンなソリューションです。
アニメーションがうまく流れるように設定するには
self.scrollview.bouncesZoom = NO;
そして、この関数を使用します（ this answer のメソッドを使用して中心を見つけます）
- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale {
[UIView animateWithDuration:0.2 animations:^{
float offsetX = MAX((scrollView.bounds.size.width-scrollView.contentSize.width)/2, 0);
float offsetY = MAX((scrollView.bounds.size.height-scrollView.contentSize.height)/2, 0);
self.imageCoverView.center = CGPointMake(scrollView.contentSize.width*0.5+offsetX, scrollView.contentSize.height*0.5+offsetY);
}];
}
これはバウンド効果を作成しますが、事前に突然の動きを伴うことはありません。
UIScrollViewのcontentSizeプロパティを監視し（キー値監視などを使用）、contentInsetがのサイズより小さくなるように変更するたびにcontentSizeを自動的に調整できます。スクロールビュー。
UISCrollViewのコンテンツを中央に配置するエレガントな方法はこれです。
UIScrollViewの-contentSizeにオブザーバーを1つ追加すると、コンテンツが変更されるたびにこのメソッドが呼び出されます...
[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の標準ズーム機能を使用することです。
Swiftで承認された答えですが、デリゲートを使用してサブクラス化することはありません
func centerScrollViewContents(scrollView: UIScrollView) {
let contentSize = scrollView.contentSize
let scrollViewSize = scrollView.frame.size;
var contentOffset = scrollView.contentOffset;
if (contentSize.width < scrollViewSize.width) {
contentOffset.x = -(scrollViewSize.width - contentSize.width) / 2.0
}
if (contentSize.height < scrollViewSize.height) {
contentOffset.y = -(scrollViewSize.height - contentSize.height) / 2.0
}
scrollView.setContentOffset(contentOffset, animated: false)
}
// UIScrollViewDelegate
func scrollViewDidZoom(scrollView: UIScrollView) {
centerScrollViewContents(scrollView)
}
これは、スクロールビュー内のあらゆる種類のビューで非常にうまく機能する問題の私の解決策です。
-(void)scrollViewDidZoom:(__unused UIScrollView *)scrollView
{
CGFloat top;
CGFloat left;
CGFloat bottom;
CGFloat right;
if (_scrollView.contentSize.width < scrollView.bounds.size.width) {
DDLogInfo(@"contentSize %@",NSStringFromCGSize(_scrollView.contentSize));
CGFloat width = (_scrollView.bounds.size.width-_scrollView.contentSize.width)/2.0;
left = width;
right = width;
}else {
left = kInset;
right = kInset;
}
if (_scrollView.contentSize.height < scrollView.bounds.size.height) {
CGFloat height = (_scrollView.bounds.size.height-_scrollView.contentSize.height)/2.0;
top = height;
bottom = height;
}else {
top = kInset;
right = kInset;
}
_scrollView.contentInset = UIEdgeInsetsMake(top, left, bottom, right);
if ([self.tiledScrollViewDelegate respondsToSelector:@selector(tiledScrollViewDidZoom:)])
{
[self.tiledScrollViewDelegate tiledScrollViewDidZoom:self];
}
}
AppleのPhoto Scroller Exampleは、まさにあなたが探しているものです。これをUIScrollViewサブクラスに入れて、_zoomViewをUIImageViewに変更します。
-(void)layoutSubviews{
[super layoutSubviews];
// center the zoom view as it becomes smaller than the size of the screen
CGSize boundsSize = self.bounds.size;
CGRect frameToCenter = self.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;
}
self.imageView.frame = frameToCenter;
}
内側のimageViewに初期の特定の幅（300など）があり、その幅を中央に配置したい場合only初期の幅よりも小さいズームでこれが役立つ場合があります。
func scrollViewDidZoom(scrollView: UIScrollView){
if imageView.frame.size.width < 300{
imageView.center.x = self.view.frame.width/2
}
}
質問は少し古いですが、問題はまだ存在しています。私はXcode 7でそれを解決しました。最上部のアイテム（この場合はtopLabel）の垂直方向のスペース制約をsuperViews（scrollView）の上からIBOutletと、scrollViewのサブビュー（topLabelおよびbottomLabel）の高さに応じてコンテンツが変更されるたびに定数を再計算します。
class MyViewController: UIViewController {
@IBOutlet weak var scrollView: UIScrollView!
@IBOutlet weak var topLabel: UILabel!
@IBOutlet weak var bottomLabel: UILabel!
@IBOutlet weak var toTopConstraint: NSLayoutConstraint!
override func viewDidLayoutSubviews() {
let heightOfScrollViewContents = (topLabel.frame.Origin.y + topLabel.frame.size.height - bottomLabel.frame.Origin.y)
// In my case abs() delivers the perfect result, but you could also check if the heightOfScrollViewContents is greater than 0.
toTopConstraint.constant = abs((scrollView.frame.height - heightOfScrollViewContents) / 2)
}
func refreshContents() {
// Set the label's text …
self.view.layoutIfNeeded()
}
}
私はまったく同じ問題を抱えていました。ここに私が解決した方法があります
このコードは、scrollView:DidScroll:の結果として呼び出されます
CGFloat imageHeight = self.imageView.frame.size.width * self.imageView.image.size.height / self.imageView.image.size.width;
BOOL imageSmallerThanContent = (imageHeight < self.scrollview.frame.size.height) ? YES : NO;
CGFloat topOffset = (self.imageView.frame.size.height - imageHeight) / 2;
// If image is not large enough setup content offset in a way that image is centered and not vertically scrollable
if (imageSmallerThanContent) {
topOffset = topOffset - ((self.scrollview.frame.size.height - imageHeight)/2);
}
self.scrollview.contentInset = UIEdgeInsetsMake(topOffset * -1, 0, topOffset * -1, 0);
これが私がこの作品を作っている現在の方法です。それは良いですが、それでも完璧ではありません。設定してみてください：
myScrollView.bouncesZoom = YES;
minZoomScaleでビューが中央にない問題を修正します。
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
CGSize screenSize = [[self view] bounds].size;//[[UIScreen mainScreen] bounds].size;//
CGSize photoSize = [yourImage size];
CGFloat topInset = (screenSize.height - photoSize.height * [myScrollView zoomScale]) / 2.0;
CGFloat sideInset = (screenSize.width - photoSize.width * [myScrollView zoomScale]) / 2.0;
if (topInset < 0.0)
{ topInset = 0.0; }
if (sideInset < 0.0)
{ sideInset = 0.0; }
[myScrollView setContentInset:UIEdgeInsetsMake(topInset, sideInset, -topInset, -sideInset)];
ApplicationDelegate *appDelegate = (ApplicationDelegate *)[[UIApplication sharedApplication] delegate];
CGFloat scrollViewHeight; //Used later to calculate the height of the scrollView
if (appDelegate.navigationController.navigationBar.hidden == YES) //If the NavBar is Hidden, set scrollViewHeight to 480
{ scrollViewHeight = 480; }
if (appDelegate.navigationController.navigationBar.hidden == NO) //If the NavBar not Hidden, set scrollViewHeight to 360
{ scrollViewHeight = 368; }
imageView.frame = CGRectMake(0, 0, CGImageGetWidth(yourImage)* [myScrollView zoomScale], CGImageGetHeight(yourImage)* [myScrollView zoomScale]);
[imageView setContentMode:UIViewContentModeCenter];
}
また、ズームアウト後に画像が横に張り付かないように次のことを行います。
- (void) scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(float)scale {
myScrollView.frame = CGRectMake(0, 0, 320, 420);
//put the correct parameters for your scroll view width and height above
}
さて、私はこの問題のかなり良い解決策を見つけたと思います。トリックは、imageView'sフレームを常に再調整することです。これは、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];
}
ページネーションを無効にするだけで、うまくいきます：
scrollview.pagingEnabled = NO;