Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • How to blur background image using BitMap?

    @rajshekhar.tiwari
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 388
    Comment on it

     In the below example code I have created blur background image function. In activity_main.xml layout I have added a Button and ImageView.

    Now see programming area, here I have used Bitmap class. When a user clicks on button background image will get blur easily without any delay in time.
     See below code I have Completely described "to blur background image with using BitMap".


    Step(1)-activity_main.xml-

    1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    2.     xmlns:tools="http://schemas.android.com/tools"
    3.     android:layout_width="match_parent"
    4.     android:layout_height="match_parent"
    5.     android:orientation="vertical"
    6.  
    7.     android:id="@+id/relative"
    8.     tools:context="com.example.androidimageview.MainActivity">
    9.  
    10.  
    11.         <Button
    12.             android:id="@+id/btn"
    13.             android:text="Click"
    14.             android:gravity="center"
    15.             android:layout_width="wrap_content"
    16.             android:layout_height="wrap_content" />
    17.     
    18.     <ImageView
    19.  
    20.         android:id="@+id/image"
    21.         android:layout_width="fill_parent"
    22.         android:layout_height="fill_parent"/>
    23.  
    24. </RelativeLayout>

     

    Step(2)-MainActivity-

    1. public class MainActivity extends ActionBarActivity  {
    2.     ImageView imageView;
    3.     Button button;
    4.     Bitmap bitmapOriginal;
    5.     View view;
    6.  
    7.     RelativeLayout relativeLayout;
    8.     @Override
    9.     protected void onCreate(Bundle savedInstanceState) {
    10.         super.onCreate(savedInstanceState);
    11.         setContentView(R.layout.activity_main);
    12.         imageView=(ImageView)findViewById(R.id.image);
    13.         button=(Button)findViewById(R.id.btn);
    14.         relativeLayout=(RelativeLayout)findViewById(R.id.relative);
    15.         bitmapOriginal= BitmapFactory.decodeResource(getResources(),R.drawable.img);
    16.    
    17.         imageView.setBackground(getDrawable(R.drawable.one));
    18.  
    19.  
    20.         button.setOnClickListener(new Button.OnClickListener() {
    21.             @Override
    22.             public void onClick(View v) {
    23.  
    24.                BitmapDrawable ob = new BitmapDrawable(getResources(), blur(bitmapOriginal));
    25.                 imageView.setBackground(ob);
    26.                 imageView.setImageDrawable(ob);
    27.           }
    28.       });
    29.  
    30.  
    31.     }
    32.      //image effect
    33.      private static final float BITMAP_SCALE = 0.4f;
    34.     private static final float BLUR_RADIUS = 7.5f;
    35.  
    36.     public Bitmap blur(Bitmap image) {
    37.  
    38.         int width = Math.round(image.getWidth() * BITMAP_SCALE);
    39.         int height = Math.round(image.getHeight() * BITMAP_SCALE);
    40.  
    41.         Bitmap inputBitmap = Bitmap.createScaledBitmap(image, width, height, false);
    42.         Bitmap outputBitmap = Bitmap.createBitmap(inputBitmap);
    43.  
    44.        //using RenderScript class
    45.         RenderScript rs = RenderScript.create(this);
    46.         ScriptIntrinsicBlur theIntrinsic = ScriptIntrinsicBlur.create(rs, Element.U8_4(rs));
    47.         Allocation tmpIn = Allocation.createFromBitmap(rs, inputBitmap);
    48.         Allocation tmpOut = Allocation.createFromBitmap(rs, outputBitmap);
    49.         theIntrinsic.setRadius(BLUR_RADIUS);
    50.         theIntrinsic.setInput(tmpIn);
    51.         theIntrinsic.forEach(tmpOut);
    52.         tmpOut.copyTo(outputBitmap);
    53.  
    54.         return outputBitmap;
    55.  
    56.     }
    57. }
    58.  
    59.  
    Android Bitmap RenderScript blur image
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: