java - 为什么 ListView 中的 imageButton 在滚动之前不会切换？

Question

我通过自定义适配器有一个简单的 listView。 ListView 中的每一行都由 ImageButton 和 TextView 组成。

这个想法是在用户点击 ImageButton 时更改它，但它不起作用。然而，ImageButton 会随着滚动和回收的 View 而改变。我的意思是，当用户向下滚动列表并返回到顶部并点击 ImageButton 时，对于滚动并再次返回的那些行，它会按预期工作。

你们能帮我解决我所缺少的吗？我对 Android 非常陌生，已经被困在这个问题上大约一周了，现在正在尝试解决这个问题。

以下是示例测试应用程序的 APK: https://www.dropbox.com/s/pzlahtqkgj010m8/app-ListViewExample.apk?dl=0以下是我的代码的相关部分:

avtivity_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" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">


    <ListView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/listView"

        />
</RelativeLayout>

为了在 ListView 中呈现单行，使用以下 xml:

single_row.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="20dp"
    android:layout_marginBottom="20dp"
    >


    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageButton"
        android:src="@drawable/b"
        android:layout_weight="2"
        style="@style/ListView.first"
        android:layout_gravity="center"
        />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Large Text"
        android:id="@+id/textView"
        android:layout_weight="10"
        android:layout_gravity="center"
        />
</LinearLayout>

进入 Java 代码，

MainActivity.java 是

public class MainActivity extends AppCompatActivity {

    String[] titles;
    ListView list;
    private listViewAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Resources res = getResources();

        titles = res.getStringArray(R.array.titles);
        list = (ListView) findViewById(R.id.listView);
        adapter = new listViewAdapter(this, titles);
        list.setAdapter(adapter);
    }
}

自定义适配器listViewAdapter.java看起来像这样

class sListItem {
    public ImageButton button;
    public TextView text;
    public boolean active;
}

public class listViewAdapter extends ArrayAdapter<String> {

    private final String[] titles;
    Context context;

    private int size = 15;
    public sListItem mp[] = new sListItem[size];


    public listViewAdapter(Context context, String[] titles) {
        super(context, R.layout.single_row, R.id.imageButton, titles);
        this.context = context;
        this.titles = titles;

    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View row = inflater.inflate(R.layout.single_row, parent, false);

        if(mp[position] == null)
            mp[position] = new sListItem();

        mp[position].button = (ImageButton) row.findViewById(R.id.imageButton);
        mp[position].button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mp[position].active = !mp[position].active;

                setIcon(position, mp[position].active);
            }
        });

        mp[position].text = (TextView) row.findViewById(R.id.textView);
        mp[position].text.setText(titles[position]);
        setIcon(position, mp[position].active);

        return row;
    }


    private void setIcon(int position, boolean active) {
        Drawable drawable;

        if(active){
            drawable = getContext().getResources().getDrawable(R.drawable.a);
        } else {
            drawable = getContext().getResources().getDrawable(R.drawable.b);
        }
        mp[position].button.setImageDrawable(drawable);
    }
}

编辑:添加了示例测试应用程序的链接。

Answer 1

您应该通过在点击监听器中调用 notifydatasetchanged 告诉适配器进行更新

 mp[position].button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mp[position].active = !mp[position].active;
                setIcon(position, mp[position].active);
                notifydatasetchanged();
            }
        });