android - 如果通过点击更换Gridview 的指定Item 背景颜色

问题描述

我的情况是这样的。 主界面是用Gridview展示出餐厅里的餐桌情况。

默认情况下，每个桌子都是绿色背景。 如果点击该item， 会出现一个Dialog 窗口；提示是否开桌子。 如果点击是，该item的背景颜色更换为红色。

以下是我的代码，请大神们指点迷津！

public class table extends AppCompatActivity implements AdapterView.OnItemClickListener{GridView gridView;@Overrideprotected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_table); gridView=(GridView)findViewById(R.id.gridview); String wtf[]={'1a','1b','1c','1d','2a','2b','2c','2d','3a','3b','3c','3d'}; gridView.setAdapter(new my_adapter(this,wtf)); gridView.setOnItemClickListener(this);}@Overridepublic void onItemClick(final AdapterView<?> adapterView, View view, final int i, long l) { new AlertDialog.Builder(this) .setTitle('台座号 '+adapterView.getItemAtPosition(i).toString()) .setMessage('确定开桌？') .setPositiveButton('是', new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) { Toast.makeText(table.this,adapterView.getItemAtPosition(i).toString()+' 已开桌，请下单。',Toast.LENGTH_SHORT).show();} }) .setNegativeButton('否', null) .show();}}class my_adapter extends BaseAdapter{LayoutInflater inflater=null;Context ctx;String table_names[];ArrayList store_table_no;my_adapter(Context ctx, String table_names[]){ this.ctx=ctx; this.table_names=table_names; store_table_no=new ArrayList<Integer>(); for (int i=0;i<table_names.length;i++){store_table_no.add(table_names[i]); }}@Overridepublic int getCount() { return store_table_no.size();}@Overridepublic Object getItem(int i) { return store_table_no.get(i);}@Overridepublic long getItemId(int i) { return i;}@Overridepublic View getView(int i, View view, ViewGroup viewGroup) { View row=view; if(row==null){inflater=(LayoutInflater)ctx.getSystemService(Context.LAYOUT_INFLATER_SERVICE);row=inflater.inflate(R.layout.single,null); } TextView tv_table_no=(TextView)row.findViewById(R.id.table_no); tv_table_no.setText(''+store_table_no.get(i)); return row;}}// 这个是 row.xml <?xml version='1.0' encoding='utf-8'?><RelativeLayout xmlns:android='http://schemas.android.com/apk/res/android'android:orientation='vertical' android:layout_width='match_parent'android:layout_height='match_parent'><RelativeLayout android:layout_width='170dp' android:layout_height='100dp' android:background='@android:color/holo_green_dark' android:layout_centerHorizontal='true' android:layout_centerVertical='true'> <TextViewandroid:text='101'android:layout_width='wrap_content'android:layout_height='wrap_content'android: android:layout_centerVertical='true'android:layout_centerHorizontal='true' /></RelativeLayout></RelativeLayout>

如果再次点击同样item， 窗口再次出现，点击 ok 就返回默认颜色。

问题解答

用selector文件做item的背景颜色例如

selector_item_bg.xml放到资源文件夹res/color/中

<?xml version='1.0' encoding='utf-8'?><selector xmlns:android='http://schemas.android.com/apk/res/android'> <item android:color='@color/red' android:state_selected='true'/> <item android:color='@color/green' android:state_selected='false'/></selector>

其中@color/red和@color/green自己添加

然后在item的layout中添加背景色, 就是你的row.xml

<?xml version='1.0' encoding='utf-8'?><RelativeLayout xmlns:android='http://schemas.android.com/apk/res/android'android:orientation='vertical' android:layout_width='match_parent'android:layout_height='match_parent'android:background='@color/selector_item_bg'>...省略中间的内容</RelativeLayout>

关键代码就是android:background='@color/selector_item_bg'把上面的selector设置成item的背景色.

当你点击开桌的时候把对应的item的ViewsetSelected(true)就可以变成红色了.

在代码里面大概是修改你的onItemClick()

@Overridepublic void onItemClick(final AdapterView<?> adapterView, final View view, final int i, long l) { new AlertDialog.Builder(this) .setTitle('台座号 '+adapterView.getItemAtPosition(i).toString()) .setMessage('确定开桌？') .setPositiveButton('是', new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) { Toast.makeText(table.this,adapterView.getItemAtPosition(i).toString()+' 已开桌，请下单。',Toast.LENGTH_SHORT).show(); // 这个view就是被点击的item, 也就是row.xml渲染出来的view // 把它设置为selected, selector就会使其变色 // 根据selector_item_bg.xml, true对应red, false对应green view.setSelected(true);} }) .setNegativeButton('否', null) .show(); }}

关键点就这些, 其他细节百度吧