带有复选框、搜索栏和文本视图的自定义列表视图答案

【问题标题】：custom Listview with checkbox, seekbar and textview带有复选框、搜索栏和文本视图的自定义列表视图
【发布时间】：2011-09-09 17:49:20
【问题描述】：

我需要用这个特定的属性制作一个 ListView：

1) 每行左边都有一个 CheckBox ，复选框下方有一个 seekbar ，seekbar 下方有一个 textview ；

2) 搜索栏是活动的，并且只有在相关的 CheckBox 被选中时。

3) textview 显示 seekbar 的进度

请帮帮我

【问题讨论】：

标签： android android-listview

【解决方案1】：

首先在你的主布局文件中创建一个 ListView

<ListView
    android:id="@+id/colorStockList"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/vehicleOption"
    android:divider="#b5b5b5"
    android:dividerHeight="1dp" >
</ListView>

还有一个单独的布局文件，其中包含您的复选框、搜索栏和文本视图。创建其他布局文件，就好像它本身就是一个视图。例如：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="5dip" >

<TextView
    android:id="@+id/colorCode"
    android:layout_width="100dp"
    android:layout_height="wrap_content"
    android:gravity="start"
    android:textAppearance="?android:attr/textAppearanceMedium" />

<SeekBar
    android:id="@+id/countSeekBar"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"
    android:progress="20"
    android:secondaryProgress="20" />

<EditText
    android:id="@+id/countEditText"
    android:layout_height="50dp"
    android:layout_width="wrap_content"
    android:gravity="end"
    android:inputType="number" />

</RelativeLayout>

现在您可以使用 ViewHolder 来填充此列表。上述示例的 ViewHolder 示例

public class ColorStockListViewAdapter extends ArrayAdapter<Color> {

Context context;

public ColorStockListViewAdapter(Context context, int resourceId,
        List<Color> items) {
    super(context, resourceId, items);
    this.context = context;
}

/* private view holder class */
private class ViewHolder {
    // ImageView vehicleImageView;
    TextView colorDesc;
    SeekBar seekBar;
    EditText countText;
}

public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder holder = null;
    Color rowItem = getItem(position);

    LayoutInflater mInflater = (LayoutInflater) context
            .getSystemService(Activity.LAYOUT_INFLATER_SERVICE);
    if (convertView == null) {
        convertView = mInflater.inflate(R.layout.color_stock_list, null);
        holder = new ViewHolder();

        holder.colorDesc = (TextView) convertView
                .findViewById(R.id.colorCode);
        holder.seekBar = (SeekBar) convertView
                .findViewById(R.id.countSeekBar);
        holder.countText = (EditText) convertView
                .findViewById(R.id.countEditText);

        holder.seekBar.setTag(holder.countText);
        holder.countText.setTag(holder.seekBar);

        convertView.setTag(holder);
    } else {
        holder = (ViewHolder) convertView.getTag();
    }

    holder.colorDesc.setText(rowItem.getDescription());
    holder.seekBar.setMax(100);
    holder.countText.setText("0");

    return convertView;
}
}

这就是您在 Activity 文件中调用它的方式

ColorStockListViewAdapteradapter = new ColorStockListViewAdapter(this,
            R.layout.activity_sales_list, colors);

您的 activity_sales_list 是您创建的用于填充 ListView 的布局文件。还要将复选框附加到搜索栏和搜索栏到复选框，使用 setTag()，例如：

checkbox.setTag(seekbar);

现在可以像这样获取复选框的搜索栏

SeekBar seekbar = checkbox.getTag();

【讨论】：