当我在它之外添加一个元素时，ListView 会中断

Question

我正在尝试制作一个清单应用程序。 清单是一个 ListView，其中包含要使用 CheckBox 视图检查的项目。 我想在屏幕底部添加一个进度条，每次勾选一个项目时进度条都会增加。 但是，当我尝试添加进度条时，会发生这种情况：我的应用程序显示一个 ListView，其中只有一个项目，包含一个 TextView 和一个 CheckBox。

ListView 包含 3 个项目，但只有第一个是可见的。 此外，CheckBox 不能被选中或取消选中，并且 OnClickListeners 对它不起作用。 我尝试将 ProgressBar 放在 ListView 中。 ListView 有效，但它为清单上的每个项目添加了一个 ProgressBar。

如何在不丢失清单功能的情况下将 ProgressBar 与 ListView 分开？

这是我使用的自定义适配器类：

package com.example.checklist;

class MyCustomAdapter extends BaseAdapter implements ListAdapter {
private ArrayList<String> steps = new ArrayList<String>();
private Context context;

public MyCustomAdapter(ArrayList<String> list, Context context) {
    this.steps = list;
    this.context = context;
}

@Override
public int getCount() {
    return steps.size();
}

@Override
public Object getItem(int pos) {
    return steps.get(pos);
}

@Override
public long getItemId(int pos) {
    return Long.parseLong(steps.get(pos));
}

@Override
public View getView(final int position, View convertView, ViewGroup parent) {
    View view = convertView;
    if (view == null) {
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        view = inflater.inflate(R.layout.activity_complete_task, null);
    }

    //Handle TextView and display string from your list
    TextView label = (TextView) view.findViewById(R.id.labelTextView);
    label.setText(steps.get(position));
    label.setVisibility(View.VISIBLE);

    //Handle buttons and add onClickListeners
    CheckBox checkBox = (CheckBox) view.findViewById(R.id.checkBox);
    checkBox.setVisibility(View.VISIBLE);

    View finalView = view;
    checkBox.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Log.i("Info", "click");

            if(checkBox.isChecked()) {

                finalView.setAlpha(1/2);
                finalView.setBackgroundColor(Color.GRAY);

            } else {

                finalView.setAlpha(1);
                finalView.setBackgroundColor(Color.WHITE);

            }

        }
    });

    return view;

}

}

清单的 XML：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

<TextView
    android:id="@+id/labelTextView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/checkBox"
    android:layout_alignParentTop="true"
    android:layout_marginStart="20dp"
    android:layout_marginLeft="20dp"
    android:layout_marginTop="12dp"
    android:layout_marginBottom="12dp"
    android:foregroundGravity="center_vertical|center|center_horizontal"
    android:gravity="center_vertical"
    android:text="Step name"
    android:textSize="18sp"
    android:textStyle="bold"
    android:visibility="gone" />

<CheckBox
    android:id="@+id/checkBox"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_marginEnd="80dp"
    android:layout_marginRight="80dp"
    android:gravity="right|center_vertical"
    android:text="Complete"
    android:visibility="gone" />

<ListView
    android:id="@+id/listView"
    android:layout_width="fill_parent"
    android:layout_height="675dp">

</ListView>

<ProgressBar
    android:id="@+id/completedProgressBar"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/listView"
    android:layout_alignParentStart="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentBottom="true"
    android:layout_marginStart="20dp"
    android:layout_marginLeft="20dp"
    android:layout_marginTop="24dp"
    android:layout_marginEnd="20dp"
    android:layout_marginRight="20dp"
    android:layout_marginBottom="41dp" />

这是我设置适配器的地方：

ArrayList<String> steps;
ArrayList<Integer> percentagesList;

ArrayAdapter<String> arrayAdapter;

ListView listView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_complete_task);

    steps = (ArrayList<String>) getIntent().getSerializableExtra("steps");
    percentagesList = (ArrayList<Integer>) getIntent().getSerializableExtra("percentages");

    listView = (ListView) findViewById(R.id.listView);

    arrayAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1, steps);
    listView.setAdapter(new MyCustomAdapter(steps, this));

}
}