Виды на основе view-based таблицы, обеспечивают богатые возможности во время проектирования. Сам по себе NSTableCellView отображает ImageView и textField. Но отличающейся особенностью этого рода view-based ячеек от cell-based ячеек, является размещение в ячейке разных видов компонентов интерфейса.
Итак, начнем. Создадим новый проект в Xcode. Добавим на форму NSTableView. Выберем нашу таблицу NSTableView (Помните, что таблица сама по себе состоит из набора компонентов - NSScrollView -> NSClipView -> NSTableView-> NSTableColumn -> NSCell). И в Инспекторе Атрибутов в секции Table View -> Content Mode, вместо Cell Based выберем View Based. Выставим количество колонок равным 1-й. Удалим в таблице строчку Text View или Text, и вместо этой строчки добавим View-based строчку (В наборе компонентов интерфейса находим Image & Text Table Cell View, и перетаскиваем в нашу таблицу). Выделяем вставленную строку и в Size Inspector устанавливаем высоту строки равным 50px. Далее выбираем иконку в нашей ячейке и в Инспекторе Атрибутов в секции Image Cell -> Image наберем NSApplicationIcon (Вы можете растянуть иконку как Вам угодно, и скомпоновать с текстовой строкой в разных положениях в пределах View-строки). Напоследок выделяем NSTableColumn, и в Identity Inspector -> Identity -> Identifier пропишем идентификатор колонки "MainCell". По этому идентификатору будем обращаться к колонке не по ее ID, а по ее имени, что естественно проще запомнить. Должно получится что-то вроде этого:
Опять выделим NSTableView. Перейдем в Connections Inspector и свяжем dataSource и delegate с App Delegate - объектом.
Суть задачи состоит в том, чтобы из стандартного приложения iChat вытянуть флаги стран - собеседников и вывести их в таблицу отобразив иконку флага и название страны.
В AppDelegate.h добавляем делегаты NSTableViewDataSource и NSTableViewDelegate, потому что Мы будем использовать методы делегатов для работы с таблицами. Основные методы, без которых не будет работать таблица описаны в статье Урок по NSTableView.
@interface AppDelegate : NSObject <NSApplicationDelegate, NSTableViewDataSource, NSTableViewDelegate>
Открываем AppDelegate.m и пишем код (код с пояснениями):
#import "AppDelegate.h"
@implementation AppDelegate {
NSMutableArray *tableContents;
}
- (void)awakeFromNib {
tableContents = [[NSMutableArray alloc] init];
// Устанавливаем путь к файлам - флагам
NSString *pathFlags = @"/Library/Application Support/Apple/iChat Icons/Flags";
// Инициализируем файл - менеджер для работы с файлами
NSFileManager *filesOfFlags = [NSFileManager defaultManager];
// Получает список поддиректорий директории или список файлов
NSDirectoryEnumerator *dEnumerator = [filesOfFlags enumeratorAtPath:pathFlags];
// Переменная в которой будет хранится каждый файл
NSString *file;
// Проходим в цикле по всем файлам и добавляем созданные объекты в массив
while (file = [dEnumerator nextObject]) {
// Получаем полное имя файла с расширением
NSString *filePath = [pathFlags stringByAppendingFormat:@"/%@", file];
// Вытягиваем рисунок с файла и имя файла без расширения
// Инициализируем для каждого изображения и имени ключи по которым будем обращаться
// к компонентам объекта
NSDictionary *dictObj = @{@"image": [[NSImage alloc] initByReferencingFile:filePath],
@"imageName": [file stringByDeletingPathExtension]};
// Добавляем объект словаря в массив
[tableContents addObject:dictObj];
}
}
- (NSInteger)numberOfRowsInTableView:(NSTableView *)tableView {
// Возвращаем количество строк в массиве для выделения количества строк в таблице
return [tableContents count];
}
- (NSView *)tableView:(NSTableView *)tableView viewForTableColumn:(NSTableColumn *)tableColumn row:(NSInteger)row {
// Получаем входящую строку row (ее индекс)
NSDictionary *flags = tableContents [row];
// Определяем идентификатор таблицы (MainCell)
NSString *colID = [tableColumn identifier];
if ([colID isEqualToString:@"MainCell"]) {
// Получить ячейку с идентификатором MainCell если она существует
NSTableCellView *tCell = [tableView makeViewWithIdentifier:@"MainCell" owner:self];
// Заполняем ячейки таблицы
[tCell.textField setStringValue:flags[@"imageName"]];
[tCell.imageView setImage:flags[@"image"]];
// Возвращаем готовую ячейку, иначе нихрена не делаем
return tCell;
}
return nil;
}
@end
Если все правильно сделано, должно в итоге получится во такое приложение:
В папке (к которой Мы обращаемся через код) лежат файлы типа .png. Т.е. Мы загрузили рисунок, получили имя файла, отсекли его расширение.
