实现GridView中ImageView动态变换的方法

这篇文章主要介绍了Android实现GridView中ImageView动态变换的方法,以实例形式较为详细的分析了GridView中ImageView动态变换的页面布局及功能实现相关技巧,需要的朋友可以参考下

本文实例讲述了Android实现GridView中ImageView动态变换的方法。分享给大家供大家参考。具体如下：

使用YY影音的时候，发现点击GridView的某一个Item，Item里面的图标会在按下的时候发生变换，变成另外一个图片。

自己写了一个类似的demo，具体步骤如下：

1、创建一个包含Grid的Acitity
2、创建item.xml 里面包含一个imageview和一个textview
3、自定义一个adapter，从baseadapter继承
4、在getView中为每个imageView添加setOnTouchListener

代码入下：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116

MainActivity.java package com.mygriddemo; import java.util.ArrayList; import android.app.Activity; import android.content.Context; import android.content.Intent; import android.content.res.Resources; import android.graphics.drawable.Drawable; import android.os.Bundle; import android.util.Log; import android.view.LayoutInflater; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener; import android.view.ViewGroup; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.BaseAdapter; import android.widget.GridView; import android.widget.ImageButton; import android.widget.ImageView; import android.widget.TextView; import android.widget.Toast; public class MainActivity extends Activity {   /** Called when the activity is first created. */   private GridView gv;   @Override   public void onCreate(Bundle savedInstanceState) {    super .onCreate(savedInstanceState);    setContentView(R.layout.main);    gv = (GridView) findViewById(R.id.mygrid);    AddAdapter addadapter = new AddAdapter( this );    gv.setAdapter(addadapter);   }   public class AddAdapter extends BaseAdapter {    private final LayoutInflater mInflater;    private final ArrayList<ListItem> mItems = new ArrayList<ListItem>(); //  public static final int ITEM_SHORTCUT = 0; //  public static final int ITEM_APPWIDGET = 1; //  public static final int ITEM_LIVE_FOLDER = 2; //  public static final int ITEM_WALLPAPER = 3;    /**     * Specific item in our list.     */    public class ListItem {     public final CharSequence text;     public final Drawable image;     //public final int actionTag;     public final Drawable touchimage;     //, int actionTag     public ListItem(Resources res, int textResourceId, int imageResourceId, int touchImageResourceId) {      text = res.getString(textResourceId);      if (imageResourceId != - 1 ) {       image = res.getDrawable(imageResourceId);      } else {       image = null ;      }      if (touchImageResourceId != - 1 ) {       touchimage = res.getDrawable(touchImageResourceId);      } else {       touchimage = null ;      }     }    }    public AddAdapter(MainActivity launcher) {     super ();     mInflater = (LayoutInflater) launcher.getSystemService(Context.LAYOUT_INFLATER_SERVICE);     // Create default actions     Resources res = launcher.getResources();     mItems.add( new ListItem(res, R.string.item1,       R.drawable.item1, R.drawable.item1back));     mItems.add( new ListItem(res, R.string.item2,       R.drawable.item2, R.drawable.item2back));     mItems.add( new ListItem(res, R.string.item3,       R.drawable.item3, R.drawable.item3back));     mItems.add( new ListItem(res, R.string.item4,       R.drawable.item4, R.drawable.item4back));    }    public View getView( int position, View convertView, ViewGroup parent) {     final ListItem item = (ListItem) getItem(position);     if (convertView == null ) {      convertView = mInflater.inflate(R.layout.grid_item, parent, false );     }     final TextView textView = (TextView) convertView; //.findViewById(R.id.mygrid);     textView.setTag(item);     textView.setText(item.text);     textView.setCompoundDrawablesWithIntrinsicBounds( null , item.image, null , null );     textView.setOnTouchListener( new OnTouchListener(){      public boolean onTouch(View arg0, MotionEvent arg1) {       // TODO Auto-generated method stub       if (arg1.getAction() == MotionEvent.ACTION_DOWN){        Log.d( "WeatherWidget" , MotionEvent.ACTION_DOWN+ "" );        textView.setCompoundDrawablesWithIntrinsicBounds( null , item.touchimage, null , null );       }       else if (arg1.getAction() == MotionEvent.ACTION_UP) {        Log.d( "WeatherWidget" , arg1.getAction()+ "" );        textView.setCompoundDrawablesWithIntrinsicBounds( null , item.image, null , null );        Intent i = new Intent(MainActivity. this ,Page1Activity. class );        startActivity(i);       }       return true ;      }     });     return convertView;    }    public int getCount() {     return mItems.size();    }    public Object getItem( int position) {     return mItems.get(position);    }    public long getItemId( int position) {     return position;    }   } }

main.xml代码：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<? 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"   > < GridView android:id = "@+id/mygrid"   android:layout_width = "fill_parent"   android:layout_height = "fill_parent"   android:numColumns = "2"   android:verticalSpacing = "10dip"   android:horizontalSpacing = "10dip"   android:stretchMode = "columnWidth"   android:gravity = "center" > </ GridView > </ LinearLayout >

griditem.xml代码：

?

1 2 3 4 5 6 7 8 9 10 11 12

<? xml version = "1.0" encoding = "utf-8" ?> <? xml version = "1.0" encoding = "utf-8" ?> < TextView xmlns:android = "http://schemas.android.com/apk/res/android"   android:layout_width = "wrap_content"   android:layout_height = "wrap_content"   android:minHeight = "?android:attr/listPreferredItemHeight"   android:layout_centerHorizontal = "true"   android:drawablePadding = "14dip"   android:paddingLeft = "15dip"   android:paddingRight = "15dip"   android:gravity = "center_horizontal"   />