User Tools

Site Tools


maskimageviewer

MaskImageViewer

The MaskImageViewer component is primarily meant to display a MaskContainer element and its associated meta-data.

The mask image viewer, with the mask currently set to mask out an X-ray image over a visible light image.
MaskImageViewer screenshot

Characteristic

Definition
Type Interactive Display Object
Category Component
Scope Local
Position *
Parents Container
Children *
Gestures *
Requirements none

Attribute

Type

Description
maskCon object reference the image mask element

See Also: Display Attributes

<MaskImageViewer x="560" y="200" autoTextLayout="false" rotation="-7" class="touch_container" nestedTransform="false" width="600" height="450" mouseChildren="true" gestureEvents="true">
		
    <!-- Frames are commonly applied to make objects with context-sensitive touch more easy to touch. The MaskContainer has its own context-sensitive touch, since it controls its own touch events to be able to manipulate the mask inside it. -->
    <TouchContainer class="frame_container" visible="true" targetParent="true" mouseChildren="false">
        <Frame class="frame_element" frameColor="0x6498B2" frameAlpha="0.3" frameThickness="30"/>
    </TouchContainer>
    <TouchContainer class="base_img" dimensionsTo="image" mouseChildren="true">	
        <Image width="600" src="spectrum/bulbs_vis.jpg"/>
    </TouchContainer>
    <MaskContainer maskShape="rectangle" maskWidth="200" maskHeight="100" maskBorderColor="0x4CC7FF" maskBorderStroke="2" maskBorderAlpha="0.75" mouseChildren="false" disableNativeTransform="true" disableAffineTransform="true">	
        <Image visible="false" width="600" src="spectrum/bulbs_off_therm.jpg"/>
        <Image visible="false" width="600" src="spectrum/bulbs_off_uv.jpg"/>
        <Image visible="false" width="600" src="spectrum/bulbs_therm.jpg"/>
        <Image visible="false" width="600" src="spectrum/bulbs_uv.jpg"/>
        <Image visible="false" width="600" src="spectrum/bulbs_uv_pure.jpg"/>
        <Image visible="false" width="600" src="spectrum/bulbs_ir.jpg"/>
        <Image visible="false" width="600" src="spectrum/bulbs_xray.jpg"/>
        <GestureList>
            <Gesture ref="double_tap" gestureOn="true"/>
            <Gesture ref="n-drag" gestureOn="true"/>
            <Gesture ref="n-scale" gestureOn="true"/>
            <Gesture ref="n-rotate" gestureOn="true"/>
        </GestureList>
    </MaskContainer>
    <TouchContainer class="info_container" visible="false" targetParent="true" mouseChildren="false" >
        <Graphic color="0x7D7682" alpha="0.6" lineStroke="0" class="info_bg" shape="rectangle"/>		
        <Text class="title" selectable="false" border="false" textSize="38" text="Light Bulbs"/>				
        <Text x="30" y="70" color="0xffffff" fontSize="16" wordWrap="true" multiline="true" textAlign="justify" border="false" text="Light bulbs viewed through various types of imaging using thermal, infrared, UV, X-ray, and visible light."/>		
    </TouchContainer>
    <Menu class="menu_container" alpha="0.6" position="bottomRight" paddingLeft="0" paddingBottom="-50" paddingRight="20" autoHide="true" visible="false">
        <Include src="infoButton.cml"/>
        <Include src="closeButton.cml"/>
    </Menu>
    <GestureList>
        <Gesture ref="n-drag" gestureOn="true"/>
        <Gesture ref="n-scale" gestureOn="true"/>
        <Gesture ref="n-rotate" gestureOn="true"/>
        <Gesture ref="tap" gestureOn="true"/>
    </GestureList>
</MaskImageViewer>
maskimageviewer.txt · Last modified: 2015/09/18 15:16 by glass