6

Yahoo Weather アプリに似た UIScrollView の作成に非常に興味があります。ビデオの例を次に示します。

http://www.youtube.com/watch?v=a-q_yetkpik

フェードバックグラウンドを実行できるようにするこのGitを見つけました：

https://github.com/justinmfischer/core-background

しかし、コンテンツが上にスクロールすると、UINavigationBar の後ろでほとんどフェードアウトするように、上部のぼかし効果をどのように達成できますか?

どんな助けでも大歓迎です!!

4

5 に答える 5

28

Yahoo! の UI 効果のコードを書きました。天気アプリ、あなたの質問に喜んでお答えします。

ぼかしを行う方法を理解したようです（ピクセルオフセットに基づいてぼやけた画像の間でフェードし、特定の量で最大化します...さらに効果を高めるために、ぼかしに複数のステップを含めることができます-つまり、非-ぼやけから半分ぼやけ、次に半分ぼやけから完全ぼやけなど）。

フェード アンダーの種類の効果については、コンテンツ ビューのレイヤーにマスク プロパティを設定できます。

https://developer.apple.com/library/mac/documentation/graphicsimaging/reference/CALayer_class/Introduction/Introduction.html#//apple_ref/occ/instp/CALayer/mask

マスクは、透明から不透明にフェードするイメージです。

――イアン。

于 2013-07-22T05:05:34.180 に答える
5

私はおそらくパーティーに少し遅れていますが、まさにそれを行うサンプル プロジェクトがあります。Yahoo!で調べてみました。イインが話していた画像マスクのアプリ。彼が説明したように、私はまだそれを使用することができません。そのため、効果を得るためにオンザフライで CALayer を作成しました。

(@Iain、素晴らしい仕事!大ファン)

ここにGitHubリンクがあります

于 2013-10-23T15:22:46.893 に答える
3

私は個人的に試したことはありませんが、これは良いスタートになるかもしれません: https://github.com/kronik/DKLiveBlur

DKLiveBlur

DKLiveBlur とデモ アプリのソースは、yahoo 天気 iOS アプリと同様のライブ ブラー効果を示します。

于 2013-07-20T14:28:32.013 に答える
1

FXBlurView を使用して同様の効果を達成しました: https://github.com/nicklockwood/FXBlurView

スクロールした量に応じて blurRadius を設定するだけです。scrollView.contentOffset.y

于 2014-08-13T04:41:28.163 に答える