Тени на вкладке «Будильник» для iPhone Clock

Question

В приложении для часов, которое поставляется с iPhone, есть вкладка для установки будильника. В этом представлении каждый из экземпляров UITableViewCell имеет тень от них. Кто-нибудь знает, как добиться того же эффекта?

Также похоже, что на панели вкладок в самом низу также есть тень.

Мы будем очень признательны за идеи о том, как добиться такого же внешнего вида.

Answer 1

Мне было интересно, как это сделать, и мне пришло в голову использовать нижний колонтитул UITableView:

myTableView.tableFooterView = myCustomViewWithDropShadowImage;

Answer 2

Как сказал Томас, создайте изображение шириной 100% (скажем, 320 x 40 пикселей на устройствах без сетчатки) и создайте с ним 4 экземпляра UIImageView. Первый, вверху вашего основного вида. Второе, внизу, и дополнительно сделаем так:

UIImageView* bottomShadow = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"BottmShadow.png"]] 
bottomShadow.transform = CGAffineTransformMakeScale(1, -1);

(Отразить по вертикали)

Затем сделайте то же самое с двумя другими, но разместите их как подпредставления представления таблицы. Один из них за пределами первого ряда:

CGRect tableTopShadowFrame = tableTopShadow.frame;
tableTopShadowFrame.origin.y = -(tableTopShadowFrame.size.height);
[tableTopShadow setFrame:tableTopShadowFrame];

, а другой чуть ниже последней строки (вам нужно знать высоту всех строк вместе. Если все ваши строки имеют одинаковую высоту, то это высота строки, умноженная на количество строк).

Наконец, вам нужно установить свойство backgroundColor таблицы на прозрачное

tableView.backgroundColor = [UIColor clearColor];

и, возможно, установите немного темно-серого цвета для фона основного вида.

Answer 3

Я предполагаю, что есть дополнительная ячейка, которая содержит только фоновое изображение, которое является прозрачной тенью. Если это не ячейка (потому что это может создать странность прокрутки), это, вероятно, дополнительный вид, расположенный ниже нижней ячейки UITableview, который - опять же - просто содержит изображение тени.