Как изменить изображение на сетке, как только вы нажмете на нее?

Question

Я пытаюсь создать сетку 3х3 для изображений (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

Давайте попробуем с этим, потому что каждый элемент в вашем сеточном представлении - 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);
        }
    });

Answer 2

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.Забудьте этот GridView ImageViews.Вместо этого, создайте подкласс View и нарисуйте крестики-нолики самостоятельно, и ваша доска ответит на щелчки.После того, как доска вычисляет выбранный квадрант, она может обратиться к своей собственной внутренней модели игры, чтобы решить, как поступить, и когда она будет перерисована, она снова может перерисовать эту модель.Там нет "какую картинку я нажал?"Логика ближе к логике крестики-нолики.Если вы никогда не делали этого раньше, изучите TileView из примера Snake SDK.