6

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

这是我的代码：

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"};


    }
}

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

请建议我一些方法来做到这一点。提前致谢。

4

4 回答 4

9

您可以使用选择器突出显示项目

在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>

并设置你的gridview的listSelector，比如

android:listSelector="@drawable/list_selector"

于 2013-10-10T10:01:28.743 回答
9
  1. 创建 ImageAdapter 类
  2. 将此参数添加到您的班级 private int selectedPosition = -1

  3. 将此方法添加到您的 ImageAdapter 类 

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

  4. 将这些行添加到 ImageAdapter 类的 getView 方法的末尾

    if (position == selectedPosition) {
        gridView.setBackgroundColor(Color.BLACK);
    } else {
        gridView.setBackgroundColor(Color.TRANSPARENT);
    }
  5. 在您的活动（或片段）中从 ImageAdapter 类创建对象

  6. 然后只需添加这些行进行测试

    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();
    }
});
于 2016-06-18T09:33:20.353 回答
2

如果您的网格视图在相对布局内，您可以在那里设置触摸侦听器以通过使用自定义可绘制来突出显示所选项目（这里我使用九个补丁图像来指定选择）

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>

并设置你的gridview的listSelector，比如

android:listSelector="@drawable/list_selector"

于 2014-03-20T05:23:29.367 回答
0

我解决了这个问题，setTag这childItems 是我的示例代码

 yourGridView.setOnItemClickListener((parent1, view, position1, id1) -> {

            if (view.getTag()!=null && view.getTag().equals("Examplename")){
                view.setBackgroundColor(yourColor);
                view.setTag("");
            }else{

                view.setTag("Examplename");
                view.setBackgroundColor(Color.BLUE);
                int Nums=gridListItems.getChildCount();
                for (int i=0;  i<=Nums-1; i++ ){
                    if (i!=position1){
                     View child=   gridListItems.getChildAt(i);
                    child.setBackgroundColor(yourColor);
                    }
                }
            }

        });
于 2019-03-05T09:11:17.543 回答