How to make a glow effect in my images?

Question

I created a simple gridview application. Now I want to create a glow effect for my images, please help me how to create a glow effect for images with images in gird? if anyone knows please give me some idea and sample code ....

This is my current screenshot:

And this is my expected glow effect effect:

source:

main.xml:

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello" /> <GridView android:id="@+id/gridview" android:layout_width="fill_parent" android:layout_height="fill_parent" android:numColumns="auto_fit" android:verticalSpacing="10dp" android:horizontalSpacing="10dp" android:columnWidth="90dp" android:stretchMode="columnWidth" android:gravity="center" /> </LinearLayout> 

GridviewExampleActivity.java

 public class GridviewExampleActivity extends Activity { public void onCreate(Bundle savedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.main); GridView gridview = (GridView) findViewById(R.id.gridview); gridview.setAdapter(new ImageAdapter(this)); } public class ImageAdapter extends BaseAdapter{ private Context mContext; public ImageAdapter(Context c){ mContext = c; } public int getCount() { return mThumbIds.length; } public Object getItem(int position) { return null; } public long getItemId(int position) { return 0; } // create a new ImageView for each item referenced by the Adapter public View getView(int position, View convertView, ViewGroup parent) { ImageView imageView; if (convertView == null) { imageView = new ImageView(mContext); imageView.setLayoutParams(new GridView.LayoutParams(85, 85)); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setPadding(8, 8, 8, 8); } else { imageView = (ImageView) convertView; } imageView.setImageResource(R.drawable.icon); return imageView; } private Integer[] mThumbIds = { R.drawable.icon, R.drawable.icon, R.drawable.icon, R.drawable.icon, R.drawable.icon, R.drawable.icon, R.drawable.icon, R.drawable.icon, R.drawable.icon, R.drawable.icon}; } } 

Glow effect screen effect:! [enter image description here] [3]

Answer 1

You can use the following code to make each image in your custom view shine

the getView () function of the image adapter should look like this:

 public View getView(int position, View convertView, ViewGroup parent) { ImageView imageView; if (convertView == null) { imageView = new ImageView(mContext); imageView.setLayoutParams(new GridView.LayoutParams(85, 85)); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setPadding(8, 8, 8, 8); } else { imageView = (ImageView) convertView; Bitmap Image=BitmapFactory.decodeResource(mContext.getResources(),mThumbIds[position]); Image=Image.copy(Bitmap.Config.ARGB_8888,true); Paint paint=new Paint(); paint.setDither(true); paint.setFilterBitmap(true); Bitmap glow=BitmapFactory.decodeResource(mContext.getResources(), R.drawable.glow_image); Bitmap bitmap=Bitmap.createBitmap(Image.getWidth(),Image.getHeight(), Config.ARGB_8888); Canvas canvas=new Canvas(bitmap); canvas.drawBitmap(glow, new Rect(0,0,glow.getWidth(),glow.getHeight()), new Rect(0,0,Image.getWidth(),Image.getHeight()),paint); canvas.drawBitmap(Image, new Rect(0,0,Image.getWidth(),Image.getHeight()), new Rect(0+5,0+5,Image.getWidth()-5,Image.getHeight()-5),paint); imageView.setImageBitmap(bitmap); return imageView; } 

R.drawable.glow_image is a PNG image that you can use as a growth effect image

Glow.png

Answer 2

check this link ... custom selector

or just you can use this

  <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:drawable="@drawable/pressedback" /> <item android:state_focused="true" android:drawable="@drawable/focusedback" /> <item android:state_selected="true" android:drawable="@drawable/focusedback" /> </selector>