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

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

这只是一种方法，这取决于你想要去哪里。