如何在 Cocoa 中实现基于缩略图的用户选择视图？

Question

我有一个我认为非常简单的需求，但我不知道如何去实现它。

在我的界面中的各个点上，用户被要求做出一些相当直观的选择（例如选择页面布局或颜色选项）。这些选择是从一组预定义的选项中做出的。通常您会使用 NSPopUpButton，或者 NSTableView，但我希望用户看到每个选择选项的缩略图。这些缩略图也应该有一个合适的尺寸——至少 100x100 像素。每个缩略图还应附有文本标签。一次只允许选择一项。

苹果在 iWeb 中实现了类似这样的东西：

iweb http://img187.imageshack.us/img187/5744/iweb.jpg

当然，您已经习惯了看到这样的小图标：

我认为 NSCollectionView 是一个开始的地方，但我只见过它在更复杂的场景中使用（例如：显示目录的内容，支持拖放等）因此，我发现的大多数代码都相当复杂。

是否有更简单的解决方案来使用静态的预定义数据填充此视图并仅允许进行简单的选择？换句话说，我正在寻找弹出按钮的功能，但需要不同的用户界面。

更新：解决方案

我按照建议使用了 IKImageBrowser。 本教程 非常有帮助。在IB中：我只是在我的界面中制作了一个 IKImageBrowser，将其包装在滚动视图中，并将其作为浏览器对象的数据源。在代码中：在我的控制器中实现数据源协议，如教程中所述，将 allowedMultipleSelection 和 allowedEmptySelection 设置为 NO，完全按照教程中的说明使用 URL 图像表示创建自定义图像对象。

然后，为了获得选择，我编写了以下方法，当用户单击“确定”按钮时触发：

NSIndexSet *retval = [imageBrowser selectionIndexes];
NSInteger i = [retval firstIndex];  //the index of the selection. Corresponds to index in my array data source
NSString* path = [[styleViewData objectAtIndex:i] imageRepresentation]; //path to selected image, if you need it

该教程非常有帮助——只需忽略有关添加图像和缩放滑块等的内容即可。

Answer 1

您想IKImageBrowserView。