Android - Bitmapは怖くない

Transcript

1. Bitmap͸ා͘ͳ͍ Wasabeef

2. About Me wasabeef CyberAgent, Inc.

3. Ͳ͏ߟ͑ͯ΋Bitmap͸ා͍Ͱ͢

4. OutOfMemoryError…

5. About Bitmap

6. Bitmap • ը૾Λѻ͏جຊతͳAPI • BitmapFactoryͰΦϒδΣΫτੜ੒͢Δ • OutOfMemoryΛى͜͢ݪҼʹͳΓ΍͍͢

7. Supported Image Formats Format Encoder Decoder Details File Type JPEG

   ! ! Base+Progressive .jpg GIF ! .gif PNG ! ! .png BMP ! .bmp WebP !# 4.0+ !# 4.0+ .webp

8. About BitmapFactory.Options

9. inJustDecodeBounds • Bitmapͷϝλ৘ใ͚ͩऔಘ • ͋Β͔͡Ίը૾αΠζ͚ͩऔಘ͢Δ৔߹ͳͲ

10. inSampleSize • σϑΥϧτ͸1 • 2ʹઃఆ͢Δͱ1/2αΠζ • 4ʹઃఆ͢Δͱ1/4αΠζ • BitmapʹFilter͔͚Δ࣌ʹͱͯ΋༗ޮ

11. inPreferredConfig • BitmapΛಡΈࠐΉFormatΛࢦఆ͢Δ • σϑΥϧτ͸ Bitmap.Config.ARGB_8888

12. About Bitmap.Config

13. ARGB_8888 • 32bit • Alpha, Red, Green, Blue ֤8bit •

    Default

14. ARGB_4444 • 16bit • Alpha, Red, Green, Blue ֤4bit •

    Deprecated in API 13

15. RGB_565 • 16bit • Alpha஋͕ͳ͍ը૾ʹ͸༗ޮ • ৔߹ʹΑͬͯ͸ARGB_8888ͷ൒෼ۙ͘

16. ALPHA_8 • 8bit • Alpha஋ͷΈͷ৔߹ʹ༗ޮ

17. Open Source

18. Open Source • Universal Image Loader • Picasso • Glide

    • Fresco • Volley

19. Picasso by Square

20. Picasso • Image Library • Transformation • Cache • Save

    the world

21. Picasso Picasso.with(this) .load(“http://i.imgur.com/4rBHm4Q.jpg”) .transform(new CircleTransform()) .into(imageView);

22. Picasso .fit()

23. Picasso .centerCrop()

24. Picasso .resize(800,800).centerInside()

25. Glide by Bump (sjudd)

26. Glide • Picasso like • Video, Gif support • Sampling

    support • BitmapPool • Thumbnail change the world

27. Glide Glide.with(this) .load(“http://i.imgur.com/4rBHm4Q.jpg”) .transform(new CircleTransform()) .into(imageView); #

28. .fitCenter() Glide

29. .centerCrop() Glide

30. .override(800, 800) Glide

31. Picasso and Glide Transform

32. Transform ը૾ΛಡΈࠐΜͰImageViewʹ දࣔ͢Δલʹը૾Λมܗͤ͞Δ

33. RoundedCorners

34. CropCircle

35. BitmapShader

36. BitmapShader public static Bitmap shader(Bitmap src) { int width =

    src.getWidth(); int height = src.getHeight(); # bitmap = Bitmap.createBitmap(width, height, config); # Canvas canvas = new Canvas(bitmap); Paint paint = new Paint(); paint.setAntiAlias(true); BitmapShader shader = new BitmapShader( src, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP); # paint.setShader(shader); RectF rectF = new RectF(margin, margin, width - margin, height - margin); canvas.drawRoundRect(recfF, radius, radius, paint); # return bitmap; }

37. Blur

38. RenderScript

39. RenderScript ScriptIntrinsicBlur public static Bitmap blur(Bitmap src) { int width

    = src.getWidth(); int height = src.getHeight(); # bitmap = Bitmap.createBitmap(width, height, config); RenderScript rs = RenderScript.create(mContext); Allocation alloc = Allocation.createFromBitmap(rs, src); ScriptIntrinsicBlur blur = ScriptIntrinsicBlur.create(rs, alloc.getElement()); blur.setInput(alloc); blur.setRadius(mRadius); blur.forEach(alloc); alloc.copyTo(bitmap); source.recycle(); # return bitmap; }

40. ColorFilter

41. ColorFilter

42. ColorFilter public static Bitmap color(Bitmap src, int color) { int

    width = src.getWidth(); int height = src.getHeight(); # bitmap = Bitmap.createBitmap(width, height, config); Canvas canvas = new Canvas(bitmap); Paint paint = new Paint(); paint.setAntiAlias(true); PorterDuffColorFilter filter = new PorterDuffColorFilter(color, PorterDuff.Mode.SRC_ATOP); paint.setColorFilter(filter); canvas.drawBitmap(src, 0, 0, paint); # return bitmap; }

43. Open Source

44. Transform • picasso-transformations • glide-transformations wasabeef

45. GPUImage for Android CyberAgent, Inc.

46. GPUImage for Android • iOSͷGPUImageΛݩʹAndroidʹҠ২ • ImageViewʹରͯ͠FilterΛ͔͚ΕΔ • Filterͷछྨ͸໿70ݸ •

    PhotoshopͷACVʹରԠ • API 8 (2.2+)

47. GPUImage for Android @Override public void onCreate(final Bundle savedInstanceState) {

    super.onCreate(savedInstanceState); setContentView(R.layout.activity); # Uri imageUri = Uri.parse(“http://i.imgur.com/4rBHm4Q.jpg”); mGPUImage = new GPUImage(this); mGPUImage.setImage(imageUri); mGPUImage.setFilter(new GPUImageToonFilter()); # mGPUImage.saveToPictures(mGPUImage, “sample.jpg”, null); }

48. Fresco by Facebook

49. Fresco • streaming of progressive JPEGs • Gif, WebP support

    • Loading customization

50. Fresco <com.facebook.drawee.view.SimpleDraweeView android:id="@+id/my_image_view" android:layout_width="200dp" android:layout_height="200dp" fresco:fadeDuration="300" fresco:actualImageScaleType="focusCrop" fresco:placeholderImage="@color/wait_color" fresco:placeholderImageScaleType="fitCenter" fresco:failureImage="@drawable/error"

    fresco:failureImageScaleType="centerInside" fresco:retryImage="@drawable/retrying" fresco:retryImageScaleType="centerCrop" fresco:progressBarImage="@drawable/progress_bar" fresco:progressBarImageScaleType="centerInside" fresco:progressBarAutoRotateInterval="1000" fresco:backgroundImage="@color/blue" fresco:overlayImage="@drawable/watermark" fresco:pressedStateOverlayImage="@color/red" fresco:roundAsCircle="false" fresco:roundedCornerRadius="1dp" fresco:roundTopLeft="true" fresco:roundTopRight="false" fresco:roundBottomLeft="false" fresco:roundBottomRight="true" fresco:roundWithOverlayColor="@color/corner_color" fresco:roundingBorderWidth="2dp" fresco:roundingBorderColor=“@color/border_color"/>

51. OutOfMemoryError

52. ࠷ޙͷखஈ

53. android:largeHeap=“true"

54. largeHeap == true? • Google+ • Amazon Kindle • Facebook

    • Hulu • Tumblr • Youtube • Ameba Ownd

55. Wasabeef

56. Thanks.