2013-07-20 4 views
6

मैं वास्तव में याहू मौसम ऐप के समान UIScrollView बनाने में रूचि रखता हूं।मैं याहू मौसम स्क्रॉल व्यू प्रभाव कैसे प्राप्त करूं?

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

मैं इस Git जो मुझे alow फीका पृष्ठभूमि बात करने के लिए होगा मिल गया है:: यहाँ वीडियो पर एक उदाहरण है

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

लेकिन मैं पर कलंक प्रभाव कैसे प्राप्त होगा शीर्ष पर, क्योंकि सामग्री स्क्रॉल हो जाती है, यह लगभग UINavigationBar

के पीछे लगभग फीका है किसी भी मदद की सराहना की जाएगी !!

+2

याहू प्रभाव, जैसा कि मैंने इसे कॉल किया है, वास्तव में बहुत अच्छा है। मैं भी यह सीखना चाहता हूं। मुझे लगता है कि स्क्रॉल एक निश्चित बिंदु पारित होने के बाद प्रभाव एक पारदर्शी UINavigationBar और UIImage के स्वचालित धुंध से आएगा।शायद एक और कथन के साथ कुछ। –

उत्तर

3

मैं व्यक्तिगत रूप से यह प्रयास नहीं किया है, लेकिन यह एक अच्छी शुरुआत हो सकती है: https://github.com/kronik/DKLiveBlur

DKLiveBlur

DKLiveBlur और डेमो ऐप के सूत्रों का कहना लाइव कलंक प्रभाव याहू मौसम IOS अनुप्रयोग के लिए इसी तरह दिखाने के लिए।

28

मैंने याहू में यूआई प्रभावों के लिए कोड लिखा था! मौसम ऐप, आपके प्रश्न का उत्तर देने में प्रसन्न होगा।

लगता है जैसे आपने यह पता लगाया है कि धुंध कैसे करें (पिक्सेल ऑफसेट पर आधारित धुंधली छवि के बीच फीका, एक निश्चित राशि पर अधिकतम ... बेहतर प्रभाव के लिए, आप धुंध में कई कदम उठा सकते हैं - यानी गैर-धुंधले से आधे धुंधले के बीच फीका, फिर पूर्ण धुंधला आदि के लिए आधा धुंधला)।

प्रभाव की तरह के तहत fading के लिए, आप अपनी सामग्री को देखने की परत पर नकाब गुण सेट कर सकते हैं:

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

मुखौटा एक छवि है कि पारदर्शी से अपारदर्शी को fades है।

- आईन।

+1

बहुत बढ़िया ऐप, बीटीडब्ल्यू। एक ही समय में सरल और ठंडा दिखाई देता है। मैं बस इसे शुरू करने और उस पर घूरने का आनंद लेता हूं। मुझे आराम महसूस करता है :) मेरे पास वायुमंडल एनिमेशन के बारे में एक सवाल है। हम उस पर चर्चा कैसे कर सकते हैं? – Schultz9999

+0

@ लैन, ग्रेट ऐप! बीटीडब्ल्यू शीर्ष पर बैंगनी रेखा क्यों? कोई विशेष कारण। बस उत्सुक :) – doNotCheckMyBlog

+0

@ लैन, आप किस धुंधली विधि का उपयोग करते थे? मुझे वास्तव में आपके द्वारा प्राप्त लुक पसंद है। – nibeck

0

कैलियर मास्क को इंगित करने के लिए इयान के लिए धन्यवाद।

Evan Davis ब्लॉग से धुंध के लिए नमूना कोड डाउनलोड करें।

5

शायद मैं पार्टी के लिए थोड़ा देर हो चुकी हूं लेकिन मेरे पास एक उदाहरण प्रोजेक्ट है जो वास्तव में करता है। मैंने याहू को देखने की कोशिश की! कहा गया छवि मुखौटा Iain के लिए ऐप के बारे में बात कर रहा था। मैंने अभी तक इसका वर्णन करने में सक्षम होने के लिए सक्षम नहीं किया है। तो मैंने प्रभाव प्राप्त करने के लिए फ्लाई पर एक कैलियर बनाया।

(@Iain, भयानक काम बड़ा प्रशंसक!)

Here is the GitHub link

1

मैं का उपयोग कर एक समान प्रभाव हासिल FXBlurView: https://github.com/nicklockwood/FXBlurView

आप बस राशि स्क्रॉल करने के लिए blurRadius रिश्तेदार सेट: scrollView.contentOffset.y

संबंधित मुद्दे