android - Android 中带有过滤器菜单按钮的 GridView

Question

我遇到了一些麻烦:我有一个简单的 GridView，其中有两类项目。我想添加三个 Menu Buttons 来为这个 GridView 设置一个 Filter 并显示/隐藏所选类别的项目。

例如，对于下图，第一个图像表示我的简单 GridView 和 ActionBar 中的 Button。当我按下 Button 时，SubMenu 显示三行，在本例中是:“All”、“Open”和“关闭”。当我按下“打开”按钮时，我只想显示类别为“打开”的项目:

我通过 Filterable 工具发现了一些用于 Search Editext 的东西，但我认为这不是实现我想要的东西的好方法。我不需要 TextView/EditText 作为过滤器，只需要 ActionBar 中的 Button。

---

更新:

注意:我在使用 @ana01's answer 修改后更新了我的 Adapter .

似乎 getView() 被调用了太多次。我添加了 3 个 Integers 来计算项目及其类别的数量(nValues = total，nOpen = nb of Open item，nClosed = nb of Closed item).我使用 notifyDataSetChanged() 来更新我的适配器。

这是我的 Activity 和我的 BaseAdapter:

public class MainActivity extends SherlockActivity {

    ActionBar actionbar;
    static GridView gridview;
    static MyAdapter adapter;

    String[] values = new String[] { 
        "Item 1", "Item 2", "Item 3", "Item 4", "Item 5"
    };

    // 1 for Open items, 2 for Closed items
    int[] vStatus = new int[] {
        1, 2, 1, 2, 1
    };

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

        gridview = (GridView) findViewById(R.id.grid);
        adapter = new MyAdapter(this);
        gridview.setAdapter(adapter);

        gridview.setOnItemClickListener(new OnItemClickListener() {
            // new Intent to another Activity
            // ...
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getSupportMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    // call an adapter method filterView() 
    // with the integer sort by category
    // 0 = All items | 1 = Open | 2 = Closed
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case android.R.id.home:
                return false;
            case R.id.action_listfilter_all :
                adapter.filterView(0);
                return true;
            case R.id.action_listfilter_open :
                adapter.filterView(1);
                return true;
            case R.id.action_listfilter_closed :
                adapter.filterView(2);
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }
    }

    public class MyAdapter extends BaseAdapter {
        private Context mContext;

        // Initialize the category's integer "visibleFlag"
        private int visibleFlag = 0;
        // Initialize the counters' categories
        int nValues, nOpen, nClosed;

        public MyAdapter(Context c) {
            mContext = c;
        }

        // filterView method called by option selected item menu
        public void filterView(int i) {
            visibleFlag = i;

            // refresh the content
            notifyDataSetChanged();
            /* gridview.invalidateViews(); */
        }

        protected class ViewHolder {
            TextView text, view, like, user, coms;
            ImageView imageview, imageflag;
        }

        // return the number of items regarding by category selected
        public int getCount() {
            switch(visibleFlag) {
                case 0: nValues = values.length; break;
                case 1: nValues = nOpen; break;
                case 2: nValues = nClosed; break;
            }
            return nValues;
        }

        public Object getItem(int position) {
            return null;
        }

        public long getItemId(int position) {
            return position;
        }

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

            if (convertView == null) {
                LayoutInflater inflater = ((MainActivity) mContext).getLayoutInflater();
                convertView = inflater.inflate(R.layout.item_main, parent, false);

                viewHolder = new ViewHolder();

                viewHolder.text = (TextView) convertView.findViewById(R.id.text);
                viewHolder.imageview = (ImageView) convertView.findViewById(R.id.image);

                // set the tag of the category and 
                // augment the selected category (by + 1)
                switch(vStatus[position]) {
                    case 1: viewHolder.imageview.setTag(1); nOpen++; break;
                    case 2: viewHolder.imageview.setTag(2); nClosed++; break;
                }

                // set the tag of the item's position
                viewHolder.text.setTag(position);

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

            // display the text with the position's tag
            viewHolder.text.setText(values[(Integer) viewHolder.text.getTag()]);

            // display the image with the position's tag
            switch((Integer) viewHolder.imageview.getTag()) {
                case 1: viewHolder.imageview.setImageResource(R.drawable.ic_open); break;
                case 2: viewHolder.imageview.setImageResource(R.drawable.ic_closed); break;
            }

            return convertView;
        }

    }

}

但这不会显示具有所选类别的正确项目!
有人可以帮我弄清楚吗？

Answer 1

您可能只需要前两行，因为如果已经设置了适配器，gridView.setAdapter(adapter) 就没有意义。

我认为您不需要 AsynkTask 来刷新您的集合，只需修改您的适配器以了解项目类型:设置过滤器时(表示 3 种状态之一的整数:全部、关闭、打开)，你的适配器应该报告正确的计数并返回正确的项目(你可以使用 3 个不同的项目集合，尽管这意味着重复你的数据) .

gridView.notifyDataChanged() 在您的适配器中触发一个新的 getCount() 调用，然后多次调用 getView(..) . gridView.invalidateViews() 表示需要重绘 subview 。您不需要重新创建 gridView。

如果您的项目看起来与您绘制的相似，我认为您可以使用 ListView (使用相同的适配器)。

更新: 如果多次调用 getCount() 没关系，但您应该避免在此方法中执行繁重的任务(目前不是这种情况)。

在 getView(..) 中，无论您是否重用以前创建的 View ，您都应该提供一个与相应位置完全同步的 View 。所以问题是，只有当 View 是新创建的 (convertView==null) 时，您才更新 View ，尽管您应该更新标题的文本 &CO。就在返回 View 之前。 与您的“幽灵项目”相关，我不知道您的布局项目有多大，它们是否同时可见等等，但是您的适配器应该至少创建与可见 View 一样多的 View 。

更新2:

按如下方式修改您的适配器，在适配器的构造函数中调用 prepareData()，然后查看它是否正常工作:

private ArrayList<Integer> closedIndexToRealIndex;
private ArrayList<Integer> openedIndexToRealIndex;

private void prepareData(){
    nOpen = nClosed = 0;
    closedIndexToRealIndex = new ArrayList<Integer>();
    openedIndexToRealIndex = new ArrayList<Integer>();
    for(int i = 0; i < values.count; i++){
        if(vStatus[i] == 0){    
            openedInexToRealIndex.add(Integer.valueOf(i));
            nOpen++;
        }
        else{
            closedIndexToRealIndex.add(Integer.valueOf(i));
            nClosed++;
       }
    }
}

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

            if (convertView == null) {
                LayoutInflater inflater = ((MainActivity) mContext).getLayoutInflater();
                convertView = inflater.inflate(R.layout.item_main, parent, false);

                viewHolder = new ViewHolder();
                viewHolder.text = (TextView) convertView.findViewById(R.id.text);
                viewHolder.imageview = (ImageView) convertView.findViewById(R.id.image);

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

            int actualIndex = 0;
            switch(visibleFlag){
            case 0://all
                actualIndex = position;
                break;
            case 1://opened
                actualIndex = openedIndexToRealIndex.get(position).intValue();
                break;
            case 2://closed
                actualIndex = closedIndexToRealIndex.get(position).intValue();
                break;
            default:
                break;
            }
            viewHolder.text.setText(values[acutalIndex]);

            if(vStatus[position] == 1)
                viewHolder.imageview.setImageResource(R.drawable.ic_open);
            else
                viewHolder.imageview.setImageResource(R.drawable.ic_closed);

            return convertView;
        }