如何在选择时突出显示网格模式项？

Question

我正在创建一个包含图像和文本的网格视图布局。我想要多选的项目，这是工作正常，但我想突出显示的网格项目，这是选定的。

这是我的代码：

public class FragMent1 extends Fragment{

        BaseAdapter MyAdapter;
    private Context mContext;

    @SuppressLint("ValidFragment")
    public FragMent1(Context c) {
        mContext = c;
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        //View view = inflater.inflate(R.layout.g, null);
        View view = inflater.inflate(R.layout.gridview,null);
        final GridView listView = (GridView) view.findViewById(R.id.mainGrid);
        listView.setAdapter(new Adapter());
        //listView.setSelection(1);
        listView.setChoiceMode(GridView.CHOICE_MODE_MULTIPLE_MODAL);
        listView.setMultiChoiceModeListener(new MultiChoiceModeListener() {

            @Override
            public boolean onPrepareActionMode(ActionMode mode, Menu menu) {
                // TODO Auto-generated method stub
                return false;
            }

            @Override
            public void onDestroyActionMode(ActionMode mode) {
                // TODO Auto-generated method stub

            }

            @Override
            public boolean onCreateActionMode(ActionMode mode, Menu menu) {
                // TODO Auto-generated method stub

                mode.setTitle("Select Items");
                mode.setSubtitle("One item selected");
                return true;

            }

            @Override
            public boolean onActionItemClicked(ActionMode mode, MenuItem item) {
                // TODO Auto-generated method stub


                int selectCount = listView.getCheckedItemCount();
                switch (selectCount) {
                case 1:
                    mode.setSubtitle("One item selected");

                    break;
                default:
                    mode.setSubtitle("" + selectCount + " items selected");

                    break;
                }

                return true;
            }

            @Override
            public void onItemCheckedStateChanged(ActionMode mode, int position,
                    long id, boolean checked) {
                // TODO Auto-generated method stub



                int selectCount = listView.getCheckedItemCount();
                switch (selectCount) {
                case 1:
                    mode.setSubtitle("One item selected");
                    break;
                default:
                    mode.setSubtitle("" + selectCount + " items selected");
                    break;
                }

            }
        });


        return view;
    }

    private class Adapter extends BaseAdapter {

        @Override
        public int getCount() {
            return mThumbIds.length;
        }

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

        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return 0;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {

            View myView = convertView;

            ImageView image;
            if (convertView == null) {
                image = new ImageView(FragMent1.this.getActivity());
                image.setLayoutParams(new GridView.LayoutParams(85, 85));
                image.setScaleType(ImageView.ScaleType.CENTER_CROP);



                LayoutInflater inflater = (LayoutInflater)mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);           
                myView = inflater.inflate(R.layout.grid_items_ontap, null);


                // Add The Image!!!           
                ImageView iv = (ImageView)myView.findViewById(R.id.grid_item_image_OnTap);
                iv.setImageResource(mThumbIds[position]);


                // Add The Text!!!
                TextView tv = (TextView)myView.findViewById(R.id.grid_item_text_onTap);
                tv.setText(names[position] );






            }
            return myView;
        }

        private Integer[] mThumbIds = {
                R.drawable.car, R.drawable.car,
                R.drawable.car, R.drawable.car,
                R.drawable.car,R.drawable.car,R.drawable.car
        };

        private String[] names={"ab","cd","ef","gh","ij","kl","mn"};


    }
}

我应该添加什么到突出显示将被选中的网格项目的代码中。

请给我一些建议。提前谢谢。

Answer 1

如果网格视图位于相对布局内，则可以在那里设置touch listener，以通过使用自定义绘图选项高亮显示所选项目（这里我使用九块补丁图像来指定选择）

private RelativeLayout.OnTouchListener touchListener = new RelativeLayout.OnTouchListener() {
        public boolean onTouch(View v, MotionEvent event) {
            if(touchEnabled==false)
                return false;
            try {
                if (oldView != null) {
                    oldView.setBackgroundResource(R.color.transparent);
                }
                setSelection(((ViewHolder)v.getTag()).pos);
                v.setBackgroundResource(R.drawable.list_pressed);
                oldView = v;
            } catch (Exception e) {
            }
            return false;
        }
    };   

或者您也可以使用选择器

在drawable文件夹中创建一个xml文件

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@color/blue" android:state_selected="true"/>
    <item android:drawable="@color/transparent"/>

</selector>

并设置你的网格视图列表选择器

Android： listSelector="@绘图/list_selector"

Answer 2

>

创建ImageAdapter类

将此参数添加到您的类私有int selectedPotion=-1

将此方法添加到您的ImageAdapter类

public void setSelectedPosition(int position) {
    selectedPosition = position;
}

在ImageAdapter类的getView方法末尾添加以下行

if (position == selectedPosition) {
        gridView.setBackgroundColor(Color.BLACK);
    } else {
        gridView.setBackgroundColor(Color.TRANSPARENT);
    }

然后只需添加这些行来测试

GridView gridView = (GridView) view.findViewById(R.id.gridview);
gridView.setAdapter(adapterImage);
gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    public void onItemClick(AdapterView<?> parent, View v,
                            int position, long id) {
        adapterImage.setSelectedPosition(position);
        adapterImage.notifyDataSetChanged();
    }
});

Answer 3

您可以使用选择器高亮显示项目

在drawable文件夹中创建一个xml文件

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@color/blue" android:state_selected="true"/>
    <item android:drawable="@color/transparent"/>

</selector>

并设置你的网格视图列表选择器

Android： listSelector="@绘图/list_selector"