텍스트 입력을 기반으로 이미지를 조건부로 표시하는 방법이 필요합니다.

Question

여러 입력 필드에서 텍스트를 캡처 한 다음 텍스트 필드의 텍스트를 기반으로 텍스트 필드 옆에 이미지를 표시하고 싶습니다.

그래서 텍스트 필드에 사용자 유형을 상상 :

토마토 양배추 초콜릿

이미지 옆에 토마토 필드 나타납니다 다른 이미지 등 양배추 필드

옆에 표시 텍스트 필드가 있고 사례 문이 있지만 구성 요소를 함께 결합하는 방법이나 이미지를 표시하는 방법을 모르겠습니다.

Answer 1

네가 뭘하고 싶은지에 달렸어.

토마토 텍스트 필드 옆에 토마토 이미지가 있고, 양배추 이미지 다음에 양배추 이미지가 있고 초콜렛도 마찬가지입니다. 처음에는 사용자가 이미지를 볼 수는 없지만 사용자가 텍스트 필드에 아무 것도 입력하지 않으면 옆에있는 이미지가 갑자기 나타납니다. 이거 뭡니까?

그런 경우라면 가장 효율적인 방법은 아니지만 가장 간단한 방법 중 하나는 프로그램 전체에 걸쳐 나타나는 것처럼 텍스트 필드 옆에 이미지를 추가하는 것입니다. . 가서 그들이 갈 곳, 크기, 모든 것을 바르게 배치하십시오. 유일한 차이점은 visible 속성 각각을 false으로 설정하려는 것입니다.

각 텍스트 필드의 이벤트 리스너를 처리하는 별도의 함수를 가질 수도 있고, 세 개의 텍스트 필드를 모두 처리하는 하나의 함수에서 그 switch 문을 사용할 수도 있습니다. 다음 :

는

private function onChange(event:Event):void 
{ 
    if (event.target.text != "") 
    { 
     switch (event.target) 
     { 
      case txtTomatoes: 
       imgTomatoes.visible = true; 
       break; 

      case txtCabbage: 
       imgCabbage.visible = true; 
       break; 

      case txtChocolate: 
       imgChocolate.visible = true; 
     } 
    } 
} 

이이 작업을 수행하는 하나의 방법이며, 그것은 당신이 그것으로 가고 싶은있는 위치에 따라 달라집니다.