0

Full screen graphics

Hello everyone.
Is it possible to draw graphics elements on full screen?
Such as drawingArea, Container, Grid, etc?
I would appreciate a link or a short tutorial of how to do it.

4 Replies
  • QUOTE (lacost.20@... @ Apr 16 2011, 03:35 AM) <{POST_SNAPBACK}>
    Hello everyone.
    Is it possible to draw graphics elements on full screen?
    Such as drawingArea, Container, Grid, etc?
    I would appreciate a link or a short tutorial of how to do it.

    The current build doesn't support the canvas object, if that's what you mean.
    0
  • So, for example. if I whant to draw some game field, I can only use the side bar?
    Is it video the only way i can use full screen view?
    0
  • QUOTE (lacost.20@... @ Apr 17 2011, 09:17 AM) <{POST_SNAPBACK}>
    So, for example. if I whant to draw some game field, I can only use the side bar?
    Is it video the only way i can use full screen view?

    You're confusing things by using the verb 'draw'. If you want to append images and other controls to the DOM, you can do that in both sidebar views and fullscreen views. You can use fullscreen view for anything you want, it's not limited to video.
    0
  • This is great. Thank you for replay Benjamin.
    In the start up guide I only found examples how to append some control and simple graphics on a sidebar view. Can you give me a little piece of advice how can I do on a full screen view?
    This is first sing I tried
    CODE
    var FullScreen = new KONtx.Class({

    ClassName: 'FullScreen',



    Extends: KONtx.system.FullscreenView,



    initView: function() {

    KONtx.mediaplayer.initialize();



    this.dialogs = {};



    this.dialogs.error = new KONtx.dialogs.Alert({

    title: 'Error',

    message: $_('I got some error'),

    buttons: [

    { label: 'Retray', callback: function() {

    KONtx.mediaplayer.playlist.start();

    } },

    { label: 'Cansel', callback: function() {

    KONtx.application.previousView();

    } },

    ]

    });

    },



    createView: function() {

    this.controls.overlay = new KONtx.control.MediaTransportOverlay().appendTo(this);

    var drawingArea = new KONtx.element.Container({

    styles: {

    width: this.width,

    height: (this.height - backButton.outerHeight),

    vOffset: backButton.outerHeight

    }

    }).appendTo(this);



    var c1 = new KONtx.element.Container({

    styles: {

    width: 100,

    height: 100,

    vOffset: 50,

    hOffset: 50,

    backgroundColor: 'red'

    }

    }).appendTo(drawingArea);

    },



    focusView: function() {

    this.controls.overlay.focus();

    },



    updateView: function() {

    this._registerHandlers();

    this._resetViewport();

    this._handlePlaylistUpdate(this.persist.PlaylistID);

    },



    hideView: function() {

    this._unregisterHandlers();

    }





    });
    0

Recent Posts

in Getting Started / Beginners - Yahoo! TV Widgets