2013-07-20 10 views
6

私は本当にYahoo Weatherアプリに似たUIScrollViewを作成することに興味があります。ここでは、ビデオの例です:Yahoo Weather ScrollView Effectはどのようにして達成できますか?

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

私はフェードバックグラウンドのことを行うために私をALOWなり、このGitのを発見した:

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

しかし、どのように私は、ぼかし効果を達成するであろう任意の助けいただければ幸いトップアップしたコンテンツがスクロールとして、それはほとんどUINavigationBar

後ろにフェードアウトするように!

+2

yahooのエフェクトは、私が呼び出すように、実際にはかなりクールです。私もこれを学びたい。スクロールがある点を通過すると、透明なUINavigationBarとUIImageの自動ぼかしからその効果が得られると思います。たぶんif else文を使ったものかもしれません。 –

答えて

3

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

DKLiveBlur DKLiveBlurとデモアプリの

ソースヤフー天気iOSアプリに似たライブぼかし効果を表示します。

28

私はヤフーのUI効果のためのコードを書きました天気アプリ、あなたの質問にお答えできます。

あなたはぼかしを行う方法を理解しているような音がします(ピクセルオフセットに基づいてぼやけた画像の間をフェードインし、ある量で最大にする...より良い効果のために、半ぼかしから半ぼかし、次いで半ぼかしから完全ぼかしなど)の間で退色する。効果の種類の下でフェージングのために

、あなたのコンテンツビューの層の上にマスクプロパティを設定することができます。

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

マスクは、透明から不透明にフェード画像です。

--Iain。 CALayerのマスクを指摘してイアンに

+1

素晴らしいアプリ、btw。同時にシンプルでクールに表示されます。私はそれを開始し、それを見て楽しむだけです。私はリラックスした気分にさせます:)私は風車のアニメーションについての質問があります。どうやって話し合うことができますか? – Schultz9999

+0

@Lain、Great App! Btwなぜトップに紫色の線がありますか?何か特別な理由。ただ興味があります:) – doNotCheckMyBlog

+0

@Lain、どのようなぼかし方法を使用しましたか?私はあなたが達成した外観が本当に好きです。 – nibeck

0

感謝。

Evan Davisブログからブラーのためのサンプルコードをダウンロードしてください。

5

私はおそらくパーティーのために少し遅れていますが、私はまさにその例のプロジェクトを持っています。私はYahoo!を見てみましたイアンが言っていた前記画像マスクのためのアプリ。私はまだ彼が記述した方法でそれを使用することができませんでした。だから私は効果を達成するためにオンザフライでCALayerを作成しました。

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

関連する問題