Introduction of the Facebook’s Fresco CyberAgent, Inc. ߱໼ େ஍

About Me wasabeef @wasabeef_jp

About Fresco • Image Manager • Streaming • Animations • Drawing • Loading

Quick Start

Adding Fresco to your Project dependencies { // your app's other dependencies compile 'com.facebook.fresco:fresco:0.2.0+' }

Adding Fresco to your Project public class MainApplication extends Application { ! @Override public void onCreate() { super.onCreate(); Fresco.initialize(this); } }

Adding Fresco to your Project ! !

Adding Fresco to your Project public class MainActivity extends ActionBarActivity { ! @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ! SimpleDraweeView drawee = (SimpleDraweeView) findViewById(R.id.image); ! Uri uri = Uri.parse(“http://bit.ly/1PDoTv2"); drawee.setImageURI(uri); } }

Supported URIs 5ZQF 4DIFNF 'FUDINFUIPEVTFE 'JMFPOOFUXPSL http://, https:// HttpURLConnection or network layer 'JMFPOEFWJDF pMF 'JMF*OQVU4USFBN $POUFOUQSPWJEFS DPOUFOU $POUFOU3FTPMWFS "TTFUJOBQQ BTTFU "TTFU.BOBHFS 3FTPVSDFJOBQQ SFT 3FTPVSDFTPQFO3BX3FTPVSDF

Concepts • DraweeView • DraweeHierarchy • DraweeController • The Image Pipeline

Drawee Guide

Using Drawees in XML

Animated Images • Fresco supports animated GIF and WebP images. • Control of animation

Resizing and Rotating public class ResizeOptions { public final int width; public final int height; ! public ResizeOptions(int width, int height) { /** **/ } }

Listening to Download Events public interface ControllerListener { void onSubmit(String var1, Object var2); ! void onFinalImageSet(String var1, INFO var2, Animatable var3); ! void onIntermediateImageSet(String var1, INFO var2); ! void onIntermediateImageFailed(String var1, Throwable var2); ! void onFailure(String var1, Throwable var2); ! void onRelease(String var1); }

Modifying the Image public interface Postprocessor { void process(Bitmap var1); ! String getName(); } public interface Postprocessor { ! void process(Bitmap var1); ! String getName(); }

Image Pipeline Guide

Modifying the Image public interface Postprocessor { void process(Bitmap var1); ! String getName(); }

Configuring the Image Pipeline • Progressive JPEGs • Configuring the disk cache • Keeping cache stats

Third Party Libraries

Using Other Network Layers public interface Postprocessor { void process(Bitmap var1); ! String getName(); } dependencies { // your app's other dependencies compile ‘com.facebook.fresco:fresco:0.2.0+’ compile ‘com.facebook.fresco:imagepipeline-okhttp:0.2.0+' }

Using Other Image Loaders public interface Postprocessor { void process(Bitmap var1); ! String getName(); } dependencies { // your app's other dependencies compile ‘com.facebook.fresco:fresco:0.2.0+’ compile ‘com.facebook.fresco:drawee-volley:0.2.0+' }

Thanks.