Come posso ottenere l'effetto ScrollView di Yahoo Weather?

Sono davvero interessato a creare un UIScrollView simile all'app Yahoo Weather. Ecco un esempio in video:Come posso ottenere l'effetto ScrollView di Yahoo Weather?

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

Ho trovato questo Git che mi alow di fare la cosa dissolvenza sfondo:

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

Ma come avrei ottenere l'effetto di sfocatura al in alto in modo che quando il contenuto scorre verso l'alto, quasi svanisce dietro la UINavigationBar

Qualsiasi aiuto sarebbe apprezzato !!

fonte

2013-07-20 Omar

L'effetto di yahoo, come lo chiamo, è in realtà piuttosto interessante. Voglio imparare anche questo. Sento che l'effetto verrebbe da una UINavigationBar trasparente e una sfocatura automatica di UIImage una volta che la pergamena ha superato un certo punto.Forse qualcosa con una dichiarazione if else. –

non ho provato personalmente, ma questo potrebbe essere un buon punto di partenza: https://github.com/kronik/DKLiveBlur

DKLiveBlur

Fonti di DKLiveBlur e Demo app per mostrare dal vivo effetto di sfocatura simile a Yahoo Weather iOS.

fonte

2013-07-20 14:28:32 Yazid

Ho scritto il codice per gli effetti dell'interfaccia utente in Yahoo! App meteo, sarebbe felice di rispondere alla tua domanda.

Sembra che tu abbia capito come eseguire la sfocatura (dissolvenza tra un'immagine sfocata basata sull'offset di pixel, massimo a una certa quantità ... per effetti ancora migliori, puoi avere più passaggi nella sfocatura - cioè dissolvenza tra non sfocato a metà sfocato, quindi mezzo sfocato a pieno sfocato ecc.).

Per la dissolvenza sotto tipo di effetto, è possibile impostare la proprietà maschera sul livello del vostro vista dei contenuti:

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

La maschera è un'immagine che sfuma da trasparente a opaco.

--Il.

fonte

2013-07-22 05:05:34

Impressionante app, btw. Sembra semplice e interessante allo stesso tempo. Mi piace solo iniziarlo e fissarlo. Mi fa sentire rilassato :) Però ho una domanda sulle animazioni dei mulini a vento. Come possiamo discuterne? – Schultz9999

@Lain, grande app! Perché la linea viola in alto? Qualsiasi motivo particolare Semplicemente curioso :) – doNotCheckMyBlog

@Lain, quale metodo di sfocatura hai usato? Mi piace molto l'aspetto che hai ottenuto. – nibeck

Grazie a Iain per indicare le maschere CALayer.

Scaricare il codice di esempio per la sfocatura dal blog Evan Davis.

fonte

2013-08-25 05:06:42 chongsj

Sono probabilmente un po 'in ritardo per la festa, ma ho un progetto di esempio che fa esattamente questo. Ho provato a guardare attraverso Yahoo! app per la maschera di immagine di cui parlava Iain. Devo ancora essere in grado di usarlo nel modo in cui ha descritto. Così ho creato un CALayer al volo per ottenere l'effetto.

(@Iain, lavoro impressionante grande fan!)

Here is the GitHub link

fonte

2013-10-23 15:22:46 Byte