A solução dada por @peerless é um ótimo começo, mas só inicia uma animação sempre que o arrastar começa, sem considerar a velocidade do pergaminho. Isso resulta em uma experiência mais picante do que no aplicativo do Facebook. Para corresponder ao comportamento do Facebook, precisamos:
- ocultar / mostrar a barra de navegação a uma taxa proporcional à taxa de arrasto
- inicie uma animação para ocultar completamente a barra se a rolagem parar quando a barra estiver parcialmente oculta
- esmaecer os itens da barra de navegação quando a barra diminuir.
Primeiro, você precisará da seguinte propriedade:
@property (nonatomic) CGFloat previousScrollViewYOffset;
E aqui estão os UIScrollViewDelegate
métodos:
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
CGRect frame = self.navigationController.navigationBar.frame;
CGFloat size = frame.size.height - 21;
CGFloat framePercentageHidden = ((20 - frame.origin.y) / (frame.size.height - 1));
CGFloat scrollOffset = scrollView.contentOffset.y;
CGFloat scrollDiff = scrollOffset - self.previousScrollViewYOffset;
CGFloat scrollHeight = scrollView.frame.size.height;
CGFloat scrollContentSizeHeight = scrollView.contentSize.height + scrollView.contentInset.bottom;
if (scrollOffset <= -scrollView.contentInset.top) {
frame.origin.y = 20;
} else if ((scrollOffset + scrollHeight) >= scrollContentSizeHeight) {
frame.origin.y = -size;
} else {
frame.origin.y = MIN(20, MAX(-size, frame.origin.y - scrollDiff));
}
[self.navigationController.navigationBar setFrame:frame];
[self updateBarButtonItems:(1 - framePercentageHidden)];
self.previousScrollViewYOffset = scrollOffset;
}
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
[self stoppedScrolling];
}
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView
willDecelerate:(BOOL)decelerate
{
if (!decelerate) {
[self stoppedScrolling];
}
}
Você também precisará destes métodos auxiliares:
- (void)stoppedScrolling
{
CGRect frame = self.navigationController.navigationBar.frame;
if (frame.origin.y < 20) {
[self animateNavBarTo:-(frame.size.height - 21)];
}
}
- (void)updateBarButtonItems:(CGFloat)alpha
{
[self.navigationItem.leftBarButtonItems enumerateObjectsUsingBlock:^(UIBarButtonItem* item, NSUInteger i, BOOL *stop) {
item.customView.alpha = alpha;
}];
[self.navigationItem.rightBarButtonItems enumerateObjectsUsingBlock:^(UIBarButtonItem* item, NSUInteger i, BOOL *stop) {
item.customView.alpha = alpha;
}];
self.navigationItem.titleView.alpha = alpha;
self.navigationController.navigationBar.tintColor = [self.navigationController.navigationBar.tintColor colorWithAlphaComponent:alpha];
}
- (void)animateNavBarTo:(CGFloat)y
{
[UIView animateWithDuration:0.2 animations:^{
CGRect frame = self.navigationController.navigationBar.frame;
CGFloat alpha = (frame.origin.y >= y ? 0 : 1);
frame.origin.y = y;
[self.navigationController.navigationBar setFrame:frame];
[self updateBarButtonItems:alpha];
}];
}
Para um comportamento ligeiramente diferente, substitua a linha que reposiciona a barra ao rolar (a entrada do else
bloco scrollViewDidScroll
) por esta:
frame.origin.y = MIN(20,
MAX(-size, frame.origin.y -
(frame.size.height * (scrollDiff / scrollHeight))));
Isso posiciona a barra com base na última porcentagem de rolagem, em vez de uma quantidade absoluta, o que resulta em um desbotamento mais lento. O comportamento original é mais parecido com o Facebook, mas eu também gosto desse.
Nota: Esta solução é apenas para iOS 7 ou superior. Certifique-se de adicionar as verificações necessárias se você estiver suportando versões mais antigas do iOS.