App móvil sin código con Google Sheets & AppGyver

Las páginas son la estructura principal de lo que el usuario ve e interactúa con una aplicación de Composer. Lo más probable es que su aplicación tenga varias páginas, con el usuario moviéndose entre ellas para acceder a diferentes funcionalidades (puede leer más sobre esto en la guía de navegación).

El creador de aplicaciones tiene una sola página abierta en un momento dado. Puede cambiar la página activa y crear otras nuevas a través del menú desplegable en el lado izquierdo de la barra de herramientas global.

Estructura de la página

Cada página tiene un componente contenedor base llamado Diseño de página, que actúa como padre para todos los demás componentes de la página. Siempre tiene una dirección de diseño horizontal y, de forma predeterminada, algo de relleno para que sea agradable simplemente arrastrar y soltar algunos componentes.

El contenedor base se puede seleccionar de tres maneras:

• Hacer clic en un área del lienzo de vista no ocupada por otro componente de vista

• Hacer clic en el área gris alrededor del lienzo de vista

• hacer clic en el elemento Diseño de página en el árbol de diseño

Cuando se selecciona el contenedor base, puede configurar propiedades y estilos para la página en su conjunto. Para obtener una lista y una descripción de las propiedades disponibles, consulte la guía de referencia de propiedades de la página.

Lienzo global

El lienzo global es una página que existe en el contexto de toda la aplicación. Aquí, puede editar todas las variables que existen dentro de su aplicación y crear lógica para toda la aplicación.

Propiedades de la página

Cuando se selecciona la página, hay varias propiedades que se pueden ver o editar a través del panel de propiedades en la barra lateral derecha.

Nombre

Nombre legible para la página. Se utiliza, por ejemplo, en los menús desplegables de propiedades donde se puede seleccionar una página (como cuando se utiliza la función Abrir flujo de página) y en el menú de selección de página. De forma predeterminada, esto también es lo que se muestra en la barra de navegación cuando esta página está abierta.

Breve descripción

IDENTIFICACIÓN

ID interno de la página. Corresponde al índice de la URL de Composer del navegador. Si bien este es el valor real utilizado por las API internas, en la mayoría de los casos, este valor se resuelve automáticamente y no tiene que preocuparse por ello.

Mostrar spinner al cargar la página

Si se activa, la página mostrará un girador centrado en lugar del contenido de la página hasta que se llame al flujo Ocultar girador. Esto puede ser útil cuando, por ejemplo, se navega a la página de detalles que carga algunos datos de Internet, lo que le permite proporcionar comentarios directos para la interacción del usuario sin mostrar una interfaz de usuario rota.

Estilos de página

La ficha Estilo le da acceso a las siguientes propiedades de estilo.

Relleno

Se utiliza para establecer el relleno para el contenedor base de la página. Enlazado a las variables y tema de forma predeterminada.$paddingPageHorizontal$paddingPageVertical

Color de fondo

Color de fondo de la página. Enlazado a la variable de tema de forma predeterminada.$colorBackground

Desactivar desplazamiento

Si está marcada, no puede desplazarse por la página en el móvil. Esto resulta útil si desea crear su propia sección desplazable con el componente Vista de desplazamiento.

Estirar a la altura de la ventana gráfica

Si se marca, el contenedor base crecerá para llenar toda la ventana gráfica. Esto es útil si desea, por ejemplo, colocar un componente en la parte inferior de la pantalla con posición.absolute

Desactivar área segura

Antes del diseño de 'muesca', introducido por el Iphone X, los diseños de la interfaz de usuario irían de borde a borde en la pantalla, ocupando todo el espacio disponible. Sin embargo, con el nuevo diseño, Apple tuvo que introducir el "área segura", que es una característica que restringe los bordes de View Components para que no se vean recortados por las esquinas redondeadas y la muesca del iPhone X. En Composer, deshabilitar el área segura permitirá que el diseño de la interfaz de usuario elimine todo el espacio posible en la pantalla.

La API definitiva para Hojas de cálculo de Google

"Antes de Sheetson: Los desarrolladores deben aprender a autenticarse y usar la API de Hojas de cálculo de Google, luego lidiar con datos poco familiares pero complicados para obtener el valor deseado. Después de Sheetson: El desarrollo funciona tan rápido desde el prototipo hasta la producción que ahorraría muchas horas." - Sheetson

Introducción

"¡Bienvenido a la API de Sheetson! Puedes usar nuestra API para acceder a los datos de cualquier archivo de Hojas de cálculo de Google al que tengas acceso. Básicamente, cada archivo de Google Sheet es una base de datos, y cada pestaña dentro de ese archivo es una tabla. La API de Sheetson está diseñada en torno a estas definiciones." - Sheetson

Preparación de hojas de cálculo

Es obligatorio que siempre identifique la primera fila de su hoja como encabezado. Puede utilizar cualquier carácter o cualquier longitud, pero se recomienda utilizar sólo caracteres alfanuméricos. Tome esta hoja a continuación como ejemplo.

Cómo recurso adjunto se encuentra una plantilla de hoja de cálculo de fácil importación.

Compartir la hoja de cálculo

"Sheetson se ha tomado en serio la seguridad al no dejar que su hoja de cálculo se publique al mundo. En su lugar, solo necesita compartir su hoja de cálculo con nuestro correo electrónico como editor, luego nosotros nos encargaremos del resto." - Sheetson

Obtener el ID de hoja de cálculo y el nombre de la hoja

El ID de hoja de cálculo y el nombre de hoja son necesarios para manipular los datos. A continuación se muestra una guía donde puede encontrar dicha información.

Datos de ejemplo:

Para comenzar, preparamos una hoja llamada Ciudades.

Obtener varias filas

Puede recuperar varios objetos a la vez enviando una solicitud a la dirección URL de la clase. Sin ningún parámetro de URL, esto simplemente enumera los objetos de la clase:GET

Aprenderá a crear la interfaz gráfica de usuario para mostrar la información descargada de las hoja de cálculo a través de la integración directa a Sheetson.

Aprenderá a crear una nueva hoja con una estructura de datos diferente. Con la experiencia básica le será fácil crear la hoja para el control de tareas de Marketign Digital.

Aprenderá a crear un enlace directo del contenido multimedia y agregar una referencia a la tabla de datos para el control de la tarea con contenido multimedia cómo enlace.

La ingeniería informática aplicada al contexto de las aplicaciones móviles te permitirá llevar en tu dispositivo móvil información en tiempo real y con una interfaz gráfica adaptable a cualquier dispositivo.

Aprenderás a crear el backend y frontend para listar las tareas almacenadas en la hoja de cálculo de Google.

Obtener una fila

Puede recuperar el contenido de una fila enviando una solicitud GET a la dirección URL. Por ejemplo, para recuperar información de Los Ángeles en la hoja Ciudades:rowIndex