如何更改Gridview運行時的圖像？

Question

我有一個GridView與3列和3行我想改變圖像，當用戶點擊任何兩個圖像。

比如我點擊第一行1和列3圖像和第二，我點擊行3和列2顯示現在我想改變這兩個圖像類似交換的形象怎麼可能？

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

     gridView = (GridView)findViewById(R.id.gridviewmy); 
     gridView.setAdapter(new ImageAdapter(this)); 
     final ImageAdapter im = new ImageAdapter(this); 
     gridView.setOnItemClickListener(new OnItemClickListener() { 

      @Override 
      public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,long arg3) { 
       // TODO Auto-generated method stub 
       int i=0; int j=0; 
       if(i != 0){ 
        j=arg2; 
        System.out.println("First Click "+j); 
       }else{ 
        i=arg2; 
        System.out.println("Second Click "+i); 
       } 
       im.getItem(arg2); 
       //im.changeImage(); 
       Toast.makeText(MainActivity.this, ""+arg2, Toast.LENGTH_SHORT).show(); 
       System.out.println("AdapterView "+arg0); 
       System.out.println("View "+arg1); 
       System.out.println("Integer "+arg2); 
       System.out.println("long "+arg3); 
      } 
     }); 
    } 
} 

class ImageAdapter extends BaseAdapter{ 
    private Context mContext; 
    ImageView iView; 
    public ImageAdapter(Context c){ 
     this.mContext = c; 
    } 
    @Override 
    public int getCount() { 
     // TODO Auto-generated method stub 
     return mThumbIds.length; 
    } 

    @Override 
    public Object getItem(int position) { 
     // TODO Auto-generated method stub 
     System.out.println("Item Is :-"+mThumbIds[position].toString()); 
     return position; 
    } 

    @Override 
    public long getItemId(int position) { 
     // TODO Auto-generated method stub 
     System.out.println("Geting Id of Item "+mThumbIds[position]); 
     if(iView != null){ 
     iView.setImageResource(mThumbIds[0]); 
     Toast.makeText(mContext, "Call", Toast.LENGTH_SHORT).show(); 
     } 
     return 0; 
    } 

    @Override 
    public View getView(int position, View convertView, ViewGroup parent) { 
     // TODO Auto-generated method stub 

     if(convertView == null){ 
      iView = new ImageView(mContext); 
      iView.setLayoutParams(new GridView.LayoutParams(85, 85)); 
      iView.setScaleType(ImageView.ScaleType.CENTER_CROP); 
      iView.setPadding(8,8,8,8); 
     }else{ 
      iView = (ImageView)convertView; 
     } 

      iView.setImageResource(mThumbIds[position]); 
      return iView; 
    } 
    private Integer[] mThumbIds = { 
      R.drawable.a_bhaibij, R.drawable.a_dashera,  R.drawable.a_dipawali, 
      R.drawable.a_gandhi, R.drawable.a_holi,   R.drawable.a_indepe, 
      R.drawable.a_janmastmi, R.drawable.a_kite,   R.drawable.a_newyear 
      }; 
    public void changeImage(){ 
      iView.setImageResource(mThumbIds[5]); 
    } 
} 

Answer 1

Swaping GridView中的圖像是非常simple.What你所要做的就是

1 *存放cliked位置，要執行swaping。

2 *通過使用這兩個值進行上mThumbIds陣列交換操作。

3 *最後調用notifyDataSetChanged（）方法中的適配器對象即im.notifyDataSetChanged上（）;

public class MainActivity extends Activity { 
/** Called when the activity is first created. */ 
int i=0; 
int firstClick,secondClick; 
GridView gridView; 
@Override 
public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.main); 

    gridView = (GridView)findViewById(R.id.gridviewmy); 
    gridView.setAdapter(new ImageAdapter(this)); 
    final ImageAdapter im = new ImageAdapter(this); 
    gridView.setOnItemClickListener(new OnItemClickListener() { 

     @Override 
     public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,long arg3) { 
      // TODO Auto-generated method stub 
      i++; 
      if(i %2!=0){ 
       firstClick=arg2; 
      }else{ 
       secondClick=arg2; 
       Integer help=new Interger(mThumbIds[firstClick]); 
       mThumbIds[firstClick]=mThumbIds[secondClick]; 
       mThumbIds[secondClick]=help; 
       notifyDataSetChanged(); 
       System.out.println("Second Click "+i); 
      } 

     } 
    }); 
} 

}

class ImageAdapter extends BaseAdapter{ 
private Context mContext; 
ImageView iView; 
public ImageAdapter(Context c){ 
    this.mContext = c; 
} 
@Override 
public int getCount() { 
    // TODO Auto-generated method stub 
    return mThumbIds.length; 
} 

@Override 
public Object getItem(int position) { 
    // TODO Auto-generated method stub 
    System.out.println("Item Is :-"+mThumbIds[position].toString()); 
    return position; 
} 

@Override 
public long getItemId(int position) { 
    // TODO Auto-generated method stub 
    System.out.println("Geting Id of Item "+mThumbIds[position]); 
    if(iView != null){ 
    iView.setImageResource(mThumbIds[0]); 
    Toast.makeText(mContext, "Call", Toast.LENGTH_SHORT).show(); 
    } 
    return 0; 
} 

@Override 
public View getView(int position, View convertView, ViewGroup parent) { 
    // TODO Auto-generated method stub 

    if(convertView == null){ 
     iView = new ImageView(mContext); 
     iView.setLayoutParams(new GridView.LayoutParams(85, 85)); 
     iView.setScaleType(ImageView.ScaleType.CENTER_CROP); 
     iView.setPadding(8,8,8,8); 
    }else{ 
     iView = (ImageView)convertView; 
    } 

     iView.setImageResource(mThumbIds[position]); 
     return iView; 
} 
private Integer[] mThumbIds = { 
     R.drawable.a_bhaibij, R.drawable.a_dashera,  R.drawable.a_dipawali, 
     R.drawable.a_gandhi, R.drawable.a_holi,   R.drawable.a_indepe, 
     R.drawable.a_janmastmi, R.drawable.a_kite,   R.drawable.a_newyear 
     }; 

}

我想，這可能會解決你的問題。

一切順利。

Answer 2

也做了更新網格視圖圖像來完成交換操作如下：

im.notifyDataSetChanged(); 
gridView.setAdapter(im); 
gridView.invalidateViews() 

Answer 3

notifyDataSetChanged();並沒有爲我工作。日食給了一個錯誤。 因此，而不是尋找真正的解決方案，如果有的話，我只是重新加載了Java頁面。 當然，我將圖像的狀態保存在名爲graphics的文件的內部存儲中的gridview（適配器）中。所以在重新加載java頁面時，用正確的圖像重新繪製。 它的工作原理。