我需要一种方法来显示图像有条件地基于文本输入

Question

我想从多个输入字段中捕获文本，然后根据文本字段中的文本显示图像旁边的文本字段。

所以，想象一个用户类型分为文本字段：

西红柿 白菜 巧克力

图像旁边出现西红柿场 其他图像旁边会出现白菜场等

我有文本字段，我有一个case语句，但我不知道如何将这些组件组合在一起或如何显示图像。

Answer 1

这取决于你想要用它做什么。

这听起来像你想的西红柿的图像被旁边的西红柿文本字段，旁边白菜的图像tothe白菜之一，也为巧克力。起初，用户看不到任何图像，但是当用户在其中一个文本字段中输入任何内容时，其旁边的图像突然显示出来。这是吗？

如果是这样，那么最简单的方法之一就是继续前进，并将这些图像正常添加到文本字段旁边，就像它们在整个程序中显示出来一样。继续把它们放在他们要去的地方，调整它们的大小，一切。这里唯一的区别是，你想他们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; 
     } 
    } 
} 

这只是一种方法来做到这一点，它取决于你想要与它一起去。