新手学习之点击gridview切换图片,以及图片的显示和隐藏
2013-12-05 11:03
513 查看
先用一张图来显示效果:
从图中可以看到,点击gridview的一个item后出现黄色边框,播放按钮,以及五角星会变。下面看具体代码:
1.在gridview的adapter中设置标识显示的item:
private int clickTemp = -1;
// 标识选择的Item
public void setSeclection(int position) {
clickTemp = position;
}
2.在getview中设置点击操作
// 点击后设置边框颜色
if (clickTemp == position) {
convertView.setBackgroundResource(R.drawable.corner3);
//播放按钮点击显示,不点击隐藏
viewHolder.play.setVisibility(View.VISIBLE);
//收藏按钮的改变
viewHolder.love1.setVisibility(View.INVISIBLE);
viewHolder.love2.setVisibility(View.VISIBLE);
} else {
convertView.setBackgroundColor(Color.TRANSPARENT);
viewHolder.play.setVisibility(View.INVISIBLE);
viewHolder.love1.setVisibility(View.VISIBLE);
viewHolder.love2.setVisibility(View.INVISIBLE);
}
3.在gridview的点击操作中设置事件
gridView.setOnItemClickListener(new OnItemClickListener()
{
public void onItemClick(AdapterView<?> parent, View v, int position, long id)
{
// Toast.makeText(MainActivity.this, "pic" + (position), Toast.LENGTH_SHORT).show();
adapter.setSeclection(position);
adapter.notifyDataSetChanged();
}
});
这样就好了,需要源码的可以在我的资源中下载。
从图中可以看到,点击gridview的一个item后出现黄色边框,播放按钮,以及五角星会变。下面看具体代码:
1.在gridview的adapter中设置标识显示的item:
private int clickTemp = -1;
// 标识选择的Item
public void setSeclection(int position) {
clickTemp = position;
}
2.在getview中设置点击操作
// 点击后设置边框颜色
if (clickTemp == position) {
convertView.setBackgroundResource(R.drawable.corner3);
//播放按钮点击显示,不点击隐藏
viewHolder.play.setVisibility(View.VISIBLE);
//收藏按钮的改变
viewHolder.love1.setVisibility(View.INVISIBLE);
viewHolder.love2.setVisibility(View.VISIBLE);
} else {
convertView.setBackgroundColor(Color.TRANSPARENT);
viewHolder.play.setVisibility(View.INVISIBLE);
viewHolder.love1.setVisibility(View.VISIBLE);
viewHolder.love2.setVisibility(View.INVISIBLE);
}
3.在gridview的点击操作中设置事件
gridView.setOnItemClickListener(new OnItemClickListener()
{
public void onItemClick(AdapterView<?> parent, View v, int position, long id)
{
// Toast.makeText(MainActivity.this, "pic" + (position), Toast.LENGTH_SHORT).show();
adapter.setSeclection(position);
adapter.notifyDataSetChanged();
}
});
这样就好了,需要源码的可以在我的资源中下载。
相关文章推荐
- 黑马程序员之WinForm编程基础学习笔记:页面上有一张图片,默认是隐藏的,用户在文本框中输入身份证号(131226198105223452),点击按钮,如果年龄大于18岁则显示图片。
- jQuery学习_动作效果(隐藏、显示、切换,滑动,淡入淡出,以及动画)
- Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
- jquery学习笔记----隐藏、显示、切换,滑动,淡入淡出,以及动画
- 原生JS实现隐藏显示图片 JS实现点击切换图片效果
- Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
- Jquery实现点击切换图片并隐藏显示内容
- OpenCV学习(一):图片的读取显示以及鼠标点击事件的设置
- modalDialog的使用,图片切换,点击图片时打开一个窗体,并显示信息
- javascript点击按钮实现隐藏显示切换效果
- android 点击 textview 显示和隐藏 的切换
- UIScrollView+UIPageControl+NSTimer实现图片的自动滑动以及用户可手动切换,UIPageControl可点击
- Gallery的应用以及点击显示点击的是第几张图片
- ThickBox学习之一 ThickBox介绍以及单图片显示示例
- JavaScript基础 显示/隐藏效果 点击图片,DIV显示,图片更换,点击更换后的图片,DIV隐藏
- jquery点击后显示隐藏切换
- Android GridView之实现单元格合并,以及第一个item点击无响应或显示不正常的解决方案
- 在pc端四个小图标显示,在手机端,只有一个小图标,点击小图标,四个小图标出来,再点击,四个小图片隐藏?
- javascript点击按钮实现隐藏显示切换效果
- android edittext点击图片显示隐藏密码