单击一个按钮将从头至尾更改星星的图像

Question

我有4个概述的星形图像。每当我点击一个按钮时，我都希望第一颗星星将其图像更改为一颗充满星星，并且每当我再次单击该按钮时，我都希望下一颗星星变成充满星星，等等。我有这样的东西，但是当我点击按钮时，所有的开始变成充满星星。在他们都是明星之后，我希望他们在点击下一个按钮后变成空白的星星。

starBtn.setOnClickListener(new OnClickListener() { 

     @Override 
     public void onClick(View arg0) { 
      // TODO Auto-generated method stub 
      im1.setImageDrawable(getResources().getDrawable(R.drawable.star)); 
      if(im1.isDirty()){ 
       im2.setImageDrawable(getResources().getDrawable(R.drawable.star)); 
       if(im2.isDirty()){ 
        im3.setImageDrawable(getResources().getDrawable(R.drawable.star)); 
        if(im3.isDirty()){ 
         im4.setImageDrawable(getResources().getDrawable(R.drawable.star)); 

        } 
       } 
      } 
     } 

    }); 

我已经通过im4设置了im1到概述的星星，并且R.drawable.star是一个充满星星。

Answer 1

尝试以下操作：

 private int mIndex = 0; //defined as a member in your class 
     ....... 
     starBtn.setOnClickListener(new OnClickListener() { 

     @Override 
     public void onClick(View arg0) { 
      // TODO Auto-generated method stub 
      if(mIndex == 0) { 
       im1.setImageDrawable(getResources().getDrawable(R.drawable.star)); 
       mIndex ++; 
      } else if(mIndex == 1) { 
       im2.setImageDrawable(getResources().getDrawable(R.drawable.star)); 
       mIndex ++; 
      } else if(mIndex == 2) { 
       im3.setImageDrawable(getResources().getDrawable(R.drawable.star)); 
       mIndex ++; 
      } else if(mIndex == 3) { 
       im4.setImageDrawable(getResources().getDrawable(R.drawable.star)); 
       mIndex ++; 
      } else { 
       //do sth else 
      } 
     } 

    });