如何在单击网格布局时更改图像？

Question

我想做一个3x3网格布局的图像（ImageView），并且一旦用户点击任何图像上该图像的照片改变，我在这里面临的问题是，我无法找到正在点击的图像，以便我可以更改它上面的照片。我想写游戏是一个简单的井字
1）这里是我的主要活动代码

package eg.edu.guc; 

import android.app.Activity; 
import android.os.Bundle; 
import android.view.View; 
import android.widget.AdapterView; 
import android.widget.ImageView; 
import android.widget.AdapterView.OnItemClickListener; 
import android.widget.GridView; 
//import android.widget.Toast 

public class AndXOActivity extends Activity { 
    /** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.main); 
     GridView gridView = (GridView) findViewById(R.id.gridview); 

     // Instance of ImageAdapter Class 
     gridView.setAdapter(new ImageAdapter(this)); 

     gridView.setOnItemClickListener(new OnItemClickListener() { 
      public void onItemClick(AdapterView<?> parent, View v, int position, long id) { 
       //Toast.makeText(AndXOActivity.this, "" + position, Toast.LENGTH_SHORT).show(); 
       //ImageView imageView = new ImageView(getMContext()); 
       getImageView().setImageResource(R.drawable.x); 
      } 
     }); 
    } 
} 

2）下面是ImageAdapter类

import android.content.Context; 
import android.database.DataSetObserver; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.BaseAdapter; 
import android.widget.GridView; 
import android.widget.ImageView; 

public class ImageAdapter extends BaseAdapter { 

     private Context mContext; 
     public ImageView imageView; 

     public ImageView getImageView() { 
     return imageView; 
    } 

     // Keep all Images in array 
     public Integer[] mThumbIds = { 
       R.drawable.sample_0, R.drawable.sample_1, 
       R.drawable.sample_2, R.drawable.sample_3, 
       R.drawable.sample_4, R.drawable.sample_5, 
       R.drawable.sample_6, R.drawable.sample_7, 
       R.drawable.x, R.drawable.o 

     }; 

     // Constructor 
     public ImageAdapter(Context c){ 
      mContext = c; 
     } 
     public Context getMContext() { 
      return mContext; 
     } 

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

     @Override 
     public Object getItem(int position) { 
      return mThumbIds[position]; 
     } 

     @Override 
     public long getItemId(int position) { 
      return 0; 
     } 

     @Override 
     public View getView(int position, View convertView, ViewGroup parent) { 
      imageView = new ImageView(mContext); 
      imageView.setImageResource(R.drawable.tile); 
      imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); 
      imageView.setLayoutParams(new GridView.LayoutParams(70, 70)); 
      return imageView; 
     } 
    } 

3码）这里是.xml文件

<?xml version="1.0" encoding="utf-8"?> 
<GridView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/gridview" 
    android:layout_width="150dp" 
    android:layout_gravity="center" 
    android:layout_height="150dp" 
    android:columnWidth="90dp" 
    android:numColumns="3" 
    android:verticalSpacing="5dp" 
    android:horizontalSpacing="5dp" 
    android:gravity="center" 
/> 

请告诉我，我应该怎么做，使图像变化，一旦我点击ImageView的！

Answer 1

1.在ImageViews自身上循环，给它们全部相同的OnClickListener，但也用一个索引标记它们到你拥有的那个图像数组中。在侦听器中，获取标签，索引到数组中，然后在知道与ImageView关联的图像后更改标签，然后执行所需的操作。

一个例子：

@Override 
public void onCreate(Bundle bundle) { 
    super.onCreate(bundle); 
    setContentView(R.layout.select); 
    OnClickListener listener = new OnClickListener() { 
    @Override 
    public void onClick(View v) { 
     Intent i = new Intent(SelectActivity.this, QuizActivity.class); 
     i.putExtra("quiz#", ((Integer) v.getTag()).intValue()); // <------ 
     i.putExtra("mode", ((RadioGroup) findViewById(R.id.modeSelect)).getCheckedRadioButtonId()); 
     startActivity(i); 
    } 
    }; 

    int index = 0; 
    for (int quiz: Quizzes.quizzes) { 
    Button b = (Button) findViewById(quiz); 
    b.setOnClickListener(listener); 
    b.setTag(Integer.valueOf(index++)); // <------ 
    } 
} 

2.忘记ImageViews的这个GridView的。相反，子类View和绘制井字棋板，并让你的棋盘响应点击。在棋盘计算出点击的象限后，它可以引用它自己的游戏内部模型来决定如何进行，当它重新绘制时，它可以再次使用该模型重新绘制。没有“我点击了什么图片？”逻辑更接近井字游戏的逻辑。如果您以前从未这样做过，请从Snake SDK示例中学习TileView。

Answer 2

让这个尝试，因为在你的GridView的每个产品的ImageView

@Override 
public ImageView getItem(int position) { 
    return mThumbIds[position]; 
} 

，并使用该方法来获得项目的右侧位置

gridView.setOnItemClickListener(new OnItemClickListener() { 
     public void onItemClick(AdapterView<?> parent, View v, int position, long id) { 
      parent.getItemAtPosition(position).setImageResource(R.drawable.x); 
     } 
    });