CodeandoGambas: Componentes

Mostrando las entradas con la etiqueta Componentes. Mostrar todas las entradas

domingo, 5 de abril de 2020

Gambas WebForm (Libro)

Esta obra es un camino corto y directo para aprender a desarrollar aplicaciones Web de alta calidad. El componente WebForm de Gambas 3 permite la creación de casi cualquier interfaz grafica con la calidad de un software de escritorio y se potencia aun más con el uso del Gambas 3 como lenguaje de BackEnd y FontEnd. En este libro te llevamos de cero a cien explicando los fundamentos de lenguaje Gambas 3 y desmenuzando paso a paso el IDE RAD de Gambas 3 enfocado al desarrollo Web. Es importante mencionar que para desarrollar una aplicación Web con acceso a base de datos, validación de formularios, GridView entre otros, se necesita de al menos tres lenguajes de programación, por ejemplo JavaScript, PHP, HTML, CSS, Ajax (este ultimo es un acrónimo). La propuesta de Gambas WebForm es utilizar este solo lenguaje para obtener los mismos resultados empleando menos tiempo, y este libro de dirá como hacerlo. Adicionalmente Gambas WebForm se plantea como una alternativa para desarrollar aplicaciones Web para dispositivos móviles. El entorno de desarrollo de aplicaciones rápido RAD de Gambas 3 supera en gran media otros entornos de desarrollo móvil que requieren del uso de lenguaje XML para desarrollar la interfaz móvil y otro lenguaje de programación para conectar los controles de la interfaz. Gambas simplifica todo este proceso maximizando tu productividad y beneficios. (comentario de Alessandri Ezequiel Guzmán Abad, autor del libro)

Comprar libro

Canal en youtube:
https://www.youtube.com/channel/UCEdI19J6sWOfZe_cdEE7U7g/videos

domingo, 13 de agosto de 2017

Usando JavaScript, Html y Css en Gambas3

Hay mucho código en otros lenguajes que podemos utilizar en Gambas.
Aquí les dejo un ejemplo de como usar la librería chessboard-0.3.0.js JavaScript.
Es interesante puesto que debemos aprender a manejar, un archivo html y como vincular y manipular archivos javascript y css.

Necesario activar el componente gb.qt4.webkit

Archivo Html que incrustaremos en un WebView:

<!doctype html>
<html>

<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>JavaScript, Html y css en Gambas</title>
<base href="http://chessboardjs.com/" />

<link rel="stylesheet" href="css/chessboard.css" />
</head>

<body>

<center><div id="board" style="width: 400px"></div>

<input type="button" id="setRookCheckmateBtn" value="Jake Mate" />
<input type="button" id="setStartBtn" value="Posición inicial" />
<input type="button" id="clearBoardBtn" value="Borrar piezas" />
<input type="button" id="flipOrientationBtn" value="Girar tablero" />

<p><a href="https://novatocodegambas.blogspot.com.uy/">https://novatocodegambas.blogspot.com.uy/</a></p>
<p><a href="http://chessboardjs.com/">http://chessboardjs.com</a></p>
</center>
<h6>by postapase</h6>

<script src="js/json3.min.js"></script>
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/chessboard.js"></script>
<script>

var init = function() {

//--- start example JS ---
var ruyLopez = 'r1bqkbnr/pppp1ppp/2n5/1B2p3/4P3/5N2/PPPP1PPP/RNBQK2R';
var board = ChessBoard('board', ruyLopez);

$('#setStartBtn').on('click', board.start);

$('#clearBoardBtn').on('click', board.clear);

$('#flipOrientationBtn').on('click', board.flip);

$('#setRookCheckmateBtn').on('click', function() {
board.position({
a4: 'bK',
c4: 'wK',
a7: 'wR'
});
});

}; // end init()
$(document).ready(init);

</script>
</body>
</html>

En el Formulario:

Public Sub Form_Open()

WebView1.Url = "js/Html1.html"

End

El ejemplo esta disponible para su descarga en la Granja de Gambas

Nota: si vos tenes algún proyecto o ejemplo de este tipo me gustaría que lo compartieras, saludos.

martes, 22 de septiembre de 2015

Como reproducir un sonido en nuestra aplicación con gb.sdl2.audio?

Primero creamos un nuevo proyecto, despues vamos a componentes y tildamos
gb.sdl2.audio. En este ejemplo el archivo de audio esta dentro del proyecto en la carpeta datos.

' gambas class file

' by postapase

Public Sub Form_Open()
Me.Center 'centramos el formulario
End

Public Sub Button1_Click()
Dim misonido As Sound 'declaramos la variable de sonido llamada misonido

' misonido = Sound.Load("/home/prueba1/Escritorio/camara.ogg") 'una ruta X

misonido = Sound.Load("camara.ogg") 'Asignamos el sonido a la variable
' que se encuentra en la carpeta Datos del proyecto.

misonido.Play 'reproducimos el sonido

End

Sonido-0.0.1.tar.gz

FMain.SonidoTantos = New Sound("Sonidos/Kopete_send.ogg") 'vieja linea

FMain.SonidoTantos = Sound.Load("Sonidos/Kopete_send.ogg")'Linea actualizada

martes, 15 de septiembre de 2015

Ejemplo de componente gb.chart (gráficas)

' Gambas class file

Public Sub Form_Open()
'Texto de la leyenda
Chart.Headers.Values = ["Manzanas", "Peras", "Naranjas", "Bananas"]
'Titulo de la Gráfica
Chart.Title.Text = "Almacen de frutas"
'Leyenda
Chart[0].Values = [9, 3.5, 15, 7.9]
Chart.Legend.Visible = True
Chart.Legend.Title = "Cajones"
'Tipo de Gráfica
Chart.Type = ChartType.Lines
DrawingArea1.Refresh
End

' Y en el evento Draw del DrawingArea1 se debe escribir el siguiente código
Public Sub DrawingArea1_Draw()
Chart.Width = 600
Chart.Height = 450
Chart.Draw 'Muestra la Grafica
End

Public Sub Button1_Click()
'Valores de las Gráfica tipo Float
Chart[0].Values = [TextBox1.Text, TextBox2.Text, TextBox3.Text, TextBox4.Text]
DrawingArea1.Refresh
End

GraficasChart-0.0.1.tar.gz

Información de métodos, propiedades etc.

Chart.Type (propiedad de lectura/escritura) integer
ChartType = ChartType.AreasPercent
ChartType=1

sábado, 21 de marzo de 2015

gb.logging

Activar componente gb.logging!

' gambas class file

' by postapase

Public MisRegistros As Logger

Public Sub Form_Open()
Me.Center
MisRegistros = New Logger(Logger.Warning, Null, User.Home &/ "ArchivoLog.txt")
MisRegistros.Begin()
End

Public Sub btnRegistrar_Click()
MisRegistros.Log(txtMensaje.Text, Logger.Critical)
Wait 0.1
TextArea1.Clear
Visualizar()
End

Public Sub Visualizar()
Dim ArchivoX As File
Dim LineaX As String

ArchivoX = Open MisRegistros.Output For Read

While Not Eof(ArchivoX)
Line Input #ArchivoX, LineaX
TextArea1.Text &= LineaX & gb.NewLine
TextArea1.EnsureVisible
Wend

Close ArchivoX

End

Código fuente: MiLogger-0.0.1.tar.gz

Metodos:

Begin:

isEnabledFor:

Log:

Propiedades de escritura y lectura

Enable:

Format:

Level:

Propiedad de solo lectura

Output: devuelve un string con la ruta y nombre del archivo log, antes definido en:
MisRegistros = New Logger(Logger.Warning, Null, User.Home &/ "ArchivoLog.txt")

Constantes:

Critical:

Debug:

DefaultFormat:

Error:

Info:

Stderr:

Stdout:

Warning

miércoles, 18 de marzo de 2015

URLLable

URLLable (nueva clase en gambas 3.7)

Ya tenemos disponible la nueva versión de gambas 3.7 y entre otras novedades importantes tenemos la de una nueva clase llamada URLLabel.

Con esta clase podemos muy fácilmente añadir un link para que el usuario vea una pagina de internet X, solamente modificando dos de sus propiedades de escritura y lectura que son Link, en donde debemos poner el enlace o Link exacto sin errores y la propiedad Text que es el nombre del enlace y es como el usuario lo vera podemos usar la misma dirección de enlace u otro nombre que consideremos mejor.

lunes, 17 de noviembre de 2014

Mi primer componente llamado animales

Buenas aquí ando re feliz pues e logrado crear mi primer componente y lo comparto con ustedes novatos igual que yo.
Hice un planteo en el foro http://www.gambas-es.org/ en este post .
Obtuve dos respuestas una muy interesante sin llegar a ser lo que pedi exactamente y la otra me mandaron a estudiar :( .
Pero... soy curioso y cuando ando con ganas y paciencia lo que busco generalmente lo encuentro pues bien hoy fue uno de esos días.

Primero que nada creamos un nuevo proyecto tildando en Programar un componente, elegimos en tipo de proyecto Aplicación gráfica GTK+, elegimos donde guardaremos el proyecto y que nombre tendra, en mi caso le puse animales.

Segundo borramos las dos clases que el gambas crea de forma predeterminadas llamadas CControl y CContainer ubicadas en la carpeta fuente.
También borramos las dos imágenes png de la carpeta Control ubicada en la carpeta proyectos. en la carpeta control agregamos una imagen a gusto y la renombramos con el nombre de la clase que crearemos en mi caso es animales

Tercero creamos una nueva clase llamada animales (en mi caso) en la carpeta fuentes.

Ahora les dejo las siguientes imagenes y ustedes sabran que hacer osea copiar el codigo en la clase y en el formulario FTest

Bien después de probado el componente en el formulario FTest y todo funciona como queremos, tenemos que crear el archivo de instalación para compartir nuestro componente con el resto del mundo algo que da mucha gratificación jaja y eso que este componente solo sirve para dar nociones de como crear un componente pues en si no hace nada interesante.

Vamos a Proyecto-->Crear-->Paquete de instalación

y seguimos los siguientes pasos, terminado el proceso se crearan los paquetes dentro de una carpeta y vamos a instalar el paquete deb en mi caso seria postapase-animales_0.0.1-0ubuntu1_all.deb

Después de instalado creamos un nuevo proyecto, luego vamos a Proyecto-->Propiedades-->Componentes y tildamos en animales que es nuestro componente recién creado.

En esta ultima imagen podemos apreciar el componente animales en accion y funcionando perfectamente.

Espero que les sirva para sus estudios y pruebas novatos de gambas jajaja.

Saludos.

Código fuente del componente animales: Animales-0.0.1.tar.gz