Anem a comentar el que trobarem a l'entorn de distribució dels elements. En la següent imatge us hem indicat les diferents zones, que més avall comentem.
A dalt a l'esquerra (requadrat amb blau) hi tenim el nom del projecte que estem treballant en aquest moment. A la part superior (requadrat en vermell) hi tenim el menú general que, bàsicament, ens permet veure els nostres projectes i canviar de l'un a l'altre.
El nostre projecte pot definir més d'una pantalla per al telèfon. Des del menú de gestió de pantalles (requadrat en lila) podem triar quina volem veure a l'editor. Al requadre de visualització (al centre, marcat en taronja) veurem com es distribueixen els elements que anem posant a la pantalla del telèfon. Els elements que no es poden visualitzar (com els sensors) quedaran situats a sota del requadre.
El menú de l'esquerra (requadrat en vermell) és la paleta d'elements. Serà on triarem els elements que volem fer servir en el nostre programa. Els elements (botons, sensors, quadres de text, imatges, etc.) els anirem situant al requadre de visualització.
Un requadre de la banda dreta (requadrat en blau) ens mostra l'estructura dels elements. Tots els elements depenen d'un "element pare". L'element pare de tots és la pantalla que els conté. Quan inguem seleccionat un element, al requadre de més a la dreta (requadrat en lila) podrem definir les seves propietats. Les propietats que definim aquí són les que tindrà quan s'iniciï el programa ja que després podem, si cal, modificar-les des del programa.
Un cop haguem triat els elements amb els que volem treballar i haguem fixat les seves propietats, podem passar a l'entorn de programació picant el botó de dalt a la dreta (marcat en magenta).
Aquesta obra d'Oriol Boix està llicenciada sota una llicència no importada Reconeixement-NoComercial-SenseObraDerivada 3.0.