带有GridView的Android drawSelectorOnTop

Question

我正在开发一个选项卡式应用程序，其中片段之一CollectionsFragment包含一个GridView，每个插槽中都有一个ImageView。我希望当用户点击其中一张图片时使用选择器向用户提供反馈。

我已经成功实现了选择器，但是我的问题是选择器仅在图像的背景中绘制，但是我希望选择器绘制整个图像。我已经看到过其他地方提到的此问题，但是，许多人选择的解决方案（设置GridView的drawSelectorOnTop属性）对我不起作用。

具有相关适配器代码的相关片段：

public class CollectionsFragment extends Fragment {
    @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
             View view = inflater.inflate(R.layout.activity_collections, container, false);
             // Grid view is inside the xml view inflated above
             GridView gridView = (GridView)view.findViewById(R.id.gridview);
             gridView.setDrawSelectorOnTop(true);
             ((GridView) gridView).setAdapter(new CustomGridViewAdapter(getActivity()));
             return view;
        }

        private class CustomGridViewAdapter extends BaseAdapter {
            @Override
            public View getView(int i, View view, ViewGroup viewGroup) {
                View v = view;
                ImageView picture;
                TextView name;

                if(v == null) {
                    v = inflater.inflate(R.layout.collections_item, viewGroup, false);
                    v.setTag(R.id.picture, v.findViewById(R.id.picture));
                    v.setTag(R.id.text, v.findViewById(R.id.text));
                }

                picture = (ImageView)v.getTag(R.id.picture);

                name = (TextView)v.getTag(R.id.text);

                Item item = (Item)getItem(i);
                name.setText(item.name);

                picture.setImageResource(item.drawableId);
                picture.setBackgroundResource(R.drawable.selector);

                return v;
            }
        }
}

为了完整性，我的选择器：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" 
      android:drawable="@color/buttonhighlight"/> <!-- pressed state -->
<item android:state_focused="true" 
      android:drawable="@color/buttonhighlight"/> <!-- focused state -->
<item android:drawable="@android:color/transparent"/> <!-- default state --> 
</selector>

谢谢你的帮助，

Answer 1

我想你错了setDrawSelectorOnTop(boolean)。该selector正被引用在这里绘制是GridView的内部selector绘制。

即使在最简单的实现中GridView，当单击网格项时，也会在其周围绘制蓝​​色边框。这是因为，默认情况下，gridview自己的选择器会绘制behind该项目。如果调用setDrawSelectorOnTop(true)，则选择器（蓝色）将绘制在该项目上方。

但是setDrawSelectorOnTop(boolean)与您在适配器中设置的选择器无关。无论您通过true或false，ImageView的选择器的行为都不会改变。

解：

不用在适配器内部的每个ImageView上设置选择器，而是使GridView使用可绘制的选择器：

GridView gridView = (GridView)view.findViewById(R.id.gridview);
gridView.setDrawSelectorOnTop(true);

// Make GridView use your custom selector drawable
gridView.setSelector(getResources().getDrawable(R.drawable.selector));

现在，不需要：

picture.setBackgroundResource(R.drawable.selector);

编辑：

尽管我不建议这样做（明显的开销），但它应该可以工作：

@Override
public View getView(int i, View view, ViewGroup viewGroup) {
    View v = view;
    ImageView picture;

    ....
    ....

    LayerDrawable ld = new LayerDrawable(new Drawable[]

                           // Drawable from item
                           { getResources().getDrawable(item.drawableId),

                           // Selector
                           getResources().getDrawable(R.drawable.selector)});

    // Set the LayerDrawable
    picture.setImageDrawable(ld);

    // Don't need this
    // picture.setBackgroundResource(R.drawable.selector);

    return v;
}