ios-imagescroll-swift

KO | EN

gitlite — search

#python #typescript #go #deep-learning #docker #java #cli #kubernetes #awesome-list #vue #pytorch #security #mcp #ios

ios-imagescroll-swift

(★ 125)

iOS demo of using image view inside a scroll view with auto layout in Swift

ios-imagescroll-swift Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Image in a scroll view with auto layout in iOS

This is a iOS demo app that shows how to use an image in a scroll view with auto layout. It is written in Swift. Image can be panned and zoomed. It is centered and zoomed out initially. Adapts to device orientation change with animation.

## Things to note

* The job is done with auto layout constraints only.
* On each zoom we update the `constant` values for the constraints to center the image if needed.
* Feel free to contact me if you are stuck (like I was).

## How to copy this control to your project

* In your storyboard 'Use Auto Layout' setting must enabled.
* Copy [ViewController.swift](https://github.com/evgenyneu/ios-imagescroll-swift/blob/master/image-scroll-swift/ViewController.swift) file into your project.
* Copy the View Controller into your storyboard, like this:

## Troubleshooting

Here are things to check if something goes wrong.

* Your view controller's class is ViewController in Identity Inspector.
* Storyboard has all the controls: View, ScrollView and ImageView along with all their constraints.
* To enable zooming ScrollView's 'max zoom' should be greater than 1 (Attributes Inspector). I used 3 in this demo.
* ImageView, ScrollView, four layout constraints and 'change image' button should be linked to their outlets in `ViewController.swift`.
* If you have a navigation bar clear the **Adjust Scroll View Insets** checkbox in the *Attribute Inspector* of your view controller.

* Set the *Intrinsic size* property to *Placeholder* in the *Size inspector* of the image view.

### Image constraint item order

For each of the four auto layout constraints between the image and the scroll view: **first item must be image** (and not superview).

## Objective-C version

This repository replaces previous [objective-c version](https://github.com/evgenyneu/ios-imagescroll).

## Thanks

* [William Warby](https://www.flickr.com/photos/wwarby) for making the wallaby photo. http://www.flickr.com/photos/wwarby

* [cojoj](https://github.com/cojoj) for fixing [layout bug](https://github.com/evgenyneu/ios-imagescroll/issues/5) in iOS 8.

ios-imagescroll-swift

ios-imagescroll-swift Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

ios-imagescroll-swift

ios-imagescroll-swift Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README