web-dev-qa-db-ja.com

Facebookの非表示/表示の拡大/縮小ナビゲーションバーを模倣します。

新しいiOS7 Facebook iPhoneアプリでは、ユーザーがnavigationBarを上にスクロールすると、徐々に姿を消し、完全に消えます。その後、ユーザーが下にスクロールすると、navigationBarが徐々に表示されます。

この動作を自分でどのように実装しますか?私は次の解決策を知っていますが、すぐに消えてしまい、ユーザーのスクロールジェスチャーの速度とはまったく関係ありません。

[navigationController setNavigationBarHidden: YES animated:YES];

「拡大/縮小」動作をどのように記述するのが最善かわからないので、これが複製ではないことを願っています。

128
El Mocoso

@peerlessが提供するソリューションは素晴らしいスタートですが、スクロールの速度を考慮せずに、ドラッグが開始されるたびにアニメーションを開始するだけです。これにより、Facebookアプリで取得するよりも、操作性が向上します。 Facebookの動作に合わせるには、次のことを行う必要があります。

  • ドラッグの速度に比例する速度でナビゲーションバーを非表示/表示します
  • バーが部分的に非表示になっているときにスクロールが停止した場合、アニメーションを開始してバーを完全に非表示にします
  • バーが縮小するにつれてnavbarのアイテムをフェードします。

まず、次のプロパティが必要です。

@property (nonatomic) CGFloat previousScrollViewYOffset;

そして、ここにUIScrollViewDelegateメソッドがあります:

- (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];
    }
}

これらのヘルパーメソッドも必要になります。

- (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];
    }];
}

わずかに異なる動作については、スクロール時にバーを再配置する行(elsescrollViewDidScrollブロック)を次の行に置き換えます。

frame.Origin.y = MIN(20, 
                     MAX(-size, frame.Origin.y - 
                               (frame.size.height * (scrollDiff / scrollHeight))));

これにより、絶対量ではなく、最後のスクロールの割合に基づいてバーが配置され、フェードが遅くなります。元の動作はFacebookに似ていますが、私もこれが好きです。

注:このソリューションはiOS 7以降のみです。 iOSの古いバージョンをサポートしている場合は、必要なチェックを必ず追加してください。

162
Wayne Burkett

編集:iOS 8以降のみ。

使用してみることができます

self.navigationController.hidesBarsOnSwipe = YES;

私のために働く。

Swiftでコーディングする場合、この方法を使用する必要があります( https://stackoverflow.com/a/27662702/2283308 から)

navigationController?.hidesBarsOnSwipe = true
52
Pedro Romão

もう1つの実装を次に示します。TLYShyNavBar v1.0.0リリース!

提供されたソリューションを試した後、自分で作成することにしましたが、パフォーマンスが悪いか、エントリーとボイラープレートコードの障壁が高いか、ナビゲーションバーの下に拡張ビューがありませんでした。このコンポーネントを使用するために必要なことは、次のとおりです。

self.shyNavBarManager.scrollView = self.scrollView;

ああ、それは私たち自身のアプリでテストされた戦いです。

43
Mazyod

GTScrollNavigationBar をご覧ください。 UIScrollViewのスクロールに基づいてスクロールするようにUINavigationBarをサブクラス化しました。

注:OPAQUEナビゲーションバーがある場合、ナビゲーションバーが非表示になると、スクロールビューを展開する必要があります。これはまさにGTScrollNavigationBarが行うことです。 (たとえばiOSのSafariのように)。

33
Thuy

iOS8には、ナビゲーションバーを無料で非表示にするためのプロパティが含まれています。それを実証するWWDCビデオがあります。「View Controller Advancements in iOS 8」を検索してください。

class QuotesTableViewController: UITableViewController {

override func viewDidAppear(animated: Bool) {
    super.viewDidAppear(animated)

    navigationController?.hidesBarsOnSwipe = true
}

}

その他のプロパティ:

class UINavigationController : UIViewController {

    //... truncated

    /// When the keyboard appears, the navigation controller's navigationBar toolbar will be hidden. The bars will remain hidden when the keyboard dismisses, but a tap in the content area will show them.
    @availability(iOS, introduced=8.0)
    var hidesBarsWhenKeyboardAppears: Bool
    /// When the user swipes, the navigation controller's navigationBar & toolbar will be hidden (on a swipe up) or shown (on a swipe down). The toolbar only participates if it has items.
    @availability(iOS, introduced=8.0)
    var hidesBarsOnSwipe: Bool
    /// The gesture recognizer that triggers if the bars will hide or show due to a swipe. Do not change the delegate or attempt to replace this gesture by overriding this method.
    @availability(iOS, introduced=8.0)
    var barHideOnSwipeGestureRecognizer: UIPanGestureRecognizer { get }
    /// When the UINavigationController's vertical size class is compact, hide the UINavigationBar and UIToolbar. Unhandled taps in the regions that would normally be occupied by these bars will reveal the bars.
    @availability(iOS, introduced=8.0)
    var hidesBarsWhenVerticallyCompact: Bool
    /// When the user taps, the navigation controller's navigationBar & toolbar will be hidden or shown, depending on the hidden state of the navigationBar. The toolbar will only be shown if it has items to display.
    @availability(iOS, introduced=8.0)
    var hidesBarsOnTap: Bool
    /// The gesture recognizer used to recognize if the bars will hide or show due to a tap in content. Do not change the delegate or attempt to replace this gesture by overriding this method.
    @availability(iOS, introduced=8.0)
    unowned(unsafe) var barHideOnTapGestureRecognizer: UITapGestureRecognizer { get }
}

http://natashatherobot.com/navigation-bar-interactions-ios8/ で見つかりました

25

これはiOS 8以降で機能し、ステータスバーが引き続きその背景を保持するようにします

self.navigationController.hidesBarsOnSwipe = YES;
CGRect statuBarFrame = [UIApplication sharedApplication].statusBarFrame;
UIView *statusbarBg = [[UIView alloc] initWithFrame:statuBarFrame];
statusbarBg.backgroundColor = [UIColor blackColor];
[self.navigationController.view addSubview:statusbarBg];

ステータスバーをタップしたときにナビゲーションバーを表示する場合は、次の操作を実行できます。

- (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView {
     self.navigationController.navigationBarHidden = NO;
}
12
Zhong Huiwen

そのためのある種の迅速で汚い解決策があります。綿密なテストは行っていませんが、ここにアイデアがあります。

このプロパティは、UITableViewControllerクラスのnavbarにすべてのアイテムを保持します

@property (strong, nonatomic) NSArray *navBarItems;

私が持っている同じUITableViewControllerクラスに:

-(void)scrollViewDidScrollToTop:(UIScrollView *)scrollView
{
    if([[[UIDevice currentDevice] systemVersion] floatValue] < 7.0f){
        return;
    }

    CGRect frame = self.navigationController.navigationBar.frame;
    frame.Origin.y = 20;

    if(self.navBarItems.count > 0){
        [self.navigationController.navigationBar setItems:self.navBarItems];
    }

    [self.navigationController.navigationBar setFrame:frame];
}

-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    if([[[UIDevice currentDevice] systemVersion] floatValue] < 7.0f){
        return;
    }

    CGRect frame = self.navigationController.navigationBar.frame;
    CGFloat size = frame.size.height - 21;

    if([scrollView.panGestureRecognizer translationInView:self.view].y < 0)
    {
        frame.Origin.y = -size;

        if(self.navigationController.navigationBar.items.count > 0){
            self.navBarItems = [self.navigationController.navigationBar.items copy];
            [self.navigationController.navigationBar setItems:nil];
        }
    }
    else if([scrollView.panGestureRecognizer translationInView:self.view].y > 0)
    {
        frame.Origin.y = 20;

        if(self.navBarItems.count > 0){
            [self.navigationController.navigationBar setItems:self.navBarItems];
        }
    }

    [UIView beginAnimations:@"toggleNavBar" context:nil];
    [UIView setAnimationDuration:0.2];
    [self.navigationController.navigationBar setFrame:frame];
    [UIView commitAnimations];
}

これはios> = 7の場合のみです。これはknowいですが、これを実現する簡単な方法です。コメント/提案は大歓迎です:)

12
peerless

これが私の実装です: SherginScrollableNavigationBar

私のアプローチでは、KVOの状態を監視するためにUIScrollViewを使用しているため、デリゲートを使用する必要はありません(必要に応じてこのデリゲートを使用できます)。

10

私のこの解決策を試してみて、これが前の回答ほど良くない理由を教えてください。

- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset
{
    if (fabs(velocity.y) > 1)
        [self hideTopBar:(velocity.y > 0)];
}

- (void)hideTopBar:(BOOL)hide
{
    [self.navigationController setNavigationBarHidden:hide animated:YES];
    [[UIApplication sharedApplication] setStatusBarHidden:hide withAnimation:UIStatusBarAnimationSlide];
}
7
Nishant

これを達成した1つの方法は次のとおりです。

たとえば、UIScrollViewDelegateUITableViewになるようにView Controllerを登録します。

- (void)scrollViewDidScroll:(UIScrollView *)scrollView;
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView;
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate;

De UIScrollViewDelegateメソッド内から、新しいcontentOffsetを取得し、それに応じてUINavigationBarを上下に変換できます。

サブビューのアルファの設定は、設定および計算できるいくつかのしきい値と要因に基づいて行うこともできます。

それが役に立てば幸い!

6
Diana Sule

Iwburkの答えに加えて、非カスタムナビゲーションバーのアルファの問題を修正し、viewWillDisappearメソッドでナビゲーションバーをリセットするために、次を追加しました。

- (void)updateBarButtonItems:(CGFloat)alpha
{
    for (UIView *view in self.navigationController.navigationBar.subviews) {
        NSString *className = NSStringFromClass([view class]);

        if ( ![className isEqualToString:@"_UINavigationBarBackground"] ) {
            view.alpha = alpha;
        }
    }
}

- (void)resetNavigationBar {
    CGRect frame = self.navigationController.navigationBar.frame;
    frame.Origin.y = 20;
    [self.navigationController.navigationBar setFrame:frame];
    [self updateBarButtonItems:1.0f];
}
4
blueice

私は、あらゆるスタイルと行動を可能にするソリューションを探していました。バーの圧縮動作は、多くの異なるアプリで異なることがわかります。そしてもちろん、バーの外観はアプリによってまったく異なります。

https://github.com/bryankeller/BLKFlexibleHeightBar/ でこの問題の解決策を作成しました

独自の動作ルールを定義して、バーの縮小と拡大の方法とタイミングを制御したり、バーのサブビューがバーの縮小または拡大にどのように反応するかを正確に定義したりできます。

どんな種類のヘッダーバーでも考えられるように柔軟に作成したい場合は、私のプロジェクトをご覧ください。

4
blkhp19

HidingNavigationBarナビゲーションバーおよびタブバーを非表示にする素晴らしいプロジェクトお望みならば。

HidingNavigationBarは、次のビュー要素の非表示/表示をサポートしています。

UINavigationBar

UINavigationBarおよび拡張UIView

UINavigationBarおよびUIToolbar

UINavigationBarおよびUITabBar

https://github.com/tristanhimmelman/HidingNavigationBar

3

UITableViewの周りに座ってカスタマイズされたヘッダーが必要な状況で、この動作をエミュレートしようとしました。これはページ上の他のものの束の下にあり、セクションヘッダーがデフォルトの「ドッキング」動作に従うようにしたので、独自の「ナビゲーション」バーをロールしました。 Facebook/Instagram/Chrome /などで見られるのと同様のスタイルで、UITableView/UIScrollViewを別のオブジェクトと一緒に調整するかなり賢明で簡潔な方法を見つけたと思います。アプリ。

.xibファイルでは、コンポーネントをフリーフォームビューにロードしています: http://imgur.com/0z9yebJ (申し訳ありませんが、インラインイメージの担当者はいません)

左側のサイドバーでは、テーブルがメインヘッダービューの後ろに配置されていることに注意してください。スクリーンショットからはわかりませんが、メインヘッダービューと同じy位置もあります。 UITableViewのcontentInsetプロパティは視界外に広がるため、76(メインヘッダービューの高さ)に設定されます。

メインヘッダービューをUIScrollViewに合わせてスライドさせるには、UIScrollViewDelegateのscrollViewDidScrollメソッドを使用していくつかの計算を実行し、UIScrollViewのcontentInsetとメインヘッダービューのフレームを変更します。

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
    UIEdgeInsets insets = scrollView.contentInset;
    //tableViewInsetDelta and tableViewOriginalInsetValue are NSInteger variables that I set to 0 and 76, respectively, in viewDidLoad
    tableViewInsetDelta = tableViewOriginalInsetValue + scrollView.contentOffset.y;
    insets.top = tableViewOriginalInsetValue - tableViewInsetDelta;

    if (scrollView.contentOffset.y > -76 && scrollView.contentOffset.y < 0) {
        [scrollView setContentInset:insets];
        self.pathTitleContainer.frame = CGRectMake(self.pathTitleContainer.frame.Origin.x, 44 - tableViewInsetDelta, self.pathTitleContainer.frame.size.width, self.pathTitleContainer.frame.size.height);
    } else if (scrollView.contentOffset.y > 0) {
        insets.top = 0;
        [scrollView setContentInset:insets];
        self.pathTitleContainer.frame = CGRectMake(self.pathTitleContainer.frame.Origin.x, -32, self.pathTitleContainer.frame.size.width, self.pathTitleContainer.frame.size.height);
    } else if (scrollView.contentOffset.y < -76) {
        insets.top = 76;
        [scrollView setContentInset:insets];
        self.pathTitleContainer.frame = CGRectMake(self.pathTitleContainer.frame.Origin.x, 44, self.pathTitleContainer.frame.size.width, self.pathTitleContainer.frame.size.height);
    }
}

最初のifステートメントは大部分のリフティングを行いますが、ユーザーが強制的にドラッグしている状況と最初のcontentOffsetを処理するために他の2つを含める必要がありましたscrollViewDidScrollに送信される値は、最初のifステートメントの範囲外です。

最終的に、これは私にとって非常にうまく機能しています。膨大なサブクラスをプロジェクトにロードするのは嫌いです。これがパフォーマンス面で最善のソリューションであるかどうかは言えません(常に呼び出されるのでscrollViewDidScrollにコードを入れることをためらっていました)が、コードフットプリントは私が見た中で最小ですこの問題の解決策であり、UIScrollViewにUITableViewをネストする必要はありません(Appleはドキュメントでこれに反対し、タッチイベントはUITableViewで少しファンキーになります)。これが誰かを助けることを願っています!

3
Brian

GTScrollNavigationBarを実装しようとしましたが、アプリで自動レイアウト制約を変更する必要がありました。他の誰かが自動レイアウトでこれを行う必要がある場合に備えて、GitHubに実装の例を置くことにしました。他のほとんどの実装で私が抱えていた他の問題は、スクロールビューの境界を設定せずに、スクロールとスクロールビューのサイズを同時に調整するときに作成する視差スクロール効果を避けることです。

自動レイアウトでこれを行う必要がある場合は、 JSCollapsingNavBarViewController を確認してください。 2つのバージョンを用意しました。1つはナビゲーションバーのみ、もう1つはナビゲーションバーの下にサブバーがあり、ナビゲーションバーを折りたたむ前に折りたたまれます。

2
jwswart

私はこの方法でそれを試してみました、私はそれが役立つことを願っています。デリゲートメソッドにコードを実装し、目的のビュー/サブビューに設定するだけです

-(void)scrollViewDidScroll:(UIScrollView *)scrollView{ 
            CGRect frame=self.view.frame;
            CGRect resultFrame=CGRectZero;
            if(scrollView.contentOffset.y==0 || scrollView.contentOffset.y<0){
                self.lastContentOffset=0;
                self.offset=0;
                resultFrame=CGRectMake(0, frame.size.height-(40-self.offset.intValue), frame.size.width, 40-self.offset.intValue);
    // Pass the resultFrame
                [self showHide:YES withFrame:resultFrame];
            }else if (self.lastContentOffset > scrollView.contentOffset.y){
                NSNumber *temp=[NSNumber numberWithDouble:self.lastContentOffset-scrollView.contentOffset.y];
                if(temp.intValue>40 || self.offset.intValue<temp.intValue){
                    self.offset=[NSNumber numberWithInt:0];
                    resultFrame=CGRectMake(0, frame.size.height-(40-self.offset.intValue), frame.size.width, 40-self.offset.intValue);
    // Pass the resultFrame
                    [self showHide:YES withFrame:resultFrame];
                }else{
                    if(temp.intValue>0){
                        self.offset=[NSNumber numberWithInt:self.offset.intValue-temp.intValue];
                        resultFrame=CGRectMake(0, frame.size.height-(40-self.offset.intValue), frame.size.width, 40-self.offset.intValue);
    // Pass the resultFrame
                        [self showHide:YES withFrame:resultFrame];
                    }
                }
            }else if (self.lastContentOffset < scrollView.contentOffset.y){
                NSNumber *temp=[NSNumber numberWithDouble:scrollView.contentOffset.y-self.lastContentOffset];
                if(self.offset.intValue>40 || (self.offset.intValue+temp.intValue)>40){
                    self.offset=[NSNumber numberWithInt:40];
    // Pass the resultFrame
                    [self showHide:NO withFrame:resultFrame];
                }else{
                    self.offset=[NSNumber numberWithInt:self.offset.intValue+temp.intValue];
                    resultFrame=CGRectMake(0, frame.size.height-(40-self.offset.intValue), frame.size.width, 40-self.offset.intValue);
    // Pass the resultFrame
                    [self showHide:YES withFrame:resultFrame];
                }
            }
            self.lastContentOffset = scrollView.contentOffset.y;

        }

-(void)showHide:(Boolean)boolView withFrame:(CGRect)frame{
               if(showSRPFilter){
                        //Assign value of "frame"to any view on which you wan to to perform animation
                }else{
                       //Assign value of "frame"to any view on which you wan to to perform animation
                }
        }
1
user2968901

@Iwburkの答えの拡張...ナビゲーションバーのOriginを変更する代わりに、ナビゲーションバーのサイズを拡大/縮小する必要がありました。

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    CGRect frame = self.previousRect; // a property set in the init method to hold the initial size of the uinavigationbar
    CGFloat size = frame.size.height;
    CGFloat framePercentageHidden = ((MINIMUMNAVBARHEIGHT - 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 = -MINIMUMNAVBARHEIGHT;
    } else if ((scrollOffset + scrollHeight) >= scrollContentSizeHeight) {
        frame.Origin.y = -size;
    } else {
        frame.Origin.y = MIN(-MINIMUMNAVBARHEIGHT, MAX(-size, frame.Origin.y - scrollDiff));
    }

    self.previousRect = CGRectMake(0, frame.Origin.y, self.jsExtendedBarView.frame.size.width, 155);
    self.layoutConstraintExtendedViewHeight.constant = MAXIMUMNAVBARHEIGHT + frame.Origin.y + MINIMUMNAVBARHEIGHT;
    [self updateBarButtonItems:(1 - framePercentageHidden)];
    self.previousScrollViewYOffset = scrollOffset;
}

stoppedScrollingメソッドではまだ機能しません。更新がある場合は更新を投稿します

1
jsetting32

これらのアプローチはすべて非常に複雑に思えます...だから当然、私は自分で構築しました:

class ViewController: UIViewController, UIScrollViewDelegate {
    var originalNavbarHeight:CGFloat = 0.0
    var minimumNavbarHeight:CGFloat = 0
    weak var scrollView:UIScrollView!

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        // setup delegates 
        scrollView.delegate = self
        // save the original nav bar height
        originalNavbarHeight = navigationController!.navigationBar.height
    }


    func scrollViewDidScroll(scrollView: UIScrollView) {
        // will relayout subviews
        view.setNeedsLayout() // calls viewDidLayoutSubviews
    }

    override func viewDidLayoutSubviews() {
        var percentageScrolled = min(scrollView.contentOffset.y / originalNavbarHeight, 1)
        navigationController?.navigationBar.height = min(max((1 - percentageScrolled) * originalNavbarHeight, minimumNavbarHeight), originalNavbarHeight)
        // re-position and scale scrollview
        scrollView.y = navigationController!.navigationBar.height + UIApplication.sharedApplication().statusBarFrame.height
        scrollView.height = view.height - scrollView.y
    }

    override func viewWillDisappear(animated: Bool) {
        navigationController?.navigationBar.height = originalNavbarHeight
    }

}
0
Oxcug

Objective-Cで与えられたすべての答えを見つけました。これはSwift 3の私の答えです。これは非常に汎用的なコードであり、直接使用できます。 UIScrollViewとUITableViewの両方で機能します。

var lastContentOffset: CGPoint? = nil
var maxMinus: CGFloat           = -24.0
var maxPlus: CGFloat            = 20.0
var initial: CGFloat            = 0.0

override func viewDidLoad() {
    super.viewDidLoad()

    self.title = "Alarm Details"
    self.lastContentOffset = self.alarmDetailsTableView.contentOffset
    initial = maxPlus
}

func scrollViewDidScroll(_ scrollView: UIScrollView)
{
    var navigationBarFrame: CGRect   = self.navigationController!.navigationBar.frame
    let currentOffset = scrollView.contentOffset

    if (currentOffset.y > (self.lastContentOffset?.y)!) {
        if currentOffset.y > 0 {
            initial = initial - fabs(CGFloat(currentOffset.y - self.lastContentOffset!.y))
        }
        else if scrollView.contentSize.height < scrollView.frame.size.height {
            initial = initial + fabs(CGFloat(currentOffset.y - self.lastContentOffset!.y))
        }
    }
    else {
        if currentOffset.y < scrollView.contentSize.height - scrollView.frame.size.height {
            initial = initial + fabs(CGFloat(currentOffset.y - self.lastContentOffset!.y))
        }
        else if scrollView.contentSize.height < scrollView.frame.size.height && initial < maxPlus {
            initial = initial - fabs(CGFloat(currentOffset.y - self.lastContentOffset!.y))
        }
    }

    initial = (initial <= maxMinus) ? maxMinus : initial
    initial = (initial >= maxPlus) ? maxPlus : initial

    navigationBarFrame.Origin.y = initial

    self.navigationController!.navigationBar.frame = navigationBarFrame
    scrollView.frame = CGRect(x: 0.0, y: initial + navigationBarFrame.size.height , width: navigationBarFrame.size.width, height: self.view.frame.size.height - (initial + navigationBarFrame.size.height))

    let framePercentageHidden: CGFloat              = ((20 - navigationBarFrame.Origin.y) / (navigationBarFrame.size.height));
    self.lastContentOffset                          = currentOffset;
    self.updateBarButtonItems(alpha: 1 - framePercentageHidden)
}

func updateBarButtonItems(alpha: CGFloat)
{
    self.navigationController?.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.darkGray.withAlphaComponent(alpha)]
    self.navigationController?.navigationBar.isUserInteractionEnabled = (alpha < 1) ? false: true

    guard (self.navigationItem.leftBarButtonItems?.count) != nil else { return }

    for (_, value) in self.navigationItem.leftBarButtonItems!.enumerated() {
        value.customView?.alpha = alpha
    }

    guard (self.navigationItem.rightBarButtonItems?.count) != nil else { return }

    for (_, value) in (self.navigationItem.rightBarButtonItems?.enumerated())! {
        value.customView?.alpha = alpha
    }
}

ナビゲーション項目にアルファを設定するロジックは、@ WayneBurkett answerからコピーされ、Swift 3に書き換えられます。

0
Dev