UIToolbar hairline

Question

Я хотел бы воспроизвести экран AppStore, где у них есть UIToolbar под панелью навигации. Волосяная линия удаляется из навигационной панели, но у нее есть ее для панели инструментов.

Вот как это выглядит:

Для того, чтобы сделать это я установить UIToolbar иметь черный стиль + пользовательские BackgroundColor:

[[UIToolbar appearance] setBackgroundColor:[UIColor navBarBackgroundColor]]; 

Для удаления волосяного покрова из навигации бар я сделал:

[self.navigationController.navigationBar setShadowImage:[[UIImage alloc] init]]; 

[self.navigationController.navigationBar setBackgroundImage:[[UIImage alloc] init] 
               forBarMetrics:UIBarMetricsDefault]; 

И я получил это:

Я думал, что для того, чтобы добавить линию волос на дне я мог создать UIImage с 1px линии на дне, но я хотел бы сделать это в какой-то другой более хорошим способом, если это возможно.

Answer 1

Вы можете добавить нижнюю границу, добавив подслой слой вашей панели инструментов:

CALayer *bottomBorder = [CALayer layer]; 

bottomBorder.frame = CGRectMake(0.0f, toolbar.frame.size.height - 1.0f, toolbar.frame.size.width, 1.0f); 

bottomBorder.backgroundColor = [UIColor colorWithWhite:0.8f 
              alpha:1.0f].CGColor; 

[toolbar.layer addSublayer:bottomBorder];