Zamae

The Prosciutto Project

a small footprint mobile application engine and browser - and open source!

IMAGE ARRAY

An image array is a set of images that are shown/printed on screen from background to foreground in the Z axis. Each image can have its own alignment and anchor, and it is always drawn regarding the context in which the image array is in. For example, if a button has an background image array indicated, Prosciutto will draw this background image array inside the limits of the button itself. Image arrays can be used in forms, buttons or templates.

Similarly to what happens with template_groups, the first image UID in an image array MUST match the UID of the image array.

    <img_array uid="81001" >
        <image uid="81001">                                                   
            <path>/splash.png</path>                                //path to image. It can also be an http URL, but the actual image fetching will always be handled by ZAJAG if a ZAJAG URL is specififed.
            <x_coord>0</x_coord>                                    //xcoord where anchor to place image   
            <y_coord>0</y_coord>                                    //ycoord where anchor to place image   
            <height>120</height>                                    //width of image.                       
            <width>120</width>                                      //height of image                      
            <img_alignment>vcentered|hcentered</img_alignment>      //image alignment                      
            <allows_delete>yes</allows_delete>                      //allow delete                         
        </image>
        <image uid="81002">
            <path>/hello.png</path>                                 //path to image                        
            <x_coord>0</x_coord>                                    //xcoord where anchor to place image   
            <y_coord>0</y_coord>                                    //ycoord where anchor to place image   
            <height>120</height>                                    //width of image                       
            <width>120</width>                                      //height of image                      
            <img_alignment>top|hcentered</img_alignment>            //image alignment                      
            <allows_delete>yes</allows_delete>                      //allow delete                         
        </image>
    </img_array>

    

Back to UI objects listing