Настройка стилей для границ ячеек

Требования к операционной системе: iOS 5.0 и выше.

Мобильное устройство: iPad.

Описание

В данном примере описывается применение стилей для верхней, правой, нижней и левой границ ячеек таблицы. После его запуска выполняются следующие операции:

Исходный код

Для выполнения примера необходимо разместить в теле метода executeExample класса ViewController (см. раздел «Создание простой электронной таблицы») следующий код:

// Определяем стиль для остальных ячеек таблицы
NuGridCellStyle *cellStyle = [NuGridCellStyle deafultStyle];
// Определяем стиль для нижней границы остальных ячеек таблицы
[cellStyle setBottomBorderWidth:3];
NSArray *dashValuesArray = @[@3, @0, @3]; // Штрих-пунктирная линия
[cellStyle setBottomBorderDash:dashValuesArray];
[cellStyle setBottomBorderColor:[UIColor redColor]]; // Линия красного цвета
// Определяем стиль для правой границы остальных ячеек таблицы
[cellStyle setRightBorderWidth: 3];
NSArray *rightBorderDashValuesArray = @[@5]; // Штрих-пунктирная линия
[cellStyle setRightBorderDash: rightBorderDashValuesArray];
[cellStyle setRightBorderColor: [UIColor purpleColor]]; // Линия фиолетового цвета
// Создаём стиль по умолчанию для заголовков строк и столбцов таблицы
NuGridCellStyle *headerStyle = [NuGridCellStyle deafultStyle];
// Определяем стиль для верхней границы ячеек в заголовках строк и столбцов
[headerStyle setTopBorderWidth:4];
NSArray *columnTopBorderDashValuesArray = @[@5, @5]; // Штрих-пунктирная линия
[headerStyle setTopBorderDash:columnTopBorderDashValuesArray];
[headerStyle setTopBorderColor:[UIColor greenColor]]; // Линия зелёного цвета
// Определяем стиль для левой границы ячеек в заголовках строк и столбцов
[headerStyle setLeftBorderWidth:4];
NSArray *columnLeftBorderDashValuesArray = @[@2, @5]; // Штрих-пунктирная линия
[headerStyle setLeftBorderDash:columnLeftBorderDashValuesArray];
[headerStyle setLeftBorderColor:[UIColor orangeColor]]; // Линия оранжевого цвета
// Устанавливаем стили для столбцов и заголовков столбцов таблицы
for(int i = 0; i < [datasource gridViewColumnCount:[contr gridView]]; i++) {
    [proxyDatasource gridView:[contr gridView] setStyle:cellStyle forColumn:i];
    [proxyDatasource gridView:[contr gridView] setStyle:headerStyle forHeaderForColumn:i];
}

После выполнения примера для верхней, правой, нижней и левой границ ячеек были установлены цвет, толщина и стиль линии:

Теперь удалим настройки стилей линий и ширины для границ ячеек таблицы, добавив к примеру следующий код:

// Удаляем настройки ширины для границ ячеек
[headerStyle removeTopBorderWidth];
[headerStyle removeLeftBorderWidth];
[cellStyle removeBottomBorderWidth];
[cellStyle removeRightBorderWidth];
// Удаляем настройки стилей линий для границ ячеек
[headerStyle removeTopBorderDash];
[headerStyle removeLeftBorderDash];
[cellStyle removeBottomBorderDash];
[cellStyle removeRightBorderDash];

После выполнения примера установленные настройки стилей линий и ширины для границ ячеек будут удалены:

Далее удалим настройки цвета для границ ячеек таблицы:

[headerStyle removeTopBorderColor];
[headerStyle removeLeftBorderColor];
[cellStyle removeBottomBorderColor];
[cellStyle removeRightBorderColor];

После выполнения примера установленные цвета для границ ячеек были удалены:

См. также:

Примеры использования компонентов