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

Question

我有一些麻烦：我有一个简单的GridView，其中我有两类项目。我想为这个 GridView 添加三个 Menu Buttons 以拥有一个 Filter 并显示/隐藏选择类别的项目。

例如，用下面的图片，第一张图片代表我的简单GridView 和Button in ActionBar。当我按下按钮时，SubMenu 显示三行，例如：“All”、“Open”和“Closed”。当我按下“Open”按钮时，我只想显示类别为“Open”的项目：

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

---

更新：

注意：我在修改后更新了我的Adapter@ana01's answer。

似乎getView() 被调用一次太多了。我添加了 3 Integers 来计算项目的数量及其类别（nValues = 总数，nOpen = 打开项目的 nb，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 种状态之一的整数：all em>、close、opened），您的适配器应该报告正确的计数并返回正确的项目（您可以使用 3 个不同的项目集合，尽管这意味着复制您的数据） .

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

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

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

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

更新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;
        }