Image

module omegaToolkit extends Widget wraps omegaTookit::ui::Image

Methods

Method(s)	Description
static Image create(Container parent)	Creates a new Image widget
PixelData getData(), setData(PixelData value)	Gets or sets the image data visualized by this widget as a PixelData object
(10.1) TextureSource getTexture(), setTexture(TextureSource texture)	Gets or sets this image contents from a texture source object
(v6.0) setSourceRect(int x, int y, int w, int h)	Sets the pixel rect in the source pixeldata to use on the image. If rect is set to (0,0,0,0) the full image will be used.
(v6.0) setDestRect(int x, int y, int w, int h)	Sets the destination rect within the Image widget rect to use as the image output. If rect is set to (0,0,0,0) the full image area will be used.
(v6.0) tile(bool enabled)	If set to true, the image will be tiled instead of stretched to fill the image widget area. Cannot be used with sourceRect and destRect.

Examples

source and destination rects

ui = UiModule.createAndInitialize().getUi()

img = loadImage('docs/ovtk.png')

# Scrollable image
l = Label.create(ui)
l.setPosition(Vector2(4, 26))
l.setText("Drag the red box to choose zoom area")
l = Label.create(ui)
l.setPosition(Vector2(5, 42))
l.setText("Drag white box to change the selection size")

overview = Image.create(ui)
overview.setPosition(Vector2(5, 64))
overview.setData(img)
overview.setSize(Vector2(200,200))

sel = Container.create(ContainerLayout.LayoutFree, ui)
sel.setPosition(overview.getPosition())
sel.setDraggable(True)
sel.setStyleValue('fill', '#ff000050')
sel.setStyleValue('border', '2 #ffffff')

scaler = Container.create(ContainerLayout.LayoutFree, sel)
scaler.setDraggable(True)
scaler.setAutosize(False)
scaler.setPosition(Vector2(50,50))
scaler.setSize(Vector2(15,15))
scaler.setStyleValue('fill', 'white')


focus = Image.create(ui)
focus.setPosition(Vector2(280, 5))
focus.setData(img)
focus.setSize(Vector2(450,450))


def onUpdate(frame, time, dt):
    # overview scale x and y
    overviewScaleX = img.getWidth() / overview.getWidth()
    overviewScaleY = img.getHeight() / overview.getHeight()
    
    # lock selection box within bounds of overview widget
    sp = sel.getPosition()
    sps = sel.getSize()
    op = overview.getPosition()
    ops = overview.getSize()
    if(sp.x < op.x):
        sp.x = op.x
        sel.setPosition(sp)
    if(sp.y < op.y):
        sp.y = op.y
        sel.setPosition(sp)
    if(sp.x + sps.x > op.x + ops.x):
        sp.x = op.x + ops.x - sps.x
        sel.setPosition(sp)
    if(sp.y + sps.y > op.y + ops.y):
        sp.y = op.y + ops.y - sps.y
        sel.setPosition(sp)
    
    x = int((sp.x - op.x) * overviewScaleX)
    y = int((sp.y - op.y) * overviewScaleY)
    w = int((sps.x) * overviewScaleX)
    h = int((sps.y) * overviewScaleY)
    
    focus.setSourceRect(x, y, w, h)
    
setUpdateFunction(onUpdate)