服务器之家

服务器之家 > 正文

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

时间:2021-04-04 16:36     来源/作者:白羽雕弓

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

使用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"
 />

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

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部