1653995520
Operaciones Aritméticas en Graphite Studio
En este artículo, crearemos una calculadora usando Graphite Studio. La cual es una sencilla aplicación en línea que permite al usuario calcular operaciones aritméticas simples al ingresar el primer número y el segundo número.
Para saber cómo instalar Graphite Studio haz clic aquí. o puede seguir el sitio web oficial de Graphite Studio https://graphitegtc.com/
Ahora cree un nuevo proyecto de aplicación web siguiendo los pasos a continuación.
- Agregar comportamiento a la entidad
- Producir una vista
- En la vista, cree un comportamiento del controlador.
- Construye un ambiente
- Construya el proyecto
Cómo crear una calculadora simple
Este es nuestro proyecto que vamos a hacer está en este artículo.
Paso 1
La pantalla de inicio aparece cuando inicia Graphite Studio por primera vez. Puede iniciar un nuevo proyecto haciendo clic en el botón Nuevo como se muestra en la figura 1
Figura 1
Paso 2
Elija una aplicación web en el tipo de proyecto y luego ingrese el Nombre del grupo en la sección Ingresar detalles, en mi caso ingresé MCNSolutionsPtLtd como nombre del grupo. Ahora ingrese el nombre del proyecto, en esta demostración.
Ingresé a SimpleCalculator y luego seleccioné Proyecto de aplicación local como la ubicación del proyecto en la lista desplegable. Elegir bibliotecas de Library Store le brinda una lista de todas las bibliotecas que están disponibles en su máquina. La única biblioteca necesaria para nuestro proyecto SimpleCalculator es GraphiteGTC.Core . Todos los proyectos de Graphite Studio requerirán esta biblioteca base, que debe seleccionarse. Ahora haga clic en el botón Aceptar
Figura 2
Paso 3
Todas las entidades de la biblioteca GraphiteGTC.Core son necesarias para que Graphite Studio funcione correctamente. Esta pantalla no requiere ninguna operación. Ahora haga clic en Aceptar para pasar a la siguiente pantalla.
Figura 3
Paso 4
Al elegir la opción Agregar categoría, puede agregar categorías a su proyecto. El siguiente cuadro de diálogo aparecerá como se muestra en la figura 5
.png)
Figura 4
El contenido de cada proyecto de Graphite Studio está organizado en categorías. El material de la biblioteca GraphiteGTC.Core se encuentra en la categoría común. Ahora haga clic en Aceptar para crear una nueva categoría llamada Cálculo.
Figura 5
Paso 5
En la pantalla de inicio del proyecto, se ha agregado una nueva categoría llamada Cálculo, como se muestra en la figura 6 . Se puede seleccionar cualquier categoría y sus propiedades se muestran en el lado derecho de la pantalla de inicio del proyecto. La sección de contenido de la categoría le permite ver, agregar, eliminar y editar todo el contenido de la categoría.
En un caso de uso, una entidad es un sustantivo. Es equivalente a una clase como aprendimos en los lenguajes de programación orientados a objetos. Entre otras cosas, una Entidad tiene propiedades y/o Comportamientos. Usando el enlace Agregar/Editar en la Sección de contenido de la categoría, se puede agregar una Entidad a una Categoría. Para acceder al cuadro de diálogo Agregar entidad, haga clic en el enlace Agregar entidad.
Figura-6
Ingrese Calculadora como el campo de nombre de la entidad como se muestra en la figura 7, luego haga clic en Aceptar para volver a la pantalla de entidad de la calculadora. Para guardar los detalles de la Entidad, vaya a la Pantalla de la Entidad de la Calculadora y haga clic en el botón Guardar (esquina superior derecha). No agregará ninguna propiedad a la Entidad de calculadora en este proyecto. Simplemente agregue cuatro comportamientos para calcular la suma, la división, el múltiplo y la resta para dos números dados.
Figura-7
Paso 6
En un caso de uso, un comportamiento es un verbo. En la programación orientada a objetos, es el equivalente a un método. Un Comportamiento de una Entidad en Graphite Studio comprende la lógica de negocios requerida por la Entidad. La pestaña de Comportamientos de la Pantalla de la Entidad enumera todos los comportamientos de la Entidad. Para agregar el comportamiento que calculará la operación aritmética, haga clic en la opción Agregar comportamiento.
Figura 8
Las Entradas y Salidas se configuran usando la forma de Inicio. El usuario puede agregar una variable, ya sea de entrada o de salida, haciendo clic en el enlace Agregar. Las variables se pueden declarar como Entrada/Salida en varias instancias. Esto simplemente significa que, a pesar de recibirse como Entrada, la variable se devuelve como Salida. Seleccione Ingresar nombre de comportamiento y escriba Agregar como nombre del comportamiento. El siguiente cuadro aparece cuando hace doble clic en la forma de inicio.
Figura-9
Se debe utilizar un tipo para definir variables. Moneda, Fecha, Decimal, Entero y Secuencia son algunos de los tipos básicos globales proporcionados por Graphite Studio. Todas las entidades, al igual que otros lenguajes OOP, también están disponibles como tipos. Las variables se pueden declarar como una sola instancia o como una lista, y se pueden usar en cualquier orden. Se puede especificar como obligatorio u opcional
Figura-10
En la forma Inicio, ingrese las siguientes variables.
Figura-11
Figura-12
Figura-13
Una forma se puede vincular a sus hermanas usando una técnica de arrastrar y soltar, donde las formas se arrastran desde el carril izquierdo, o manteniendo presionada la forma y haciendo clic en el ícono Más o Punto que aparece. El ícono Más se usa para crear y vincular formas adicionales a las existentes. contexto de forma El icono de punto se utiliza para conectar dos formas en un comportamiento que ya existe.
Paso 7
Figura-14
Aparece una paleta de varias formas cuando hace clic en el icono Más. Como se muestra en la imagen, haga clic en la forma Decisión de la lista de formularios disponibles para agregarla a la forma Inicio existente.
Figura-15
El usuario puede ingresar los detalles de la condición "Si" necesaria para Agregar comportamiento haciendo doble clic en la forma Decisión.
Figura-16
Si FirstNumber es igual a cero, es la condición If para el proyecto de ejemplo. Ingrese la variable de entrada FirstNumber en el campo sobre las formas de operador en la forma Decisión para lograr esto. Luego presione la tecla =. Luego, debajo de las formas del operador, escriba 0 en el campo.
La forma Decisión permite al usuario agregar dos formas: una para la lógica cuando la condición es verdadera y otra para la lógica cuando la condición es falsa. La verdadera condición estará representada por la palabra Sí arriba de la línea de conexión en la primera forma añadida al formulario de Decisión. La condición falsa se indica con la palabra No sobre la línea de conexión en el siguiente formulario.
Figura-17
Como se muestra a continuación, agregue una forma de asignación para la condición verdadera de la forma de decisión y establezca el resultado de salida en SecondNumber.
Figura-18
Para calcular el resultado, agregue una forma Evaluar para la condición falsa de la forma Decisión, como se muestra en la figura siguiente.
Figura-19
Agregue una forma final. A continuación, arrastre y adjunte la última forma Evaluar a la forma Final mediante el icono del conector.
Figura-20
El Add Behavior completado se muestra en la siguiente figura.
Figura-21
La demostración anterior que mostré solo para el comportamiento de suma, de la misma manera que puede seguir para el comportamiento de resta, multiplicación y división
Paso -8
La opción Agregar/Editar en la Sección de Contenido de Categoría se puede usar para agregar una Vista a una Categoría. Para acceder a la nueva pantalla de visualización, haga clic en la opción Agregar vista.
La parte de la interfaz de usuario de un proyecto de aplicación web se crea utilizando una vista en Graphite Studio. La Vista es el componente de vista del diseño Modelo-Vista-Controlador que el Proyecto genera para la aplicación.
Figura-22
Ingrese el nombre de la Vista como aritmético. Debajo de la sección de vista previa se encuentra la sección de propiedades de la vista. Establezca el Título en Calculadora y establezca la Vista predeterminada como sí
Encabezado, Región, Contenido y Pie de página son las cuatro secciones de cada Vista. Una vista es una colección organizada jerárquicamente de objetos de elementos de vista. Las reglas establecidas en el desarrollo de cada elemento de vista en su biblioteca asociada controlan la jerarquía del elemento de vista.
Figura-23
En la ventana emergente que aparece cuando se hace clic en el botón "+" (Agregar elemento de vista) de una paleta, solo se muestran los elementos de vista que se pueden dibujar en la paleta. Para agregar el ToolbarPanel a la paleta de encabezado, haga clic en él. En la Sección de Vista Previa, puede ver una muestra de la Vista con el Panel de la Barra de Herramientas (vea la figura a continuación). Para guardar la vista, haga clic en el icono Guardar. También puede guardar usando CTRL+S en su teclado.
Figura-24
Cada instancia de un elemento de vista que se coloca en una vista tiene un conjunto de características que ayudan en la visualización o el funcionamiento de la vista. Hay varias propiedades en el elemento de vista del panel de la barra de herramientas. Establezca el atributo Título en calculadora para este proyecto. El panel de la barra de herramientas se actualiza con el título de la sección de vista previa una vez más.
Figura-25
El siguiente paso es agregar un Formulario y sus Campos a la paleta Contenido, como se ve a continuación. Los pasos para crear el Formulario en la Vista se enumeran en la siguiente tabla.
Figura-26
Figura-27
Figura-28
| Paso | Acción |
| primero | Crear un formulario ( Form1 ) Agregue un elemento de vista a la paleta Contenido haciendo clic en el botón Agregar elemento de vista. |
| 2 | Con el botón Agregar elemento de vista a la derecha del elemento de vista Form1, agregue un elemento de vista FieldSet ( FieldSet1 ) a la instancia del elemento de vista de formulario. |
| 3 | Agregue un segundo elemento de vista FieldSet (FieldSet2 ) a la instancia del elemento de vista de formulario. |
| 4 | Con el botón Agregar elemento de vista a la derecha de FieldSet1Fields, agregue un elemento de vista NumericField ( NumericField1 ) a la lista de campos de FieldSet1. |
| 5 | Con el botón Agregar elemento de vista a la derecha de FieldSet2Fields, agregue un elemento de vista NumericField (NumericField2 ) a la lista de campos de FieldSet2. |
Siga estos pasos para finalizar la Vista agregando el resto de los Elementos de Vista al Contenido:
- En la paleta Contenido, cree un ButtonPanel (ButtonPanel1).
- Agregue un botón a la lista de botones de ButtonPanel1 (Botón 1, Botón 2, Botón 3, Botón 4).
- Debajo de ButtonPanel1, agregue un encabezado (Heading1) a la paleta Contenido.
- Debajo de Heading1, agregue un HtmlText (HtmlText1) a la paleta Contenido.
Figura-29
El siguiente paso es configurar las propiedades de todos los Elementos de Vista que se han agregado a la Vista, como se muestra en la siguiente tabla.
| S. No. | Ver elemento | Propiedades |
| primero | NumericField1 | Nombre-TextField1 FocusIndex-1 Etiqueta-FirstNumber Placeholder-EnterFirstNumber |
| 2 | NumericField2 | Nombre-TextField2 FocusIndex-2 Etiqueta-SecondNumber Placeholder-EnterSecondNumber |
| 3 | Botón 1 | Nombre-Botón1 Formulario para enviar-Form1 FocusIndex-3 Título-Agregar |
| 4 | Botón2 | Nombre-Botón2 Formulario para enviar-Form1 FocusIndex-3 Título-Sustracción |
| 5 | Botón 3 | Name-Button3 Formulario para enviar-Form1 FocusIndex-3 Título-Dividir |
| 6 | Botón4 | Nombre-Botón4 Formulario para enviar-Form1 FocusIndex-3 Título-Múltiple |
| 7 | Título 1 | Nombre-Encabezado1 Importancia-2 Texto- Resultado |
| 8 | Texto HTML1 | Nombre-HtmlText1 Máscara-Numérico-Límite de decimales |
Algunas variables producidas automáticamente también se incluyen en el formulario de inicio de OnClickButton1. dos variables de entrada se configuran en Graphite Studio utilizando la información de la sección de propiedades de Button1. Las variables que Graphite Studio generó automáticamente se pueden ver en el siguiente diagrama.
Figura-30
El formulario Ejecutar comportamiento se utiliza para llamar a un comportamiento desde dentro de otro comportamiento. Para crear una lista de acciones de interfaz de usuario, agregue la forma Ejecutar comportamiento a la forma Crear lista de acciones de interfaz de usuario. Las características de la forma Run Behavior se muestran en el siguiente diagrama.
Figura-31
Cualquier comportamiento del controlador de vista (excepto el comportamiento de OnLoadView) utiliza la forma de acción de interfaz de usuario para actualizar la vista. Para permitir que el usuario ajuste la vista actual, la forma de acción de la interfaz de usuario proporciona una serie de instrucciones basadas en un elemento seleccionado. Cuando el contexto está en una Vista modal, también permite que se actualice la Vista principal. Agregue la forma Acción de interfaz de usuario a la forma Ejecutar comportamiento para actualizar el elemento de vista de texto Html con la salida de resultado del comportamiento de cálculo. Los detalles de la acción Ui requerida se muestran en el siguiente diagrama. Deje el Contexto en Actual porque la Vista que se está modificando ya está en contexto. La estática debe dejarse en paz. Las instrucciones de una acción Ui se basan en un elemento de vista que se ha seleccionado. En el área Elemento, seleccione HtmlText1.
Seleccione Actualizar el texto de HtmlText en el área de instrucciones. Esto mostrará un nuevo campo de texto que se usará para actualizar el valor del elemento de vista htmlText. Ingrese la variable que contiene el valor del Resultado determinado en el Comportamiento de Cálculo en el cuadro de Texto. La salida se puede obtener usando la siguiente descripción, como se indicó anteriormente
CalculatormultipleResult.Outputs.Result
Figura-32
Para finalizar el Comportamiento, agregue la forma Fin. El siguiente diagrama muestra todo el proceso. Acciones del controlador de vista. Del mismo modo, tenemos que hacer ClickON para el botón 2, botón 3 y botón 4.
Paso 9
Esta advertencia viene ahora que lo soluciona.
Figura-33
TextField1 y TextField2 se declaran como un texto que no se requiere en la forma de inicio y la calculadora de ejecución en la forma de suma, resta, múltiplo y división. También sabemos que, según la máscara que haya configurado, solo permitiremos que los usuarios ingresen un número entero en TextField1 y TextField2. Para modificar las variables TextField1 y TextField2 en la forma de inicio, haga clic en el icono de lápiz junto a ellas y cambie su tipo a Entero. Compruebe si está configurado como no necesario.
Figura-34
Paso 10
Todo lo que necesitará para hacer la calculadora de muestra El proyecto ya está terminado. En las partes siguientes, configurará un entorno de aplicación web y desarrollará la aplicación. Los detalles necesarios para la implementación de la aplicación web creada se denominan entorno en Graphite Studio. Graphite Studio le permite crear múltiples entornos de implementación para su aplicación. Estos ajustes se pueden etiquetar como públicos o privados.
En Graphite Studio, se puede acceder a la pantalla de entorno a través del menú de la barra lateral. Como se ve en el diagrama a continuación, se puede acceder al menú de la barra lateral.
Entornos es uno de los elementos del menú en la barra lateral. Para acceder a la pantalla de entornos, haga clic en ella.
Figura-35
Haga clic en el enlace Agregar entorno en la pantalla de entornos. Como se ilustra en la imagen a continuación, el cuadro Agregar entorno se muestra en la pantalla. El paso final es desarrollar el proyecto como se indica a continuación una vez que se ha configurado el entorno.
Figura-36
Paso 11
Para comenzar el proceso de construcción, presione el botón Construir.
Figura-37
Graphite Studio ofrece al usuario un enlace URL a la aplicación web que se creó después de una compilación exitosa. El enlace abre el navegador predeterminado y lo lleva a la vista predeterminada del proyecto de aplicación web.
Figura-38
producción
Figura-39
Conclusión
Este artículo trata sobre la aplicación en línea Calculator simple con códigos adecuados para comprender el proyecto de calculadora en Graphite Studio.
Gracias, espero que esto te ayude.
Fuente del artículo original en: https://www.c-sharpcorner.com/article/arithmetic-operations-in-graphite-studio/
What is GEEK
Buddha Community
1653995520
Operaciones Aritméticas en Graphite Studio
En este artículo, crearemos una calculadora usando Graphite Studio. La cual es una sencilla aplicación en línea que permite al usuario calcular operaciones aritméticas simples al ingresar el primer número y el segundo número.
Para saber cómo instalar Graphite Studio haz clic aquí. o puede seguir el sitio web oficial de Graphite Studio https://graphitegtc.com/
Ahora cree un nuevo proyecto de aplicación web siguiendo los pasos a continuación.
- Agregar comportamiento a la entidad
- Producir una vista
- En la vista, cree un comportamiento del controlador.
- Construye un ambiente
- Construya el proyecto
Cómo crear una calculadora simple
Este es nuestro proyecto que vamos a hacer está en este artículo.
Paso 1
La pantalla de inicio aparece cuando inicia Graphite Studio por primera vez. Puede iniciar un nuevo proyecto haciendo clic en el botón Nuevo como se muestra en la figura 1
Figura 1
Paso 2
Elija una aplicación web en el tipo de proyecto y luego ingrese el Nombre del grupo en la sección Ingresar detalles, en mi caso ingresé MCNSolutionsPtLtd como nombre del grupo. Ahora ingrese el nombre del proyecto, en esta demostración.
Ingresé a SimpleCalculator y luego seleccioné Proyecto de aplicación local como la ubicación del proyecto en la lista desplegable. Elegir bibliotecas de Library Store le brinda una lista de todas las bibliotecas que están disponibles en su máquina. La única biblioteca necesaria para nuestro proyecto SimpleCalculator es GraphiteGTC.Core . Todos los proyectos de Graphite Studio requerirán esta biblioteca base, que debe seleccionarse. Ahora haga clic en el botón Aceptar
Figura 2
Paso 3
Todas las entidades de la biblioteca GraphiteGTC.Core son necesarias para que Graphite Studio funcione correctamente. Esta pantalla no requiere ninguna operación. Ahora haga clic en Aceptar para pasar a la siguiente pantalla.
Figura 3
Paso 4
Al elegir la opción Agregar categoría, puede agregar categorías a su proyecto. El siguiente cuadro de diálogo aparecerá como se muestra en la figura 5
Figura 4
El contenido de cada proyecto de Graphite Studio está organizado en categorías. El material de la biblioteca GraphiteGTC.Core se encuentra en la categoría común. Ahora haga clic en Aceptar para crear una nueva categoría llamada Cálculo.
Figura 5
Paso 5
En la pantalla de inicio del proyecto, se ha agregado una nueva categoría llamada Cálculo, como se muestra en la figura 6 . Se puede seleccionar cualquier categoría y sus propiedades se muestran en el lado derecho de la pantalla de inicio del proyecto. La sección de contenido de la categoría le permite ver, agregar, eliminar y editar todo el contenido de la categoría.
En un caso de uso, una entidad es un sustantivo. Es equivalente a una clase como aprendimos en los lenguajes de programación orientados a objetos. Entre otras cosas, una Entidad tiene propiedades y/o Comportamientos. Usando el enlace Agregar/Editar en la Sección de contenido de la categoría, se puede agregar una Entidad a una Categoría. Para acceder al cuadro de diálogo Agregar entidad, haga clic en el enlace Agregar entidad.
Figura-6
Ingrese Calculadora como el campo de nombre de la entidad como se muestra en la figura 7, luego haga clic en Aceptar para volver a la pantalla de entidad de la calculadora. Para guardar los detalles de la Entidad, vaya a la Pantalla de la Entidad de la Calculadora y haga clic en el botón Guardar (esquina superior derecha). No agregará ninguna propiedad a la Entidad de calculadora en este proyecto. Simplemente agregue cuatro comportamientos para calcular la suma, la división, el múltiplo y la resta para dos números dados.
Figura-7
Paso 6
En un caso de uso, un comportamiento es un verbo. En la programación orientada a objetos, es el equivalente a un método. Un Comportamiento de una Entidad en Graphite Studio comprende la lógica de negocios requerida por la Entidad. La pestaña de Comportamientos de la Pantalla de la Entidad enumera todos los comportamientos de la Entidad. Para agregar el comportamiento que calculará la operación aritmética, haga clic en la opción Agregar comportamiento.
Figura 8
Las Entradas y Salidas se configuran usando la forma de Inicio. El usuario puede agregar una variable, ya sea de entrada o de salida, haciendo clic en el enlace Agregar. Las variables se pueden declarar como Entrada/Salida en varias instancias. Esto simplemente significa que, a pesar de recibirse como Entrada, la variable se devuelve como Salida. Seleccione Ingresar nombre de comportamiento y escriba Agregar como nombre del comportamiento. El siguiente cuadro aparece cuando hace doble clic en la forma de inicio.
Figura-9
Se debe utilizar un tipo para definir variables. Moneda, Fecha, Decimal, Entero y Secuencia son algunos de los tipos básicos globales proporcionados por Graphite Studio. Todas las entidades, al igual que otros lenguajes OOP, también están disponibles como tipos. Las variables se pueden declarar como una sola instancia o como una lista, y se pueden usar en cualquier orden. Se puede especificar como obligatorio u opcional
Figura-10
En la forma Inicio, ingrese las siguientes variables.
Figura-11
Figura-12
Figura-13
Una forma se puede vincular a sus hermanas usando una técnica de arrastrar y soltar, donde las formas se arrastran desde el carril izquierdo, o manteniendo presionada la forma y haciendo clic en el ícono Más o Punto que aparece. El ícono Más se usa para crear y vincular formas adicionales a las existentes. contexto de forma El icono de punto se utiliza para conectar dos formas en un comportamiento que ya existe.
Paso 7
Figura-14
Aparece una paleta de varias formas cuando hace clic en el icono Más. Como se muestra en la imagen, haga clic en la forma Decisión de la lista de formularios disponibles para agregarla a la forma Inicio existente.
Figura-15
El usuario puede ingresar los detalles de la condición "Si" necesaria para Agregar comportamiento haciendo doble clic en la forma Decisión.
Figura-16
Si FirstNumber es igual a cero, es la condición If para el proyecto de ejemplo. Ingrese la variable de entrada FirstNumber en el campo sobre las formas de operador en la forma Decisión para lograr esto. Luego presione la tecla =. Luego, debajo de las formas del operador, escriba 0 en el campo.
La forma Decisión permite al usuario agregar dos formas: una para la lógica cuando la condición es verdadera y otra para la lógica cuando la condición es falsa. La verdadera condición estará representada por la palabra Sí arriba de la línea de conexión en la primera forma añadida al formulario de Decisión. La condición falsa se indica con la palabra No sobre la línea de conexión en el siguiente formulario.
Figura-17
Como se muestra a continuación, agregue una forma de asignación para la condición verdadera de la forma de decisión y establezca el resultado de salida en SecondNumber.
Figura-18
Para calcular el resultado, agregue una forma Evaluar para la condición falsa de la forma Decisión, como se muestra en la figura siguiente.
Figura-19
Agregue una forma final. A continuación, arrastre y adjunte la última forma Evaluar a la forma Final mediante el icono del conector.
Figura-20
El Add Behavior completado se muestra en la siguiente figura.
Figura-21
La demostración anterior que mostré solo para el comportamiento de suma, de la misma manera que puede seguir para el comportamiento de resta, multiplicación y división
Paso -8
La opción Agregar/Editar en la Sección de Contenido de Categoría se puede usar para agregar una Vista a una Categoría. Para acceder a la nueva pantalla de visualización, haga clic en la opción Agregar vista.
La parte de la interfaz de usuario de un proyecto de aplicación web se crea utilizando una vista en Graphite Studio. La Vista es el componente de vista del diseño Modelo-Vista-Controlador que el Proyecto genera para la aplicación.
Figura-22
Ingrese el nombre de la Vista como aritmético. Debajo de la sección de vista previa se encuentra la sección de propiedades de la vista. Establezca el Título en Calculadora y establezca la Vista predeterminada como sí
Encabezado, Región, Contenido y Pie de página son las cuatro secciones de cada Vista. Una vista es una colección organizada jerárquicamente de objetos de elementos de vista. Las reglas establecidas en el desarrollo de cada elemento de vista en su biblioteca asociada controlan la jerarquía del elemento de vista.
Figura-23
En la ventana emergente que aparece cuando se hace clic en el botón "+" (Agregar elemento de vista) de una paleta, solo se muestran los elementos de vista que se pueden dibujar en la paleta. Para agregar el ToolbarPanel a la paleta de encabezado, haga clic en él. En la Sección de Vista Previa, puede ver una muestra de la Vista con el Panel de la Barra de Herramientas (vea la figura a continuación). Para guardar la vista, haga clic en el icono Guardar. También puede guardar usando CTRL+S en su teclado.
Figura-24
Cada instancia de un elemento de vista que se coloca en una vista tiene un conjunto de características que ayudan en la visualización o el funcionamiento de la vista. Hay varias propiedades en el elemento de vista del panel de la barra de herramientas. Establezca el atributo Título en calculadora para este proyecto. El panel de la barra de herramientas se actualiza con el título de la sección de vista previa una vez más.
Figura-25
El siguiente paso es agregar un Formulario y sus Campos a la paleta Contenido, como se ve a continuación. Los pasos para crear el Formulario en la Vista se enumeran en la siguiente tabla.
Figura-26
Figura-27
Figura-28
| Paso | Acción |
| primero | Crear un formulario ( Form1 ) Agregue un elemento de vista a la paleta Contenido haciendo clic en el botón Agregar elemento de vista. |
| 2 | Con el botón Agregar elemento de vista a la derecha del elemento de vista Form1, agregue un elemento de vista FieldSet ( FieldSet1 ) a la instancia del elemento de vista de formulario. |
| 3 | Agregue un segundo elemento de vista FieldSet (FieldSet2 ) a la instancia del elemento de vista de formulario. |
| 4 | Con el botón Agregar elemento de vista a la derecha de FieldSet1Fields, agregue un elemento de vista NumericField ( NumericField1 ) a la lista de campos de FieldSet1. |
| 5 | Con el botón Agregar elemento de vista a la derecha de FieldSet2Fields, agregue un elemento de vista NumericField (NumericField2 ) a la lista de campos de FieldSet2. |
Siga estos pasos para finalizar la Vista agregando el resto de los Elementos de Vista al Contenido:
- En la paleta Contenido, cree un ButtonPanel (ButtonPanel1).
- Agregue un botón a la lista de botones de ButtonPanel1 (Botón 1, Botón 2, Botón 3, Botón 4).
- Debajo de ButtonPanel1, agregue un encabezado (Heading1) a la paleta Contenido.
- Debajo de Heading1, agregue un HtmlText (HtmlText1) a la paleta Contenido.
Figura-29
El siguiente paso es configurar las propiedades de todos los Elementos de Vista que se han agregado a la Vista, como se muestra en la siguiente tabla.
| S. No. | Ver elemento | Propiedades |
| primero | NumericField1 | Nombre-TextField1 FocusIndex-1 Etiqueta-FirstNumber Placeholder-EnterFirstNumber |
| 2 | NumericField2 | Nombre-TextField2 FocusIndex-2 Etiqueta-SecondNumber Placeholder-EnterSecondNumber |
| 3 | Botón 1 | Nombre-Botón1 Formulario para enviar-Form1 FocusIndex-3 Título-Agregar |
| 4 | Botón2 | Nombre-Botón2 Formulario para enviar-Form1 FocusIndex-3 Título-Sustracción |
| 5 | Botón 3 | Name-Button3 Formulario para enviar-Form1 FocusIndex-3 Título-Dividir |
| 6 | Botón4 | Nombre-Botón4 Formulario para enviar-Form1 FocusIndex-3 Título-Múltiple |
| 7 | Título 1 | Nombre-Encabezado1 Importancia-2 Texto- Resultado |
| 8 | Texto HTML1 | Nombre-HtmlText1 Máscara-Numérico-Límite de decimales |
Algunas variables producidas automáticamente también se incluyen en el formulario de inicio de OnClickButton1. dos variables de entrada se configuran en Graphite Studio utilizando la información de la sección de propiedades de Button1. Las variables que Graphite Studio generó automáticamente se pueden ver en el siguiente diagrama.
Figura-30
El formulario Ejecutar comportamiento se utiliza para llamar a un comportamiento desde dentro de otro comportamiento. Para crear una lista de acciones de interfaz de usuario, agregue la forma Ejecutar comportamiento a la forma Crear lista de acciones de interfaz de usuario. Las características de la forma Run Behavior se muestran en el siguiente diagrama.
Figura-31
Cualquier comportamiento del controlador de vista (excepto el comportamiento de OnLoadView) utiliza la forma de acción de interfaz de usuario para actualizar la vista. Para permitir que el usuario ajuste la vista actual, la forma de acción de la interfaz de usuario proporciona una serie de instrucciones basadas en un elemento seleccionado. Cuando el contexto está en una Vista modal, también permite que se actualice la Vista principal. Agregue la forma Acción de interfaz de usuario a la forma Ejecutar comportamiento para actualizar el elemento de vista de texto Html con la salida de resultado del comportamiento de cálculo. Los detalles de la acción Ui requerida se muestran en el siguiente diagrama. Deje el Contexto en Actual porque la Vista que se está modificando ya está en contexto. La estática debe dejarse en paz. Las instrucciones de una acción Ui se basan en un elemento de vista que se ha seleccionado. En el área Elemento, seleccione HtmlText1.
Seleccione Actualizar el texto de HtmlText en el área de instrucciones. Esto mostrará un nuevo campo de texto que se usará para actualizar el valor del elemento de vista htmlText. Ingrese la variable que contiene el valor del Resultado determinado en el Comportamiento de Cálculo en el cuadro de Texto. La salida se puede obtener usando la siguiente descripción, como se indicó anteriormente
CalculatormultipleResult.Outputs.Result
Figura-32
Para finalizar el Comportamiento, agregue la forma Fin. El siguiente diagrama muestra todo el proceso. Acciones del controlador de vista. Del mismo modo, tenemos que hacer ClickON para el botón 2, botón 3 y botón 4.
Paso 9
Esta advertencia viene ahora que lo soluciona.
Figura-33
TextField1 y TextField2 se declaran como un texto que no se requiere en la forma de inicio y la calculadora de ejecución en la forma de suma, resta, múltiplo y división. También sabemos que, según la máscara que haya configurado, solo permitiremos que los usuarios ingresen un número entero en TextField1 y TextField2. Para modificar las variables TextField1 y TextField2 en la forma de inicio, haga clic en el icono de lápiz junto a ellas y cambie su tipo a Entero. Compruebe si está configurado como no necesario.
Figura-34
Paso 10
Todo lo que necesitará para hacer la calculadora de muestra El proyecto ya está terminado. En las partes siguientes, configurará un entorno de aplicación web y desarrollará la aplicación. Los detalles necesarios para la implementación de la aplicación web creada se denominan entorno en Graphite Studio. Graphite Studio le permite crear múltiples entornos de implementación para su aplicación. Estos ajustes se pueden etiquetar como públicos o privados.
En Graphite Studio, se puede acceder a la pantalla de entorno a través del menú de la barra lateral. Como se ve en el diagrama a continuación, se puede acceder al menú de la barra lateral.
Entornos es uno de los elementos del menú en la barra lateral. Para acceder a la pantalla de entornos, haga clic en ella.
Figura-35
Haga clic en el enlace Agregar entorno en la pantalla de entornos. Como se ilustra en la imagen a continuación, el cuadro Agregar entorno se muestra en la pantalla. El paso final es desarrollar el proyecto como se indica a continuación una vez que se ha configurado el entorno.
Figura-36
Paso 11
Para comenzar el proceso de construcción, presione el botón Construir.
Figura-37
Graphite Studio ofrece al usuario un enlace URL a la aplicación web que se creó después de una compilación exitosa. El enlace abre el navegador predeterminado y lo lleva a la vista predeterminada del proyecto de aplicación web.
Figura-38
producción
Figura-39
Conclusión
Este artículo trata sobre la aplicación en línea Calculator simple con códigos adecuados para comprender el proyecto de calculadora en Graphite Studio.
Gracias, espero que esto te ayude.
Fuente del artículo original en: https://www.c-sharpcorner.com/article/arithmetic-operations-in-graphite-studio/
1623704506
White Label Studio Review & Bonuses
**WHITE LABEL STUDIO SOFTWARE REVIEW: YOUR OWN 100% DONE FOR YOU SOFTWARE BUSINESS
White Label Studio Software By Mario Brown & Med Amine
WHITE LABEL STUDIO WHAT IS IT With White Label Studio, you will get FOUR Battle Tested Software Solution WITH White Label and Resell Rights. You can access FOUR different apps, create accounts, manage clients and even upload their own logo and business name etc. The four apps are MyVirtualTours, VideozAgency, VideoMatic and Easy Banners Pro.
Software sells better than anything else and it’s very profitable, but it’s also very expensive to create and maintain. So why not leverage the same team, knowledge, and experience responsible for generating over 2 million a year in software sales. I’ve NEVER Done This Before For the FIRST TIME EVER they’re giving an opportunity to anyone who wants to start a 7-figure SaaS Business by giving away White Label Rights to FOUR next-gen software. Which means you can rebrand them, sell them and keep 100% of the profits (…And Just To Be Clear: This is NOT a Reseller Offer, you get Whitelabel Rights To ALL FOUR APPS… So they are yours to rebrand and sell as your own software)
You Get Complete Control & Power To: Re-Brand, Change Price, Change Subscription. 2021 Is The PERFECT Time To Start A New SaaS Business. In 2022, SaaS will generate close to $141 billion. By 2021, 73% of organizations will be using all or mostly SaaS solutions. Nearly 85% of small companies have already invested in SaaS options. Organizations with 250+ employees use more than 100 SaaS apps. Small firms of up to 50 employees use between 25-50 SaaS solutions, on average.
IF YOU WANT TO SEE MY VIDEO REVIEW ON YOUTUBE CHECK THE LINK BELOW :
CHANNEL - [“THE REVIEW CENTER”](https://youtu.be/ketbNQpGAfQ ““THE REVIEW CENTER””)
Imagine Starting A Successful SaaS Business With FOUR Incredible Video & Banner Apps… WITHOUT: Spending months on market research & analysis, Doing a full competition feature analysis, Running a price comparison with other products, Wasting time & resources on product creation, Hiring a team of coders, designers & copywriters, Incurring Overheads & other maintenance expenses, Hiring & training customer & technical support teams, Spending thousands of dollars on marketing, Being unsure of whether the product will even sell do none of this. They’ve Done All The Hard Work For You And they’ve Paid For Everything. Introducing White Label Studio.
With White Label Studio, you start Profiting In Just 3 Simple Steps:
**STEP 1: Get Access
STEP 2: Point-n-Click To Rebrand ALL FOUR Software As Your OWN
STEP 3: Sell & Pocket 100% Revenue.
And the best part? You can get access to all 4 video & banner apps for unlimited personal & professional use when you make ONE SINGLE TINY payment. Get It Now.
INSTANT SALES: As soon as you get your hands on White Label Studio, you can kickstart your own agency. Not a moment of delay…you will have access to FOUR brilliant VIDEO & BANNER APPS that will sell like hot cakes. The best part about this deal is that you don’t have to waste time & money on any research & product creation…you get access to ready-to-sell apps that will give you an instant head-start.
MULTIPLY YOUR INCOME: Why sell only one or two videos & banners when you can sell as many as you like. In fact, why not sell the entire platform with 4 incredible video & banner apps for a big monthly fee? Possibilities are limitless when you leverage this marketing wonder! Multiply your income with each client you effortlessly get on board.
AUTOMATED WORK: Replace hard work with smart work. With White Label Studio, All you need to do is click a few buttons to customize done-for-you services on these incredible apps from one powerful dashboard. Access stunning DFY video templates that can be tweaked to your needs instantly. Effortlessly create sales videos, review videos, walkthrough videos, training videos, 360 videos, banner ads and any video format under the sun in a matter of minutes…
AGENCY DOMINATION: You’ve got everything you need to create a name for yourself right from the beginning. The most incredible apps that are professionally designed & guaranteed to convert well. Don’t just own an agency, own the entire video & banner marketing space with this platform that’ll put you right on top of the charts!
UNCONDITIONAL SUPPORT: White Label Studio team of experts are behind you 100%. Training, support, updates & tutorials are all included with your purchase. Get everything right & enjoy unconditional support to take the maximum advantage of the platform from day 1.
UNCUT PROFIT: There is no need to shell out your valuable profits, not even a single penny. As you get more and more clients with each passing day, this tiny investment will clearly appear as the wisest decision you’ve ever made. Make big money without any monthly fee, success tax or subscription amount.
LIMITLESS FLEXIBILITY: Enjoy flexibility at its best. Don’t be bound by restrictions & long wait times. Don’t waste time on juggling apps or creating videos & banners that take hours to render. This platform has been created to help you profit easily just the way you like it…
ABSOLUTE POWER & JOY: You don’t need to be an expert or have years of experience to enjoy absolute power and joy. You’ve got everything you need to live the life of great fulfillment and success. Skyrocketing sales & profits can become your instant reality without waiting around.
—:: Check out the White Label Studio to get the Bonuses ::—
WHAT WHITE LABEL STUDIO CAN DO FOR YOU
With White Label Studio, you’ll GET ACCESS to FOUR futuristic apps with whitelabel rights for the price of a single app
SELL all FOUR apps individually or as a full-blown package to pocket massive profits
OFFER access for a one-time price or a monthly recurring subscription to create a never-ending passive income
4X PROFITS with included Commercial License. Use all 4 apps for your own use as well as for clients
White Label Studio is 100% Newbie Friendly: Cloud based, no technical experience needed.
Step-by-step training + customer support for your customers included
If you want to see a video Review about this product , then check my video Review also
MY YOUTUBE REVIEW : [“THE REVIEW CENTRE”](https://youtu.be/ketbNQpGAfQ ““THE REVIEW CENTRE””)
If you liked My Youtube Video Review ,
please Suscribe to my channel for more Reviews
WHITE LABEL STUDIO FREQUENTLY ASKED QUESTIONS
How easy is it to ‘REBRAND’ the apps inside White Label Studio? A. It is point-n-click easy. White Label Studio is ridiculously simple to use and 100% beginner friendly. You can simply upload your logo and customize the colors & text using a few clicks of buttons. Age, skill and experience is no bar.
What if I don’t make any profits with White Label Studio? A. Every app inside White Label Studio is powered by next-gen technology. Videos & banners are 2 of the hottest services on the internet today. And selling these services or software that help you render these services is really really easy. However, if you are still unable to make profits using White Label Studio – you can always get a refund within 14 days of your purchase.
Is White Label Studio Windows and Mac compatible? A. It is hosted on reliable cloud servers. You can log on from any device of your choice with any operating software.
Do you charge any monthly fees? A. Not yet…but to support this incredible technology and your customers, after this limited period offer, they will be charging a monthly fee. Make sure you buy it at this incredibly low one-time price to save your precious money!
Will I get any training or support for my questions? A. Absolutely. Their team of experts are available to you & your customers 24X7 to answer any questions that you or your customers may have. Training videos are included within your purchase to make you a seasoned software seller within seconds.
Do I need to download & install White Label Studio somewhere? A. Never! You simply have to use the software from any browser. Nothing to download or install. They push automatic updates through the cloud to make your experience bigger and better. Should you need anything else, they are a message away!
—:: Check out the White Label Studio to get the Bonuses ::—
Link for Discounted Price + Bonuses : Click here
WHITE LABEL STUDIO PRICE
Front End – 4 Software Apps With Reseller & White Label
– First Time Ever Done On JVZoo
– FOUR PROVEN Software Apps WITH White Label Dashboard
– EACH App Has a Strong Agency & MMO Angle
– Insanely High Value Offer & Easy To Promote
– 4 Apps: MyVirtualTours, Video Matic, Videoz Agency, Easy Banners Pro
– Your Audience Can Upload Their Logo, Manage Clients etc.
Discounted Link : https://jvz7.com/c/2105669/368555
OTO 1: PRO – Get PRO Features For EACH App + Resell PRO Features
– Get Access To ALL PRO Features of ALL 4 Apps
– Use All The PRO Features For Your Business
– RESELL ALL PRO Features With This Upgrade – Sell PRO Version To Clients
– Insane Savings, Just One Time Investment Instead Of Paying For All 4 Apps Each
– PRO Version Includes Advanced Features, More Banners, More Virtual Tours etc.
Discounted Link : https://jvz8.com/c/2105669/368557
OTO 2: White Label Studio X
– ADVANCED White Label Features
– SMTP, Custom Upgrade URL, Custom Tutorial URL, Custom Support Link etc.
– Future White Label Features Included
– Future Software Updates Included
– Dedicated White Label Support
– 5 Team Member Access
Discounted Link : https://jvz8.com/c/2105669/368559
OTO 3: White Label Studio UNLIMITED
– Unlimited Client Accounts !!!
– Unlimited Animated Videos
– Unlimited 360 Virtual Tours
– Unlimited Interactive Videos
– Unlimited Banners
– Unlimited Email Contacts & Leads
– Unlimited Everything
Discounted Link : https://jvz8.com/c/2105669/368561
OTO 4: Marketing Pack – Done For You Resources To Sell Each App
– This Package Helps You Sell Your Agency Services & Each App
– Done For You Animated Sales Video
– Done For You Graphics
– Done For You Brochure
– Done For You PowerPoint/Keynote Presentation
– Done For You Sales Script
– And A Lot More
Discounted Link : https://jvz6.com/c/2105669/368563
All of them are Agency Apps so this is a FANTASTIC fit for the current Agency craziness but it also works GREAT for Video Marketers, Local Marketers, Coaches & Consultants, anyone wanting a SAAS Business and Biz Opportunity folks. Each app is updated & battle tested with hundreds of happy customers, JVZOO product of the day and incredible support.
All links in this sales funnel:
Front End 1 link (White Label Studio)
– White Label Studio link
OTO 1 link (White Label Studio Unlimited)
– White Label Studio Unlimited link
OTO 2 link (White Label Studio Pro)
– White Label Studio Pro link
OTO 3 link (White Label Studio Marketing Kit)
– White Label Studio Marketing Kit link
OTO 4 link ( White Label Studio (Upgrade 4))
– White Label Studio (Upgrade 4) link
Thanks for your precious time, hope you liked the Review
--------------------------------x--------------------------------
#white label studio review #white label studio #white label studio bonuses #white label software #white label software reseller #white label studio discount
1595372400
How to Install Android Studio on Ubuntu 20.04
1./ Install Android Studio Using APT
Method 1./ Install Android Studio Using APT
1- We need to add official repository to the sources list. Therefore, type the below command to add the Android Studio repository:
$ sudo add-apt-repository ppa:maarten-fonville/android-studio
02- Now let’s install Android studio and all the software dependencies as below.
$ sudo apt update
$ sudo apt install android-studio
Method 2./ Install Android Studio Using snap
We can install using the snap tool. So, use the below command to install Android Studio:
$ sudo snap install android-studio --classic
2./ Starting Android Studio
01- You can start Android Studio either by typing the command android-studio in your terminal or by clicking on the Android Studio icon (Activities -> Android Studio).
02- When you start Android Studio for the first time, a window like the following will appear asking you to import Android Studio settings from a previous installation. However, if you have a previous installation of Android Studio, simply browse to the configuration folder. If not, go with the default option which is Do not import settings.
03- Click on the Next button, and you will be presented with a window to choose your type of setup you want for Android Studio. So, let’s choose Standard which will install the most common settings and options as below.
04- Click Next and you’ll be taken to the following window to choose your UI theme:
05- You’ll be taken to a window to verify your chosen settings. Simply click on Next. Finally, wait for the Wizard to download and install the required dependencies before you can start your first Android project
#linux #ubuntu #install android studio #install android studio ubuntu #install sdk ubuntu #sdk #sdk install android studio #ubuntu install android studio
1618243440
[Guest post] Learn C# with Visual Studio, Visual Studio for Mac, and Unity
UPDATE: The book giveaway challenge is complete. We will be announcing winners on the Visual Studio blog within the next week. Thank you for your submissions!
Visual Studio is an amazing development tool. But Visual Studio and Visual Studio for Mac are more than just intuitive, state-of-the-art development environments. They’re also remarkably powerful learning and exploration tools, with features to help you create and understand your code. I love teaching and learning about C## with Visual Studio. That’s why my co-author, Jenny Greene, and I put Visual Studio and Visual Studio for Mac right at the center of our latest book, _Head First C# _(4th edition), published by O’Reilly Media. _Head First C# _incorporates Visual Studio directly in the learning. combining Visual Studio with the unique and innovative “brain-friendly” Head First approach to teaching helps us make learning C## easier and more fun for our readers.
#visual studio #c# #unity #visual studio 2019 for mac #visual studio for mac
1596965615
How to Use Template {{Markers}} in Document Studio
Your Document Studio templates can include any variable field that is available as a column title in the Google Sheet. In case of Google Forms, you can use any question title as your marker and the marker should be exactly as your question title enclosed in double curly braces.
For instance, if a question in your Google Form says “What is your name”, the marker you’ll use in your document template will be {{What is your name}}.
You can also create additional columns in the source Google Spreadsheet with formulas and use them as dynamic markers in your Google template. Let me show you an example.
Create a new column and call it Row Number. Now go to the first empty cell of that column and put this ArrayFormula function:
=ArrayFormula(if(LEN(A2:A); row(A2:A) -1;))
What we have added a column that displays the row number of the rows and we can now put {{Row Number}} in your document templates, merged file names and Drive folder path. For instance, if you put Invoice #{{Row Number}} in the file name, the files name would be named Invoice #1, Invoice #2 and so on automatically.
Formatting Date and Time
The same technique can be used to format date and time information for including in your templates.
Say the first column in your Google Sheet in called Timestamp and it includes the date and time when a Google Form response was submitted. Add a new column called Submission Time and add this formula in the first empty cell.
=ArrayFormula(if(NOT(ISBLANK(A2:A)),HOUR(A2:A)&":"&MINUTE(A2:A),))
You can now include the submission time in your email and document template using the {{Submission Time}} variable field.
Standard Markers for Google Forms
In addition to standard form questions and column headers, Google Forms also support a few standard markers like:
- {{Response Number}} - Form Response number
- {{Form Name}} - The name of the Google Form
- {{Form Url}} - A link to the associated Google Form
- {{Response Id}} - Unique response ID generated by Google Form
- {{Response Url}} - Directly link to view / edit the current form submission
- {{Response Date}} - The full timestamp when a form was submitted
- {{Respondent Email}} - If your Google Form is capturing email addresses, this will include the email address of the form respondent.
- {{All Markers}} - An HTML table containing all the form responses in a neat tabular format.
You should put {{All Answers}} in your email body to receive a copy of the form answers in an email notification.
#document studio #code #visual studio #visual studio code