PC SOFT

AYUDA EN LÍNEA
 WINDEVWEBDEV Y WINDEV MOBILE

¡Nueva funcionalidad de WINDEV Mobile 26!
Este contenido se ha traducido automáticamente. Haga clic aquí para ver la versión 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
  • Idioma del entorno
Lección 1.1. Descubra WINDEV Mobile
Esta lección abarcará los siguientes temas
  • Iniciar WINDEV Mobile.
Duración de la lección

Tiempo estimado: 10 min
Tabla de contenidoSiguiente lección
Presentación
WINDEV Mobile es un entorno completo de desarrollo integrado de DevOps que permite desarrollar aplicaciones Android, iOS, Universal Windows (Windows 10) y Windows Mobile, ... en diferentes campos: comercial, industrial, médico, hotelero, entre otros, ... Las aplicaciones pueden acceder a información almacenada en las bases de datos.
A lo largo de este tutorial, aprenderá a crear sus aplicaciones (con o sin base de datos) y a enriquecerlas utilizando las numerosas funciones disponibles en WINDEV Mobile.
Iniciar WINDEV Mobile
  • Inicie WINDEV Mobile 26 si es necesario.
  • Si no ha iniciado WINDEV Mobile 26 antes de, aparecerá un asistente de bienvenida.
    • Si ha trabajado con una versión anterior de WINDEV Mobile, esta asistente le permite recuperar las configuraciones existentes.
    • Si es un nuevo usuario, el asistente le permite configurar el entorno. Esto le permite elegir la configuración de pantalla que va a utilizar y configurar los Centros de Control.
  • Si ya ha iniciado WINDEV Mobile 26, inicie sesión si es necesario. El entorno de desarrollo se abre. La página de inicio aparece en pantalla.
    Página de inicio
    La página de inicio permite:
    • crear un proyecto,
    • abrir un proyecto existente,
    • abrir un ejemplo,
    • abrir un proyecto del tutorial.
  • Veamos el entorno de desarrollo de WINDEV Mobile. Para ello, desde la página de inicio:
    • Haga clic en "Tutorial".
    • En "Parte 1 - Lección 1.1. Descubra WINDEV Mobile", haga doble clic en "Gestión de productos Android/iOS (Respuestas)"..
      Ejemplo de tutorial
    • El proyecto correspondiente se abre en el editor. El cuadro de mando del proyecto se muestra en pantalla. El cuadro de mando permite seguir el progreso global de un proyecto a través de varios Widgets.
      Proyecto cuadro de mando
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.
El editor de ventanas permite crear ventanas, la editor de reportes permite crear informes, ...

  • Para explorar WINDEV Mobile, abra la ventana "Product form":
    1. Presione Ctrl + E.
    2. En la ventana que aparece, introduzca el nombre de la ventana que desea abrir: WIN_Product_form.
    3. Validar. La ventana aparece en el editor.
Todos los editores utilizan el mismo entorno:
Editor WINDEV Mobile
  1. Menú de los editores, que se muestra como una cinta de opciones (veremos cómo se utiliza en el siguiente párrafo).
  2. Editor actual (en este caso, editor de ventanas). El editor muestra el elemento que se está creando o modificando en modo 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.
    Por ejemplo:
    • el panel "Explorador de proyectos" (que se muestra a la derecha) enumera todos los elementos del proyecto por categorías.
    • el panel de búsqueda (en la parte inferior) permite realizar búsquedas en todo el proyecto y sus elementos.
    Los paneles se pueden ocultar pulsando Ctrl + W.
  4. Pestañas de documentos abiertos. Estas pestañas permiten ver rápidamente todos los elementos abiertos. Al hacer clic en un elemento, este se muestra en el editor correspondiente.

Barra de menús (cinta de opciones) detallada

La barra de menú de WINDEV Mobile se presenta como una cinta. La cinta contiene pestañas en las que se agrupan las diferentes opciones de los editores.
Vamos a ver con más detalle los elementos más importantes de la cinta y a analizar cómo los vamos a utilizar en este tutorial.
Cinta móvil WINDEV
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).
Veamos estas áreas en detalle.
Sección de botones (1)
Sección botones
La sección de botones agrupa principalmente los botones de acceso rápido. Estos botones permiten realizar las operaciones más frecuentes, comunes a todos los editores: guardar, abrir, crear, etc.
El logotipo del producto muestra la ventana "Acerca de", así como los menús personalizados (Menú-Perso) y desplegables de la antigua interfaz del editor.
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 nombre del panel aparece en naranja (o azul en el tema claro).
  • las pestañas disponibles: El nombre de la pestaña se muestra en blanco (o en negro en el tema claro).
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 desplegables que muestran otras opciones. Existen dos tipos de botones desplegables:
    • botones desplegables para desplegar un menú
    • botones divididos que permiten desplegar un menú (haciendo clic en la flecha), o realizar una acción predeterminada (haciendo clic en el ícono 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 Iniciador de cuadro de diálogo. Este botón permite realizar una acción específica según el grupo actual: abrir la descripción del elemento actual, abrir la ayuda, ...
En este tutorial, para referirse a una opción de menú, hablaremos de paneles y grupos.. Por ejemplo: Para abrir la ayuda, vaya a la pestaña "Inicio", grupo "Ayuda en línea" y 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.: se muestra en gris.
  • Tema gris. En este modo, el entorno y las ventanas de la interfaz se muestran en un gris claro de Background.
  • Tema oscuro. En este modo, el entorno y las ventanas de la interfaz se muestran en un Background negro o gris oscuro.
  • Para cambiar 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. Validar. El tema se tendrá en cuenta la próxima vez que se ponga en marcha Time WINDEV Mobile.
Observación: También se puede cambiar solo el color de fondo del editor de código. Para obtener más información, consulte Coloración del código WLanguage.

  • Las imágenes de este tutorial se crearon con el tema oscuro, tema predeterminado del entorno.

Idioma del entorno

El entorno de desarrollo de WINDEV Mobile está disponible en 3 idiomas: español, inglés y francés.

  • Para cambiar el idioma del 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 "General", en la sección "Idioma", seleccione el idioma deseado.
    3. Validar. El idioma seleccionado se tendrá en cuenta la próxima vez que se inicie Time WINDEV Mobile. De este modo, puede adaptar el entorno al idioma deseado.
  • Para continuar este tutorial, cerraremos el proyecto actual:
    1. En la pestaña "Inicio", en el grupo "General", despliegue "Cerrar" y seleccione "Cerrar proyecto".
    2. Guarde los elementos modificados, si es necesario.
    3. Aparece la página de inicio de WINDEV Mobile.
Tabla de contenidoSiguiente lección
Versión mínima requerida
  • Versión 26
Comentarios
Haga clic en [Agregar] para publicar un comentario