Blur Effects with GPUBlurImageView

Looking for a high performance way to apply Blur effects? The latest release of the Ti.Blur module provides the new high performance GPUBlurImageView component. GPUBlurImageView is an extended version of the Ti.UI.ImageView with one extra property, blur. Through this single property you can apply iOS, Box, or Gaussian blur effects.

Initial tests show a 50% performance improvement over the prior Ti.BlurView blur functionality. If you have a retina display on your mac you will find the GPUBlurImageView renders faster on device then in the simulator due to the number of pixels being rendered.

iOS Blur Code Example:


var mod = require('bencoding.blur');

var imageView = mod.createGPUBlurImageView({
    height:Ti.UI.FILL, width:Ti.UI.FILL,
    image:"42553_m.jpg",
    blur:{
        type:mod.IOS_BLUR, radiusInPixels:1
    }
});