当用户在Android的EditText中输入文本时，如何更改许多图像的背景

Question

我有一个包含10个图像的程序。我想在用户在editText中输入有效文本时更改每个图像的背景。所以基本上如果用户在editText中输入有效的文本，它会改变第一张图片（图片1）。如果用户在editText中再次输入文本，它应该改变图像2等，直到图像10.

我试图创建图像列表并检索图像中的每个元素。

我不知道如果我的逻辑是错误的

的图像是stamp1，STAMP2，stamp3，stamp4 .... stamp12

final String Entercode = codeNumber.getEditableText().toString().trim(); 
       Toast.makeText(getApplicationContext(),Entercode,Toast.LENGTH_SHORT).show(); 

      if (Entercode.equals("sweet")){ 


    for (int i = 0; i < stampImageList.size(); i++) { 
      Object obj = stampImageList.get(i); 
      stampImageList = new ArrayList(); 
      stampImageList.add(stamp1); 
      stampImageList.add(stamp2); 
      stampImageList.add(stamp3); 
      stampImageList.add(stamp4); 
      stampImageList.add(stamp5); 
      stampImageList.add(stamp6); 
      stampImageList.add(stamp7); 
      stampImageList.add(stamp8); 
      stampImageList.add(stamp9); 
      stampImageList.add(stamp10); 
      stampImageList.add(stamp11); 
      stampImageList.add(stamp12); 

      if (obj == stampImageList.get(2)) { 
       // stamp4.setBackgroundResource(R.drawable.earned_stamp); 
       stamp3.setBackgroundResource(R.drawable.earned_stamp); 
       AlertDialog.Builder builder = new AlertDialog.Builder(getApplicationContext()); 
       builder.setIcon(R.drawable.logo); 
       builder.setMessage("Stamp Earned"); 

      } else if (obj == stampImageList.get(3)) { 
       stamp5.setBackgroundResource(R.drawable.earned_stamp); 
       AlertDialog.Builder builder = new AlertDialog.Builder(getApplicationContext()); 
       builder.setIcon(R.drawable.logo); 
       builder.setMessage("Stamp Earned"); 
      } 


     } 

      } else{ 
       AlertDialog.Builder alert = new AlertDialog.Builder(getApplicationContext()); 
       alert.setIcon(R.drawable.logo); 
       alert.setTitle("Validation results"); 
       alert.setMessage("validation failed"); 

      } 

Answer 1

您应该使用TextWatcher到EditText.In改动后的方法你与价值进行比较。

EditText et = (EditText)findViewById(R.id.editText); 
    Log.e("TextWatcherTest", "Set text xyz"); 
    et.setText("xyz"); 

    et.addTextChangedListener(new TextWatcher() { 
    @Override 
    public void onTextChanged(CharSequence s, int start, int before, int count) { } 
    @Override 
    public void beforeTextChanged(CharSequence s, int start, int count, int after) { } 
    @Override 
    public void afterTextChanged(Editable s) { 
    Log.e("TextWatcherTest", "afterTextChanged:\t" +s.toString());//Compare here with stamp1 or like that 

    } 
    }); 

Answer 2

@steve，这里我准备了10个可绘制图像的代码在您的项目中。

public class Pictures_Activity_stack extends AppCompatActivity { 
    private String TAG= "Pictures_Activity---"; 
    private ImageView picture; 
    private EditText text; 
    private Button validate; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_pictures_stack); 

     picture = (ImageView)findViewById(R.id.picture); //imageview where your picture changes 
     text = (EditText) findViewById(R.id.text);//edittext where you input text 
     validate = (Button) findViewById(R.id.button);//button to validate the text and change picture accordingly 

//  array to store your drawable images 
     final int pictures[] = { 
       R.drawable.firstimage, 
       R.drawable.secondimage, 
       R.drawable.p3, 
       R.drawable.p4, 
       R.drawable.p5, 
       R.drawable.p6, 
       R.drawable.p7, 
       R.drawable.p8, 
       R.drawable.p9, 
       R.drawable.p10 
     }; 

     // click the button to set the image 
     validate.setOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View view) { 
       String input = text.getText().toString(); //input from edittext 
       if (input.equals("first")) { 
        picture.setImageResource(pictures[0]); //set first image in array if input=first 
        Toast.makeText(getBaseContext(),input,Toast.LENGTH_SHORT).show(); 
       } 
       else if (input.equals("second")) { 
        picture.setImageResource(pictures[1]);//set first image in array if input=secind 
        Toast.makeText(getBaseContext(),input,Toast.LENGTH_SHORT).show(); 
       } 
//    else if (input.equals("third")) { 
//        // and so on for other string values... 
       //    ................................. 
//    } 

       else 
       { 
//     if your input does not matches any string do this 
        Toast.makeText(getBaseContext(),"NO MATCHED STRING",Toast.LENGTH_SHORT).show(); 
       } 
      } 
     }); 
    } 
} 

上面的代码在点击按钮时根据编辑文本中的输入设置图像。