列表视图上的动画背景

时间:2012-12-31 09:46:28

标签: android android-listview android-animation android-cursoradapter android-drawable

我有一个ListView,每行有2个TextView和一个CheckBox。

我有一个drawable(一行),我希望一旦用户检查CheckBox,drawable将在已检查的CheckBox行的背景上缩放为动画,我能够在 getView()中方法在我的自定义适配器上,将drawable设置为背景动画,但它也缩放了2 TextView和CheckBox,我希望只有可绘制的背景将缩放为动画,我该怎么做? / p>

这是自定义适配器上的 getView()方法:

public View getView(final int position, View convertView, final ViewGroup parent) {
    final ViewHolder holder;

    LayoutInflater inflater = LayoutInflater.from(context);
    convertView = inflater.inflate(R.layout.listview_item_row, parent, false);
    // cache view fields into the holder
    holder = new ViewHolder();
    holder.itemTitle = (TextView) convertView.findViewById(R.id.itemTitle);
    holder.itemQuantity = (TextView) convertView.findViewById(R.id.itemQuantity);
    holder.itemCheck = (CheckBox) convertView.findViewById(R.id.itemCheck);
    convertView.setTag(holder);

    final Cursor cursor = getCursor();
    final View rowView = convertView;
    cursor.moveToPosition(position);
    holder.itemTitle.setText(cursor.getString((cursor.getColumnIndex(MySQLiteHelper.KEY_NAME))));
    holder.itemQuantity.setText(cursor.getString((cursor.getColumnIndex(MySQLiteHelper.KEY_QUANTITY))));
    holder.itemCheck.setChecked(cursor.getInt(cursor.getColumnIndex(MySQLiteHelper.KEY_CHECKED)) == 1);

    holder.itemCheck.setOnCheckedChangeListener(new OnCheckedChangeListener() { 
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if (isChecked) {
                    cursor.moveToPosition(position);
                    itemsDataSource.updateItemCheckBox(1, cursor.getLong(cursor.getColumnIndex(MySQLiteHelper.KEY_ID)));
                    itemsDataSource.updateRoute(cursor.getString(cursor.getColumnIndex(MySQLiteHelper.KEY_NAME)), true);
                    Animation drawLine = AnimationUtils.loadAnimation(context, R.anim.item_done);
                    rowView.setBackgroundResource(R.drawable.line);
                    rowView.startAnimation(drawLine);
                    ShowListActivity.PRIORITY++;
                }
                else {
                    cursor.moveToPosition(position);
                    itemsDataSource.updateItemCheckBox(0, cursor.getLong(cursor.getColumnIndex(MySQLiteHelper.KEY_ID)));
                    itemsDataSource.updateRoute(cursor.getString(cursor.getColumnIndex(MySQLiteHelper.KEY_NAME)), false);
                    rowView.setBackgroundResource(0);
                    ShowListActivity.PRIORITY--;
                }

            }
        });
    if (holder.itemCheck.isChecked()) rowView.setBackgroundResource(R.drawable.line);
    else rowView.setBackgroundResource(0);
    return rowView;
}
private static class ViewHolder {
    TextView itemTitle;
    TextView itemQuantity;
    CheckBox itemCheck;     
}

1 个答案:

答案 0 :(得分:1)

<强>更新

我设法解决了这个问题:

首先我更改了自定义行布局文件,如下所示:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/frameRowLayout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:weightSum="10">

<LinearLayout android:id="@+id/rowLayout" 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent" >

        <CheckBox android:id="@+id/itemCheck" 
            android:layout_width="0dp" 
            android:layout_height="wrap_content" 
            android:layout_marginBottom="5dp" 
            android:layout_marginTop="5dp" 
            android:layout_weight="2" android:gravity="center" 
            android:focusable="false" 
            android:focusableInTouchMode="false" 
            android:singleLine="false" />

       <TextView android:id="@+id/itemTitle" 
           android:layout_width="0dp" 
           android:layout_height="fill_parent" 
           android:layout_marginBottom="5dp" 
           android:layout_marginTop="5dp" 
           android:layout_weight="6" 
           android:gravity="center" 
           android:text="some text1" 
           android:textColor="#2B89A8" 
           android:textSize="22dp" 
           android:textStyle="bold" />

       <TextView android:id="@+id/itemQuantity" 
           android:layout_width="0dp" 
           android:layout_height="fill_parent" 
           android:layout_marginBottom="5dp" 
           android:layout_marginTop="5dp" 
           android:layout_weight="2" 
           android:gravity="center" 
           android:text="some text2" 
           android:textColor="#2B89A8" 
           android:textSize="22dp" 
           android:textStyle="bold" />

</LinearLayout>

<View
    android:id="@+id/backgroundView"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" />

</FrameLayout>

Framelayout的整个想法是视图可以相互重叠,在LinearLayout与LinearLayout重叠之后,视图可以相互重叠。

然后我在自定义适配器中更改了 getView()方法,如下所示:

public View getView(final int position, View convertView, final ViewGroup parent) {
    final ViewHolder holder;

    LayoutInflater inflater = LayoutInflater.from(context);
    convertView = inflater.inflate(R.layout.listview_item_row, parent, false);
    // cache view fields into the holder
    holder = new ViewHolder();
    holder.itemTitle = (TextView) convertView.findViewById(R.id.itemTitle);
    holder.itemQuantity = (TextView) convertView.findViewById(R.id.itemQuantity);
    holder.itemCheck = (CheckBox) convertView.findViewById(R.id.itemCheck);
    holder.rowView = (View) convertView.findViewById(R.id.backgroundView);
    convertView.setTag(holder);

    final Cursor cursor = getCursor();
    cursor.moveToPosition(position);
    holder.itemTitle.setText(cursor.getString((cursor.getColumnIndex(MySQLiteHelper.KEY_NAME))));
    holder.itemQuantity.setText(cursor.getString((cursor.getColumnIndex(MySQLiteHelper.KEY_QUANTITY))));
    holder.itemCheck.setChecked(cursor.getInt(cursor.getColumnIndex(MySQLiteHelper.KEY_CHECKED)) == 1);

    holder.itemCheck.setOnCheckedChangeListener(new OnCheckedChangeListener() { 
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if (isChecked) {
                    cursor.moveToPosition(position);
                    itemsDataSource.updateItemCheckBox(1, cursor.getLong(cursor.getColumnIndex(MySQLiteHelper.KEY_ID)));
                    itemsDataSource.updateRoute(cursor.getString(cursor.getColumnIndex(MySQLiteHelper.KEY_NAME)), true);
                    Animation drawLine = AnimationUtils.loadAnimation(context, R.anim.item_done);
                    holder.rowView.setBackgroundResource(R.drawable.line);
                    holder.rowView.startAnimation(drawLine);
                    ShowListActivity.PRIORITY++;
                }
                else {
                    cursor.moveToPosition(position);
                    itemsDataSource.updateItemCheckBox(0, cursor.getLong(cursor.getColumnIndex(MySQLiteHelper.KEY_ID)));
                    itemsDataSource.updateRoute(cursor.getString(cursor.getColumnIndex(MySQLiteHelper.KEY_NAME)), false);
                    holder.rowView.setBackgroundResource(0);
                    ShowListActivity.PRIORITY--;
                }

            }
        });
    if (holder.itemCheck.isChecked()) holder.rowView.setBackgroundResource(R.drawable.line);
    else holder.rowView.setBackgroundResource(0);
    return convertView;
}
private static class ViewHolder {
    TextView itemTitle;
    TextView itemQuantity;
    CheckBox itemCheck; 
    View rowView;
}
希望你能理解我的所作所为。