这篇文章主要介绍了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"
?>
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"
?>
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"
/>
|