Edje Nested Part (hierarchy) example

Nested part feature represents the concept of hierarchy to edje.

A nested part inherits it's location relatively to the parent part. Thus, parent part modifications such move or map effects all nested parts. To declare a nested part just start a new part declaration within (before closing) the current part declaration.

Note that nested part declaration is allowed only after current part name is defined.

Here's an example of a rect nested in other rect plus inner nested rect:

collections {
group {
name: "main";
parts {
part {
type: RECT;
name: "red_rect";
description {
state: "default" 0.0;
color: 255 0 0 255;
rel1.relative: 0.2 0.1;
rel2.relative: 0.4 0.8;
}
part { /* This rect is nested in red_rect */
type: RECT;
name: "green_rect";
description {
state: "default" 0.0;
color: 0 255 0 255;
rel2.relative: 0.8 0.5;
}
part { /* This rect is nested in green_rect */
type: RECT;
name: "blue_rect";
description {
state: "default" 0.0;
color: 0 0 255 255;
align: 1.0 1.0;
rel1.relative: 0.5 0.5;
rel2.relative: 1.0 1.0;
}
}
}
}
}
}
}

The example's window should look like this picture: