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

 更新时间:2015年10月15日 15:04:21   作者:白羽雕弓  
这篇文章主要介绍了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

代码入下:

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代码:

<?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代码:

<?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"
 />

希望本文所述对大家的Android程序设计有所帮助。

相关文章

  • Android实现系统级悬浮按钮

    Android实现系统级悬浮按钮

    这篇文章主要为大家详细介绍了Android实现系统级悬浮按钮的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • Android通过自定义ImageView控件实现图片的缩放和拖动的实现代码

    Android通过自定义ImageView控件实现图片的缩放和拖动的实现代码

    通过自定义ImageView控件,在xml布局里面调用自定的组件实现图片的缩放。下面给大家分享实现代码,感兴趣的朋友一起看看吧
    2016-10-10
  • Android 自定义弹出框实现代码

    Android 自定义弹出框实现代码

    这篇文章主要介绍了Android 自定义弹出框实现代码的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • 基于Android实现一个常用的布局吸顶效果

    基于Android实现一个常用的布局吸顶效果

    这篇文章给大家介绍一个布局吸顶效果,一般出现在内容较长页面还嵌套着分类页面的情况,比如电商的详情页嵌套分类,在页面滑动到tab的时候我们希望tab还能保留在页面顶部而不被顶上去,文中有详细的代码示例,需要的朋友可以参考下
    2023-09-09
  • android studio 3.0 升级 项目遇到的问题及更改思路(问题小结)

    android studio 3.0 升级 项目遇到的问题及更改思路(问题小结)

    Android Studio从3.0版本新增了许多功能,当然首当其冲就是从3.0版本新增了对 Kotlin 开发语言的支持,除此之外还有其他一些新功能。很多小伙伴在android studio 3.0 升级项目遇到很多问题,下面小编给大家分享一些问题小结及解决办法,一起看看吧
    2017-11-11
  • Android开发实现去除bitmap无用白色边框的方法示例

    Android开发实现去除bitmap无用白色边框的方法示例

    这篇文章主要介绍了Android开发实现去除bitmap无用白色边框的方法,结合实例形式给出了Android去除bitmap无用白色边框的具体操作步骤与相关实现技巧,需要的朋友可以参考下
    2017-11-11
  • Android自定义钟表特效

    Android自定义钟表特效

    这篇文章主要为大家详细介绍了Android自定义钟表特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • android 震动和提示音的实现代码

    android 震动和提示音的实现代码

    这篇文章主要介绍了android 震动和提示音的实现代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • Android底部导航组件BottomNavigationView

    Android底部导航组件BottomNavigationView

    这篇文章主要介绍了Android底部导航组件BottomNavigationView,BottomNavigationView是相当于一个导航的标签,但是它的形式就是像QQ微信之类的界面,至于写出后怎样绑定这三个界面,就得用Fragment,写这三个页面的布局
    2023-03-03
  • Android自定义wheelview实现滚动日期选择器

    Android自定义wheelview实现滚动日期选择器

    这篇文章主要为大家详细介绍了Android自定义wheelview实现滚动日期选择器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07

最新评论