sábado, 20 de enero de 2018

unik-qml-blogger run qml code with mouse contextual menu

You can run this examples into unik-qml-blogger!

Select any code segment and Press right mouse button

Run this example in mode 1

This mode make and run a main.qml file in a temp location. You can see this path in the Debug panel fron the unik-qml-blogger.

/*Start code*/
import QtQuick 2.0
import QtQuick.Controls 2.0
ApplicationWindow{
     id:app
     visible: true
     width:500
     height:300
     color: 'red'
     Text{
          text: 'This code is run from web!\nIts run in mode 1'
          anchors.centerIn: parent
     }
     Component.onCompleted: {         
          unik.log('App from Blogger!\nMode 1')
     }
}
/*End code*/

Run this example in mode 2

This mode make and run a main.qml in the first comment location. This path is appended with the path seted into the currentFolder button of unik-qml-blogger. This example run at currentFolder+'/'+exampleMode2/main.qml. . You can see this path in the Debug panel fron the unik-qml-blogger.

Note: The file name in this mode is always seted by first line comment. Will can be other file name. For example: //myFolder/Button.qml

/*Start code*/
//exampleMode2/main.qml
import QtQuick 2.0
import QtQuick.Controls 2.0
ApplicationWindow{
     id:app
     visible: true
     width:500
     height:300
     color: 'red'
     Text{
          text: 'This code is run from web!\nIts run in mode 2'
          anchors.centerIn: parent
     }
     Component.onCompleted: {       
          unik.log('App from Blogger!\nMode 2')
     }
}
/*End code*/

Run this example in mode 3

This mode make and run a main.qml file in a temp location. This mode not require the ApplicationWindow component. This mode will to add a full code for run the selected code. You can see this path and full code in the Debug panel fron the unik-qml-blogger.

/*Start code*/
          Text{
               text: 'This code is run from web!\nIts run in mode 3'
               anchors.centerIn: parent
               font.pixelSize: 40
               wrapMode: Text.WordWrap
          }
          Component.onCompleted: {      
               unik.log('App from Blogger!\nMode 3')
          }
     /*End code*/

No hay comentarios:

Publicar un comentario

Entrada destacada

Probando Qt 5.12.3 en Windows

En el transcurso de las próximas horas, estaré probando Qt 5.12.3 para Windows. Cuando tenga novedades al respecto lo informaré por este med...