文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android Listview点赞问题关于图片重复问题

2022-06-06 06:53

关注

《最近做一个小功能遇到这么一个问题,listview 与 baseadapter结合使用,关于点赞的的时候 图片重复问题,比如:我在第1个item 点赞然后 心型换成了红色,但是以后每隔几个item就会出现一个红色的心,响应事件是对的,不知道哪出的问题,请大神解答”》

上面是一小哥在论坛中发的帖子遇到的问题,跟我遇到的问题一样,下面有很多热心的评论哥们给出了思路,我一想,原来这么简单啊。

先给出实现代码,最后再来讲思路好了。

这篇博客我重新编辑了一次,加上了动画和收藏的效果,评论的哥们说收藏和点赞不能同时进行,图片会错乱,我给了他思路,他还是没实现,哎,我还是再来一遍,修改修改吧,博主真是关心大家啊

效果图

MainActivity.java


public class MainActivity extends Activity {
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    //模拟的数据内容集合
    List<ContentBean> data = new ArrayList<ContentBean>();
    for (int i = 0; i < 15; i++) {
      ContentBean bean = new ContentBean();
      // 默认都给他们赋值当前都没有点赞
      bean.setZanFocus(false);
      bean.setZanNum(i);
      // 默认都给他们赋值当前都没有收藏
      bean.setShoucanFocus(false);
      bean.setShoucanNum(i);
      data.add(bean);
    }
    ListView listview = (ListView) findViewById(R.id.listview);
    listview.setAdapter(new MyAdapter(this,data));
  }
main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context="com.example.zan.MainActivity" >
  <ListView
    android:id="@+id/listview"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
  </ListView>
</RelativeLayout>
ContentBean.java
public class ContentBean {
  private boolean zanFocus, shoucanFocus;
  private int zanNum, shoucanNum;
  public boolean isShoucanFocus() {
    return shoucanFocus;
  }
  public void setShoucanFocus(boolean shoucanFocus) {
    this.shoucanFocus = shoucanFocus;
  }
  public int getShoucanNum() {
    return shoucanNum;
  }
  public void setShoucanNum(int shoucanNum) {
    this.shoucanNum = shoucanNum;
  }
  public boolean isZanFocus() {
    return zanFocus;
  }
  public void setZanFocus(boolean zanFocus) {
    this.zanFocus = zanFocus;
  }
  public int getZanNum() {
    return zanNum;
  }
  public void setZanNum(int zanNum) {
    this.zanNum = zanNum;
  }
}
MyAdapter.java
public class MyAdapter extends BaseAdapter {
  List<ContentBean> data = new ArrayList<ContentBean>();
  Context context;
  public MyAdapter(Context context, List<ContentBean> data) {
    this.context = context;
    this.data = data;
  }
  @Override
  public int getCount() {
    return data.size();// 返回20条数据
  }
  @Override
  public Object getItem(int arg0) {
    return data.get(arg0);
  }
  @Override
  public long getItemId(int position) {
    // TODO Auto-generated method stub
    return position;
  }
  @Override
  public View getView(final int position, View convertView, ViewGroup parent) {
      final ViewHolder holder;
    final ContentBean bean = data.get(position);
    if (convertView == null) {
      convertView = LayoutInflater.from(context).inflate(R.layout.item,
          parent, false);
      holder = new ViewHolder();
      holder.zan_img = (ImageView) convertView.findViewById(R.id.zan_img);
      holder.zan_num = (TextView) convertView.findViewById(R.id.zan_num);
      holder.shoucan_img = (ImageView) convertView.findViewById(R.id.shoucan_img);
      holder.shoucan_num = (TextView) convertView.findViewById(R.id.shoucan_num);
      convertView.setTag(holder);
    } else {
      holder = (ViewHolder) convertView.getTag();
    }
    // 取出bean中当记录状态是否为true,是的话则给img设置focus点赞图片
    if (bean.isZanFocus()) {
      holder.zan_img.setImageResource(R.drawable.zan_focus);
    } else {
      holder.zan_img.setImageResource(R.drawable.zan_release);
    }
    // 取出bean中当记录状态是否为true,是的话则给img设置release收藏图片
    if (bean.isShoucanFocus()) {
      holder.shoucan_img.setImageResource(R.drawable.shoucang_focus);
    } else {
      holder.shoucan_img.setImageResource(R.drawable.shoucang_release);
    }
    // 设置赞的数量
    holder.zan_num.setText(bean.getZanNum() + "");
    //设置收藏的数量
    holder.shoucan_num.setText(bean.getShoucanNum()+"");
    holder.zan_img.setOnClickListener(new OnClickListener() {
      @Override
      public void onClick(View v) {
        // 获取上次是否已经被点击
        boolean flag = bean.isZanFocus();
        // 判断当前flag是点赞还是取消赞,是的话就给bean值减1,否则就加1
        if (flag) {
          bean.setZanNum(bean.getZanNum() - 1);
        } else {
          bean.setZanNum(bean.getZanNum() + 1);
        }
        // 反向存储记录,实现取消点赞功能
        bean.setZanFocus(!flag);
        AnimationTools.scale(holder.zan_img);
      }
    });
    holder.shoucan_img.setOnClickListener(new OnClickListener() {
      @Override
      public void onClick(View v) {
        // 获取上次是否已经被点击
        boolean flag = bean.isShoucanFocus();
        // 判断当前flag是收藏还是取收藏,是的话就给bean值减1,否则就加1
        if (flag) {
          bean.setShoucanNum(bean.getShoucanNum() - 1);
        } else {
          bean.setShoucanNum(bean.getShoucanNum() + 1);
        }
        // 反向存储记录,实现取消收藏功能
        bean.setShoucanFocus(!flag);
        //动画
        AnimationTools.scale(holder.shoucan_img);
      }
    });
    return convertView;
  }
  private class ViewHolder {
    private ImageView zan_img,shoucan_img;
    private TextView zan_num,shoucan_num;
  }
}
item.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="50dp"
  android:gravity="center"
  android:orientation="horizontal" >
  <ImageView
    android:id="@+id/zan_img"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
   />
  <TextView
    android:id="@+id/zan_num"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    />
</LinearLayout>
AnimationTools.java
public class AnimationTools {
  public static void scale(View v) {
    ScaleAnimation anim = new ScaleAnimation(1.0f, 1.5f, 1.0f, 1.5f,
        Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
        0.5f);
    anim.setDuration(300);
    v.startAnimation(anim);
  }
}

代码其实很简单,稍作理解还是很容易弄懂的,我们在listview更新item中的数据的时候,一定要明白一个道理,不要在item的view中直接更改数据(刚开始做的时候我就是直接holder.zan_img.setImageResource(资源图片),发现往下滑动的时候,上一次的触摸记录被下面的item给复用了,造成了数据的混乱),不然会造成数据的混乱,要是明白的listview的工作原理的话,可能会更清楚的明白,listview每次加载的数据是当前屏幕的一屏数据(其实我了解的不多,但是在打印log的时候,发现log出来初始化的数据就是一屏的数据),当你如果直接去改变view的样式的话,你触摸的当前item会被下面还未出现的item给复用掉,我是这样理解的=-=。

您可能感兴趣的文章:简单实用的Android UI微博动态点赞效果Android 仿微信朋友圈点赞和评论弹出框功能Android项目开发 教你实现Periscope点赞效果Android中Listview点赞功能的实现Android实现点赞动画(27)Android中使用PopupWindow 仿微信点赞和评论弹出Android PraiseTextView实现朋友圈点赞功能Android实现朋友圈点赞列表Android高级UI特效仿直播点赞动画效果Android控件FlowLikeView实现点赞动画


阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯