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

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;
        }
    }
}

这只是执行此操作的一种方法，这取决于您想使用它的位置。