ToggleButton里面有一个奇怪的ListView行为

时间:2013-05-29 18:35:04

标签: android android-listview togglebutton

我正在开发一个带有照片的列表视图,在这张照片下面我有1个普通按钮和1个切换按钮。 我希望这个切换按钮像一个Like按钮 - 如果我点击一个i增加当前的照片数量,如果我再次点击按钮我减少喜欢的数量。

以下是此代码:

private View.OnClickListener likeBtnClickListener = new View.OnClickListener()
    {
        @Override
        public void onClick(View view)
        {
            if(likeBtn.isChecked())
            {
                likeBtn.setBackgroundDrawable(getContext().getResources().getDrawable(R.drawable.heart));
                likeBtn.setChecked(false);
                if(Integer.parseInt(likeBtn.getTextOff().toString())>0)
                {
                    likeBtn.setTextOff(String.valueOf(Integer.parseInt(likeBtn.getTextOn().toString())-1));
                }
                Log.e(String.valueOf(view.getTag()), "isChecked");
            }
            else
            {
                likeBtn.setBackgroundDrawable(getContext().getResources().getDrawable(R.drawable.heart_on));
                likeBtn.setChecked(true);
                likeBtn.setTextOn(String.valueOf(Integer.parseInt(likeBtn.getTextOff().toString())+1));
                Log.e(String.valueOf(view.getTag()), "!!isChecked");
            }
        }
    };

这是我的适配器的getView方法:

public View getView(int position, View convertView, ViewGroup parent)
    {
        View view = convertView;

        if(view == null)
        {
            LayoutInflater inflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            view = inflater.inflate(R.layout.photo_view_cell, null);
        }

        Photo dData = data.get(position);
        if(dData!=null)
        {
            ImageView profileImg = (ImageView) view.findViewById(R.id.profile_img);
            TextView username = (TextView) view.findViewById(R.id.name);
            ImageView photoImage = (ImageView) view.findViewById(R.id.image);
            TextView date = (TextView) view.findViewById(R.id.date);
            likeBtn = (ToggleButton) view.findViewById(R.id.likesBtn);
            ToggleButton commentBtn = (ToggleButton) view.findViewById(R.id.commentsBtn);

            int noLikes = dData.getNoLikes();
            if(noLikes>0)
            {
                likeBtn.setChecked(true);
                likeBtn.setBackgroundDrawable(getContext().getResources().getDrawable(R.drawable.heart_on));
                likeBtn.setTextOn(String.valueOf(noLikes));
                likeBtn.setTextOff(String.valueOf(noLikes));
            }
            else
            {
                likeBtn.setChecked(false);
                likeBtn.setBackgroundDrawable(getContext().getResources().getDrawable(R.drawable.heart));
                likeBtn.setTextOff("0");
                likeBtn.setTextOn("0");

            }
            likeBtn.setOnClickListener(likeBtnClickListener);
            username.setText(dData.getUser().getUsername());
            photoImage.setImageBitmap(dData.getImage());
            date.setText(dData.getDate());
        }

        view.setTag(position);
        return view;
    }

现在问题是这个切换按钮不能正常工作。例如,我现在在主列表视图中有3张照片充气 - 在每张照片的下方,我有1个切换按钮和一个普通按钮。当我点击第二个按钮下方的切换按钮时 - 第一张照片下方的切换按钮激活 - 如果我点击下面的切换按钮,或者有时没有此切换按钮工作。

你能告诉我我做错了吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

看起来你已将likeBtn设置为全局变量,并在getView()onClickListener()中进行操作。这意味着,在创建列表的每一行时,您将丢失对先前按钮的引用,而不是新按钮。当单击任何按钮并唤起监听器时,您的逻辑将仅发生在使用getView()创建的最后一行,而不一定是被单击的行。

要解决此问题,您可以使用View方法的onClick()参数本地化对likeBtn的引用范围。此参数始终是点击的View,在本例中为ToggleButton。在getView()中,不要使用全局likeBtn,而是更改此行:

likeBtn = (ToggleButton) view.findViewById(R.id.likesBtn);

创建一个局部变量:

ToggleButton likeBtn = (ToggleButton) view.findViewById(R.id.likesBtn);

然后,在onClick()中,创建另一个局部变量来输入参数:

@Override
public void onClick(View view)
{
    ToggleButton likeBtn = (ToggleButton) view;

    //Then the rest of your code
}