Creación de una aplicación móvil con Delphi y FireMonkey para desarrolladores de Experience Delphi & C++Builder.
Autor: Jim McKeeth
Vía Rápida a la Formación en Desarrollo Móvil para Delphi & RAD Studio
El curso consta de una presentación en Power Point que explica en detalle cada apartado del temario, más laboratorios en Word con guías paso a paso para realizar los ejercicios.
Temario del curso
1. Descripción general de la formación
- Gol
- Ayudarle a ponerse al día para el desarrollo móvil con FireMonkey
- Este es un taller – estamos desarrollando una aplicación juntos
- Expectativas
- Experiencia con VCL & Delphi
- Experiencia con el desarrollo de bases de datos
- Siga junto con los ejercicios
- Mostrando Delphi, pero en su mayoría funcionará igual en C++Builder
- There son muchos enlaces a los DocWikis
- http://docwiki.embarcadero.com/RADStudio/en/
- http://docwiki.embarcadero.com/Libraries/en/
- http://docwiki.embarcadero.com/CodeExamples/en/
- Accesos directos en diapositivas:
- docwiki:RADStudio/FireMonkey_Platform_Services
Se traduce en - http://docwiki.embarcadero.com/RADStudio/en/FireMonkey_Platform_Services
- docwiki:RADStudio/FireMonkey_Platform_Services
- Usted tiene una copia de las diapositivas y hay notas con más información y comentarios en la sección “notas de orador”
- Aplicación de recopilación de registros de proyectos
- Utiliza Embedded InterBase ToGo (o el IBLitegratuito)
- Base de datos tiene proyectos con entradas de registro secundarias
- Las entradas de registro incluyen: DateTime, Imagen, Geolocalización, Orientación, Acelerómetro, Notas de usuario
- Screens
- Editar los detalles del proyecto
- Agregar registros al proyecto
- Explorar y editar proyectos
- Explorar y editar entradas de registro de proyecto
- Informes
- Exportar proyecto con entradas de registro como JSON o HTML
- Guardar en archivo o compartir por correo electrónico, etc.
2. Introducción a FireMonkey
- FireMonkey es similar a VCL
- Su experiencia de VCL es aplicable para FireMonkey
- No es un mapeo 1:1 del VCL
- Porejemplo: Text en lugar de TLabel.Caption
- Diseñado para ser multiplataforma:
- iOS, Android, macOS y Windows
- Otras plataformasl ike Linux a través de 3rd parties
- La plataforma cruzada está en su ADN
- Todavía usa la RTL que conoces y amas
- FireMonkey también incluye servicios de plataforma y otros componentes no visuales
- Renderizado por GPU
- Utiliza DirectX en Windows
- OpenGL en macOS
- OpenGL ES en iOS y Android
- Echa un vistazo a la Guía de inicio rápido
- docwiki:RADStudio/en/FireMonkey_Quick_Start_Guide_-_Introduction
- El formulario FMX
- Utiliza números de punto flotantepara posiciones, tamaños, etc.
- Soporta animación y efectos gráficos
- Controles muy flexibles
- Muchas opciones de diseño diferentes
- Todos los componentes son anidados
- El archivo FMX es muy similar al archivo VCL
- Comprender el comportamiento predeterminado de la plataforma
- Muchas properties tienen una opción de valor PlatformDefault
- Esto cambiará el valor basado en la plataforma
- Tab Controls PlatformDefault propiedad http://embt.co/tabtutorial
- El estilo también puede aplicar propiedades basadasen platform
- Esto se controla con el StyledSettings propiedad
- Parámetros de texto de configuración http://embt.co/SettingTextParameters
- Cambie la propiedad ControlType de Styled a Platform
- Actualmente soporta iOS y Windows con Android próximamente
- Más información: http://embt.co/FMXNative
- Diseños FMX
- Servicios de plataforma FireMonkey
- Un servicio de plataforma es una interfaz FireMonkey que define alguna funcionalidad que podría o no ser implementada en una plataforma en tiempo de ejecución determinada
- Permite diferentes funciones e implementación por plataforma
- FireMonkey implementa muchos servicios deplataforma
- 52 servicios en 13 unidades
- Puede implementar sus propios servicios de plataforma
- Utilice TPlatformServices.AddPlatformService y RemovePlatformService
- Por ejemplo, puede anular el registro de uno de los servicios de plataforma integrados y reemplazarlo por una nueva implementación del servicio de plataforma que se adapte a sus necesidades.
- Más información sobre Platform Services
- http://embt.co/PlatformService
- Un servicio de plataforma es una interfaz FireMonkey que define alguna funcionalidad que podría o no ser implementada en una plataforma en tiempo de ejecución determinada
- Muchas properties tienen una opción de valor PlatformDefault
- Vistas del dispositivo:
- Multi-Device Preview: te ofrece una vista previa inmediata de tu interfaz de usuario en varias plataformas
- FireUI LivePreview: Ver su interfaz de usuario en su dispositivo físico en tiempo real
- docwiki:RADStudio/en/FireUI_Live_Preview
- Vistas de dispositivos
- Le permite agregar vistas personalizadas específicas de la plataforma a su diseño
- Imagen izquierda: http://docwiki.embarcadero.com/images/RADStudio/Rio/e/0/06/ViewsDropDownMenu.png
- docwiki:RADStudio/en/Using_FireMonkey_Views
- Vista previa de varios dispositivos
- Accesible a través de: Ver > Herramientas de Windows > Vista previa de varios dispositivos
- Http://docwiki.embarcadero.com/images/RADStudio/Rio/e/7/7e/MDPreviewWindow1.png de la imagen
- docwiki:/RADStudio/en/Multi-Device_Preview
- Similitudes
- ¿Qué son lostages advan?
- ¿Cuáles son las limitaciones?
- Hello World en Windows
3. Configurar el entorno
Requisitos generales de iOS frente a Android
Descarga de SDK
Emuladores
Introducción a los estilos
Aprovisionamiento de dispositivos Apple
- Hola mundo en el móvil
- http://embt.co/Create1stApp
4. Descripción general de la aplicación para la aplicación que estamos creando
- Utiliza InterBase Integrada ToGo (IBLite)
- Base de datos tiene proyectos con entradas de registro secundarias
- Imagen
- Información del sensor
- Geolocalización
- Información sobre cómo se enfrentaba la cámara cuando se tomó la foto
- http://docwiki.embarcadero.com/Libraries/en/System.Sensors.Components.TLocationSensor
- http://docwiki.embarcadero.com/Libraries/en/System.Sensors.Components.TOrientationSensor
- http://docwiki.embarcadero.com/Libraries/en/System.Sensors.Components.TMotionSensor
- Notas de usuario
- Editar los detalles del proyecto
- Agregar registros al proyecto
- Explorar y editar proyectos
- Explorar y editar entradas de registro de proyecto
- Exportar proyecto con entradas de registro como archivo HTML
- Incrustación
- Exportar proyecto como JSON
- Compartir a través de la Hoja de Compartir
5. Incrustar Interbase
- [Hay dos tablas: Proyectos y Entradas de registro, este último tiene el blob de imagen]
- También varios usuarios y el inicio de sesión se autenticará con InterBase
Uso del gestor de despliegue
LiveBindings
Sólo un ejemplo simple que muestra algunos datos
6. Configurar usuarios y pantallas de inicio de sesión (reutilizar los proyectos de la pantalla de inicio)
- Pantalla de inicio
- Pantalla de inicio de sesión
Ejercicio de laboratorio: Pantallas de inicio e inicio de sesión
- Form2Home.Hide; //Ocultar la pantalla de inicio.
- Form2Login.Show; //Mostrar la pantalla de inicio de sesión
Ejercicio de laboratorio: Pantallas Multiple
- DataModule
- Params.Values[‘USER_NAME’]
- Params.Values[‘Contraseña’]
- Connected 😕 True;
Ejercicio de laboratorio: Autenticar al usuario contra InterBase
- Trabajar con estilos
- Estilos predeterminados
- Ejercicio de laboratorio: Trabajar con estilos FMX predeterminados.
- Nomenclatura y referencia de recursos
- Almacenamiento de recursos de estilo: TStyleBook multiplataforma
- Estilos de plataforma
- Estilos de Costem
- Ejercicio de laboratorio: StyleBook y trabajar con estilos personalizados.
- Estilos anidados
- Secuencia de búsqueda de recursos de estilo
- Estilo de forma
- Componente TTabControl
- Ejercicio de laboratorio: Cómo utilizar componentes de pestañas para mostrar páginas
- . Mostrar y . Ocultar métodos
- Botones de glifo Arranged en una cuadrícula como diseño
- Ejercicio de laboratorio: Navegación de la pantalla de inicio usando botones de glifo
- Navegación de la pantalla de inicio de la aplicación
7. Crear formulario de captura de datos
- Entrada del usuario,
- Teclado
- Adición a la base de datos
8. Sensores
- TCameraComponent
- Tomar una foto con una cámara de dispositivo móvil
- Guardar una imagen en la fototeca del dispositivo
- Uso de una imagen de la fototeca del dispositivo móvil
- Compartir o imprimir una imagen
- LocationSensor – Latitud y Longitud
- Geocoding inverso
- Sensor de orientación – inclinación de tres ejes, distancia y rumbo, etc.
- Acelerómetro (sensor de movimiento)-aceleración, ángulo, estado y velocidad del movimiento del dispositivo.
- Ejercicio LAB: Crear el formulario de captura de datos
Adición a la base de datos
9. Generar salida de datos
- HTML con imágenes incrustadas (ver más abajo)
- JSON (con imágenes integradas en Base64)
Hoja de acciones
10. Consideraciones de arquitectura
- Android – Diálogos asincrónicos, pero no se moleste en entrar en los servicios.
- iOS
- ¿Cómo figura Windows y macOS?
- Tipo proto rápidoen Windows
- Publicación de App Store
- Google Play Store
- Apple App Store
Duración
Estimada por el autor (Jim McKeeth): 8 horas
Objetivos
- Ayudarte a ponerte al día en desarrollo móvil con FireMonkey
- Desarrollar juntos un app
Modalidad
- Presentación de diapositivas (Power Point)
- Es necesario descargar los materiales que ponemos a tu disposición.
Audiencia
- Personas con experiencia en Delphi o C++ Builder y alguna experiencia con desarrollo de bases de datos.
Soporte
- No inlcuido
Coste y adquisición
Adquiere el curso
39 € + IVA.
Ahora gratis Si eres cliente de Danysoft.com / Aledit.com este curso es totalmente gratuito. Es decir, por adquirir o renovar tus licencia tendrás acceso a este curso sin coste adicional.
Productos y versiones necesarios:
- Lo mostramos con Delphi, pero también puedes seguirlo con C++Builder
- Construido con 10.3 Rio y debería funcionar con cualquier edición (Incluyendo la Community Edition gratuita)
¿Necesitas más información?
Puedes ponerte en contacto con nuestro equipo de profesionales y realizar la consulta que necesites.