How can we iterate containers inside a container (i.e. nested container)

[BParh.1]

Suppose I create a container called 'containers' which has further other containers called container1, container2 and container3.

Now how can I iterate the inside containers from the outer container? Is it even possible in TouchGFX?

My intention is to control whether to set particular container visible or invisible.

[Alexandre RENOUX]

Hi BParh.1,

This one is a bit tricky but here is a code example :

void Screen1View::containerIterate()
{
    Drawable* d = topContainer.getFirstChild(); // get the first child inside your top container. This child is also a container.
    // Important to notice that d is a Drawable so you need to cast it to the widget type you need. See below with the Box widget
    while (d) // loop through the Drawables
    {
        // Here we just have some Box inside a (child)container that we set in Black as an example. But you can have other widgets inside your (child)container
        Box* boxChild;
        boxChild = (Box*)d->getFirstChild();
        boxChild->setColor(Color::getColorFromRGB(0x00, 0x00, 0x00));
        d = d->getNextSibling(); // This is how you can get the next child inside the top container
    }
    topContainer.invalidate(); // Do not forget to invalidate
}

For your specific request, that is to control if a container is visible or not, here is the code sample :

void Screen1View::containerIterate()
{
    Drawable* d = topContainer.getFirstChild();
    while (d)
    {
        d->setVisible(!d->isVisible());
        d = d->getNextSibling();
    }
    topContainer.invalidate();
}

Hope it helps,

/Alexandre