局部刷新ListView，实现点赞功能

落日映苍穹つ 2022-08-21 00:20 211阅读 0赞

今天看到一个需要实现一个点赞的功能。自己想没想明白，后来看了http://blog.csdn.net/nupt123456789/article/details/39432781 这篇博客，才有了思路。特意感谢  
  
  
这是我要用的ListView的item。要给ListView设置单个刷新，实现点击事件。  
1.布局  （不要问我为什么是绝对布局，，我开心）  
<?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="wrap\_content"  
    android:background="\#ffffff"  
    android:orientation="vertical" >  
    <AbsoluteLayout  
        android:layout\_width="match\_parent"  
       android:layout\_height="wrap\_content"  
        >  
         
         <TextView  
             android:id="@+id/username"  
             android:layout\_width="350px"  
             android:layout\_height="40px"  
             android:layout\_x="110px"  
             android:layout\_y="25px"  
             android:text="用户名"  
             android:textSize="30px"  
             android:gravity="bottom"  
             android:textColor="\#000000"  
             ></TextView>  
  
  
          
         <ImageView  
             android:id = "@+id/image\_praise"  
             android:layout\_width ="30px"  
             android:layout\_height = "30px"  
             android:layout\_y = "30px"  
             android:layout\_x = "500px"  
             android:scaleType="fitXY"  
             android:src="@drawable/icon\_comments\_praise\_un"  
             ></ImageView>  
    </AbsoluteLayout>  
</LinearLayout>  
  
  
2.老样子，在你的Adapter里面老样子写就是啦。  
public class CommentAdapter extends BaseAdapter \{  
  
  
    private Context context;  
    private ArrayList<CommentItem> items;  
  
  
  
  
    public CommentAdapter(Context context, ArrayList<CommentItem> items) \{  
        this.context = context;  
        this.items = items;  
    \}  
  
  
    @Override  
    public int getCount() \{  
        return items.size();  
    \}  
  
  
    @Override  
    public Object getItem(int position) \{  
        return null;  
    \}  
  
  
    @Override  
    public long getItemId(int position) \{  
        return 0;  
    \}  
  
  
    @Override  
    public View getView(final int position, View convertView, ViewGroup parent) \{  
        ViewHolder holder = null;  
        if (convertView == null) \{  
            holder = new ViewHolder();  
            convertView = LayoutInflater.from(context).inflate(R.layout.mymessage\_item, null);  
            holder.image\_praise = (ImageView) convertView.findViewById(R.id.image\_praise);  
            convertView.setTag(holder);  
        \} else \{  
            holder = (ViewHolder) convertView.getTag();  
        \}  
  
  
        //没有点击时的手指是灰色手指图片  
        holder.image\_praise.setImageBitmap(common.readBitMapJpg(context, R.drawable.icon\_comments\_praise));  
        final ViewHolder finalHolder = holder;  
        //给你点赞的控件设置点击事件  
        View.OnTouchListener listener = new View.OnTouchListener() \{  
            private boolean image\_record\_out;  
  
  
            @Override  
            public boolean onTouch(View arg0, MotionEvent arg1) \{  
                switch (arg1.getAction()) \{  
                    case MotionEvent.ACTION\_DOWN:  
                        switch (arg0.getId()) \{  
                            case R.id.image\_praise:  
                                image\_record\_out = false;  
                                finalHolder.image\_praise.setAlpha(0.5f);  
                                break;  
                        \}  
                        break;  
                    case MotionEvent.ACTION\_MOVE:  
                        switch (arg0.getId()) \{//手指一旦离开点赞的控件，就把点击事件取消  
                            case R.id.image\_praise:  
                                int x = (int) arg1.getX();  
                                int y = (int) arg1.getY();  
                                if (x < 0 || y < 0 || x > finalHolder.image\_praise.getWidth() || y > finalHolder.image\_praise.getHeight()) \{  
                                    image\_record\_out = true;  
                                \}  
                                break;  
                        \}  
                        break;  
                    case MotionEvent.ACTION\_UP:  
                        switch (arg0.getId()) \{  
                            case R.id.image\_praise://点赞  
                                finalHolder.image\_praise.setAlpha(1.0f);  
                                if (!image\_record\_out) \{  
                                    //这里开始啦  
                                    // 得到你点击的item的position；然后请求你的网络接口，你会问这个网络接口是啥子，这么说：写后台那个人给你写的网络接口。  
                                    // commentAttention这个就是我调用网络接口的方法，我这里就直接强转了。  
                                    // commentAttention方法就在InformationActivity类里面  
                                    ((InformationActivity) context).commentAttention(position);  
                                \}  
                                break;  
                        \}  
                        break;  
                    case MotionEvent.ACTION\_CANCEL:  
                        switch (arg0.getId()) \{  
                            case R.id.image\_praise:  
                                finalHolder.image\_praise.setAlpha(1.0f);  
                                break;  
                        \}  
                \}  
                return true;  
            \}  
        \};  
        holder.image\_praise.setOnTouchListener(listener);  
        return convertView;  
    \}  
  
  
    public static class ViewHolder \{  
        public ImageView image\_praise;  
    \}  
\}  
  
  
3.当你请求网络接口成功后，就可以调用这个方法了，这里注意一下，你请求网络接口的时候肯定是在子线程里面。子线程是不能更新UI的。  
//实现单个item刷新  参数就是adapter里面传过来的你点击的哪一个ListView的position  
private void updateZan(int position) \{  
    //得到你屏幕上第一个显示的item  
    int firstVisiblePosition = listView.getFirstVisiblePosition();  
    //得到你屏幕上最后一个显示的item  
    int lastVisiblePosition = listView.getLastVisiblePosition();  
    if (position >= firstVisiblePosition && position <= lastVisiblePosition) \{  
        //得到你点击的item的view  
        View view = listView.getChildAt(position - firstVisiblePosition);  
        if (view.getTag() instanceof CommentAdapter.ViewHolder) \{  
            //拿到view的Tag,强转成CommentAdapter的ViewHolder  
            CommentAdapter.ViewHolder holder = (CommentAdapter.ViewHolder) view.getTag();  
            if (!isComment) \{// 这里我用了一个变量来控制，点第一次时，点赞成功，点赞控件显示蓝色的图标，  
                             // 点击第二次时，取消点赞，点赞控件显示灰色的图标。  
                isComment = true;  
                holder.image\_praise.setImageBitmap(common.readBitMapJpg(this, R.drawable.icon\_comments\_praise\_un));  
            \} else \{  
                isComment = false;  
                holder.image\_praise.setImageBitmap(common.readBitMapJpg(this, R.drawable.icon\_comments\_praise));  
            \}  
        \}  
    \}  
\}  
  
  
如果有什么我还说的不明白，请加群：305156665，我们一起学习讨论