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 abarcará los siguientes temas
  • Presentación
  • Iniciar WINDEV Mobile
  • Entorno de desarrollo
  • Editor
  • Barra de menús (cinta de opciones) detallada
  • Colores del entorno
Lección 1.1. Descubra WINDEV Mobile
Esta lección abarcará los siguientes temas
  • Inicio de WINDEV Mobile.
Duración de las clases

Tiempo estimado: 10 mn
Tabla de contenidoSiguiente lección
Presentación
WINDEV Mobile es un completo Entorno de Desarrollo Integrado de DevOps dirigido al desarrollo de aplicaciones Android, iOS, Universal Windows (Windows 10) y 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.
A lo largo de este tutorial, aprenderá cómo crear sus aplicaciones (con o sin una base de datos) y cómo enriquecerlas usando las muchas características ofrecidas por WINDEV Mobile.
Iniciar WINDEV Mobile
  • Inicie WINDEV Mobile 25 (si es necesario).
  • Si es la primera vez que se inicia WINDEV Mobile 25, se abre un asistente de bienvenida . Este asistente permite:
    • Si trabajó con una versión anterior de WINDEV Mobile, esta asistente le permite recuperar las configuraciones existentes.
    • Si es un nuevo usuario, esta asistente le permite configurar su entorno. Esto le permite elegir la configuración de la pantalla utilizada y configurar los centros de control.
  • Si ya ha iniciado WINDEV Mobile 25, inicie sesión, si es necesario. El entorno de desarrollo se inicia. Aparece la página de inicio.
    Página de inicio
    La página de inicio permite:
    • crear un proyecto,
    • abrir un proyecto existente,
    • abrir un ejemplo,
    • abrir uno de los proyectos del tutorial.
  • Echemos un vistazo al entorno de desarrollo de WINDEV Mobile. Para ello, desde la página de inicio:
    • Haga clic en "Curso de autoformación".
    • Haga doble clic en "iOS/Android application (Answer)"..
      Ejercicios de Curso de autoformación
    • 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

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 ventanas permite crear ventanas, el editor de reportes permite crear reportes, etc.
  • Para explorar WINDEV Mobile, abra la ventana "Product form":
    1. Presione Ctrl + E.
    2. En la ventana que aparece, escriba el nombre de la ventana que desea abrir: WIN_Product_form.
    3. Valide. La ventana se muestra en el editor.
Todos los editores usan el mismo ambiente:
Editor WINDEV Mobile
  1. Menu de los editores, mostrado en formato de cinta (veremos cómo usarlo en el siguiente párrafo).
  2. Editor actual (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. Pestañas. La interfaz de WINDEV Mobile contiene varios paneles que le permiten acceder rápidamente a diferentes tipos de información.
    Por ejemplo:
    • 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. Barra 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.

Barra de menús (cinta de opciones) detallada

La barra de menús de WINDEV Mobile se presenta en formato de cinta. Esta cinta contiene pestañas en las que se agrupan las diferentes opciones de los editores.
Vamos a ver más de cerca los elementos principales de la cinta, así como la forma en que la usaremos en este tutorial.
Cinta de WINDEV Mobile
Elementos de la cinta de opciones
La cinta de opciones está constituida por 3 secciones:
  • la sección de botones, a la izquierda (1).
  • la sección de pestañas en la parte superior (2).
  • la sección de opciones (3).
Echemos un vistazo más de cerca a estas secciones.
Sección de botones (1)
Sección botones
La sección de botones agrupa principalmente los 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 de la sección de botones le permite acceder a las barras de herramientas y menús de la anterior interfaz de los editores.
Sección de pestañas (2)
Sección de pestañas
Las diferentes pestañas de la cinta permiten acceder a las opciones de los editores del proyecto actual. Existen varios tipos de pestañas:
  • la pestaña actual: El texto de la pestaña se muestra en negrita y está subrayado por una línea naranja.
  • las pestañas contextuales, específicas del elemento actual: El texto de la pestaña se muestra en azul.
  • las pestañas disponibles: El texto de la pestaña se muestra en color negro.
Sección de opciones (3)
Sección de opciones
Dependiendo de la pestaña seleccionada, las opciones de la cinta cambian. Existen varios tipos de opciones:
  • Opciones a seleccionar,
  • Botones para hacer clic,
  • Botones con flecha para desplegar las opciones. Existen dos tipos de botones con flecha:
    • los botones con la flecha que permiten desplegar 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 grupos. Cada grupo de opciones tiene un nombre y un iniciador de cuadro de diálogo 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 curso, para identificar una opción de menú, hablaremos de pestañas y grupos. Por ejemplo: Para abrir la ayuda, en la pestaña "Inicio", en el grupo "Ayuda en línea", haga clic en "Ayuda".

Colores del entorno

De forma predeterminada, el entorno utiliza un tema claro.
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 la pestaña "Inicio", en el grupo "Entorno", despliegue "Opciones" y seleccione "Opciones generales de WINDEV Mobile".
    2. En la pestaña " Editor", en la sección "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 una mejor legibilidad, utilizaremos el tema claro 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