You’re previewing Ry’s Cocoa TutorialUI Components

Image Wells

The Image Well component displays an image to the user. They’re good for both static and dynamic images, since you can set the image either in Interface Builder or programmatically. Its underlying class is NSImageView.

An image well with an associated edit button

Image Wells also provide built-in drag-and-drop functionality that can be used to collect image input from the user. However, this behavior isn’t always apparent to users, so editable Image Wells are often found next to a button that launches an open panel. The user can then select an image file using a Finder-style browser.

This chapter introduces the basics of using an Image Well, including loading an image, setting border styles, and defining image alignment/scaling behavior.

Sorry, this is the end of the preview. To read the rest of this chapter, you’ll need to purchase Ry’s Cocoa Tutorial.

Mailing List

Sign up for my low-volume mailing list to find out when new content is released. Next up is a comprehensive Swift tutorial planned for late January.

You’ll only receive emails when new tutorials are released, and your contact information will never be shared with third parties. Click here to unsubscribe.