PC SOFT

AYUDA EN LÍNEA
DE WINDEV, WEBDEV Y WINDEV MOBILE

¡Nueva funcionalidad WINDEV Mobile 25!
Este contenido proviene de una traducción automática.. Haga clic aquí para ver la versión original en inglés.
  • Esta lección le enseñará los conceptos siguientes
  • Presentación
  • Inicio de WINDEV Mobile
  • Entorno de desarrollo
  • El editor
  • La barra de menús (la cinta) en detalles
  • Los colores del entorno
Lección 1.1. Descubra WINDEV Mobile
Esta lección le enseñará los conceptos siguientes
  • Inicio de WINDEV Mobile.
Duración de las clases

Tiempo estimado: 10 mn
Tabla de contenidoSiguiente lección
Presentación
WINDEV Mobile es un IDE (Integrated Development Environment) que le permite desarrollar aplicaciones para Android, iOS, Universal Windows (Windows 10), Windows Mobile, ... en varios campos: negocios, industrial, médico, hostelería, ... Las aplicaciones desarrolladas pueden dar acceso a la información almacenada en las bases de datos.
Este tutorial le explicará cómo crear sus aplicaciones (con o sin base de datos) y cómo mejorarlas utilizando las diferentes características propuestas por WINDEV Mobile.
Inicio de WINDEV Mobile
  • Inicie WINDEV Mobile 25 (si no lo ha hecho ya).
  • Si es la primera vez que se inicia WINDEV Mobile 25, se abre un asistente de bienvenida . Este asistente está acostumbrado a:
    • Si trabajó con una versión anterior de WINDEV Mobile, este asistente le permite recuperar las configuraciones existentes.
    • Si usted es un nuevo usuario, este asistente le permite configurar su entorno. Esto le permite elegir la configuración de la pantalla utilizada y configurar los centros de control.
  • Isi ya ha lanzado WINDEV Mobile 25, regístrese si es necesario. El entorno de desarrollo se inicia. Aparece la página de inicio.
    Página de inicio
    TEsta página de inicio está acostumbrada a:
    • crear un proyecto,
    • abrir un proyecto existente,
    • abrir un ejemplo,
    • abra uno de los proyectos que se encuentran en el tutorial.
  • Echemos un vistazo al entorno de desarrollo de WINDEV Mobile. Para ello, desde la página de inicio:
    • Haga clic en "Tutorial".
    • Haga doble clic en "iOS/Android application (Answer)"..
      Ejercicios tutoriales
    • El proyecto correspondiente se abre en el editor. Se muestra el panel de control del proyecto. El panel de control del proyecto le permite comprobar el progreso de un proyecto a través de varios elementos (llamados widgets).
      Cuadro de mando del proyecto
Entorno de desarrollo

El editor

El entorno de desarrollo de WINDEV Mobile incluye una interfaz específica y varios editores que le permiten crear los diferentes elementos de sus aplicaciones.
Por ejemplo, el editor de la ventana se utiliza para crear ventanas, el editor de informes se utiliza para crear informes,...
  • Para descubrir WINDEV Mobile, vamos a abrir la ventana "Forma del producto:
    1. Presione Ctrl + E.
    2. En la ventana que se muestra, escriba el nombre de la ventana que desea abrir: WIN_Formulario_de_producto.
    3. Valide. 0.
Todos los editores utilizan el mismo entorno:
Editor de WINDEV Mobile
  1. Menu de los editores, mostrado en formato de cinta (veremos cómo usarlo en el siguiente párrafo).
  2. Current editor (en este caso, editor de ventanas). Este espacio le permite ver el elemento actualmente creado o modificado en WYSIWYG (What You See Is What You Get).
  3. Panes. La interfaz de WINDEV Mobile incluye varios paneles que le permiten acceder rápidamente a diferentes tipos de información.
    Algunos ejemplos:
    • el panel "Explorador de proyectos" (que se muestra a la derecha) se utiliza para listar todos los elementos del proyecto por categoría.
    • el panel de búsqueda (que se muestra en la parte inferior) se utiliza para realizar búsquedas en todo el proyecto y en sus elementos.
    Estos paneles se pueden ocultar pulsando Ctrl + W si es necesario.
  4. Bar de documentos abiertos. Esta barra se utiliza para ver rápidamente todos los elementos abiertos. Un simple clic en el botón correspondiente al elemento lo muestra en su propio editor.

La barra de menús (la cinta) en detalles

La barra de menús de WINDEV Mobile se presenta en formato de cinta. Esta cinta incluye paneles en los que se agrupan las diferentes opciones de los editores.
Vamos a ver más de cerca los principales elementos de la cinta, así como la forma en que la utilizaremos en este tutorial.
Cinta de WINDEV Mobile
TLos diferentes elementos de cinta
La cinta incluye 3 áreas:
  • el área de botones, a la izquierda (1).
  • el área del panel, en la parte superior (2).
  • el área de opciones (3).
Echemos un vistazo más de cerca a estas áreas.
The button area (1)
Área botones
Los grupos de botones botones de acceso rápido. Estos botones se utilizan para realizar las operaciones más habituales, comunes a todos los editores: guardar, abrir, crear, ....
El logotipo del producto se utiliza para mostrar la ventana "Acerca de", los menús personalizados y los menús desplegables que se encuentran en la interfaz anterior de los editores.
La flecha en la parte superior derecha del área de botones le permite encontrar las barras de herramientas y los menús desplegables de la antigua interfaz del editor.
TEl área del panel (2)
Área del panel
TLos diferentes paneles de la cinta se utilizan para acceder a las opciones de los diferentes editores del proyecto actual.. Varios tipos de paneles están disponibles:
  • el panel actual: El nombre del panel aparece en negrita y está subrayado por una línea naranja.
  • los paneles emergentes, específicos del elemento actual: El nombre del panel se muestra en azul.
  • los paneles disponibles: El nombre del panel se muestra en negro.
The option area (3)
Área de opciones
TLas opciones mostradas en la cinta difieren según el panel seleccionado.. Existen varios tipos de opciones:
  • Opciones para comprobar,
  • Botones para hacer clic,
  • Botón con flecha utilizará para ampliar las opciones. Hay dos tipos de botones con flechas disponibles:
    • los botones con la flecha se usan para expandir un menú
    • los botones con flecha utilizados para expandir un menú (haga clic en la flecha) o para realizar una acción predeterminada (haga clic en el icono del botón).
Las opciones están organizadas por el grupo. Cada grupo de opciones tiene un nombre y también puede incluir un grupo de botones Botón Agrupar. Este botón se utiliza para realizar una acción específica de acuerdo con el grupo actual.: visualizar la descripción del elemento actual, visualizar la ayuda, ...
En este tutorial, para identificar a una opción de menú, vamos a estar hablando de paneles y grupos. Por ejemplo: Para mostrar la ayuda, en el panel de "Home", en la "Ayuda en línea" del grupo, haga clic en "Ayuda".

Los colores del entorno

El entorno utiliza un tema de luz de forma predeterminada.
También hay otros temas disponibles:
  • Tema claro, cinta de opciones gris. En este modo, la barra de menús ya no está coloreada.: es grisáceo.
  • Tema gris. En este modo, el entorno y las ventanas de la interfaz se muestran sobre un fondo gris claro..
  • Tema oscuro. En este modo, el entorno y las ventanas de la interfaz se muestran sobre un fondo negro o gris oscuro..
  • Para modificar el tema utilizado por el entorno:
    1. En el panel "Inicio", en el grupo "Entorno", expanda "Opciones" y seleccione "Opciones generales de WINDEV Mobile".
    2. En la pestaña "Editor", en el área "Temas", seleccione el tema que desea utilizar.
    3. Valide. El tema se tendrá en cuenta durante el próximo inicio de WINDEV Mobile.
Observación: Para mejorar la legibilidad de este manual, se utilizará el tema de la luz para las diferentes imágenes que ilustran las operaciones a realizar..
Tabla de contenidoSiguiente lección
Versión mínima requerida
  • Versión 25
Comentarios
Haga clic en [Agregar] para publicar un comentario