38 lines
2.0 KiB
Markdown
38 lines
2.0 KiB
Markdown
|
# Plan de Configuración de Relación de Aspecto de Fotos
|
||
|
|
|
||
|
|
Este plan detalla la adición de una configuración de relación de aspecto para las fotos capturadas con la cámara de la aplicación.
|
||
|
|
|
||
|
|
## User Review Required
|
||
|
|
|
||
|
|
> [!IMPORTANT]
|
||
|
|
> La relación de aspecto afectará tanto a la previsualización en pantalla como al archivo de imagen resultante. Algunas relaciones de aspecto (como 1:1 o 16:9) pueden implicar un recorte del sensor original de la cámara.
|
||
|
|
|
||
|
|
## Proposed Changes
|
||
|
|
|
||
|
|
### [Configuración y Persistencia]
|
||
|
|
|
||
|
|
#### [MODIFY] [footerConfig.ts](file:///C:/xampp/htdocs/Avante%20movil/src/photo/footerConfig.ts)
|
||
|
|
- Definir el tipo `PhotoAspectRatio = '1:1' | '4:3' | '16:9' | 'full'`.
|
||
|
|
- Añadir la propiedad `aspectRatio` a la interfaz `FooterConfig`.
|
||
|
|
- Actualizar `defaultConfig()` para incluir `aspectRatio: '4:3'` por defecto.
|
||
|
|
|
||
|
|
### [Interfaz de Usuario]
|
||
|
|
|
||
|
|
#### [MODIFY] [PhotoSettingsScreen.tsx](file:///C:/xampp/htdocs/Avante%20movil/src/screens/PhotoSettingsScreen.tsx)
|
||
|
|
- Añadir un selector (`ChipSelect`) para la relación de aspecto antes del selector de calidad de compresión.
|
||
|
|
- Definir las opciones visibles para el usuario.
|
||
|
|
|
||
|
|
### [Cámara]
|
||
|
|
|
||
|
|
#### [MODIFY] [CameraScreen.tsx](file:///C:/xampp/htdocs/Avante%20movil/src/screens/CameraScreen.tsx)
|
||
|
|
- Recuperar la configuración de `aspectRatio` desde el almacenamiento.
|
||
|
|
- Aplicar la relación de aspecto al componente `CameraView` de `expo-camera`.
|
||
|
|
- Ajustar el estilo del contenedor de previsualización para que refleje visualmente la proporción elegida (p. ej. añadiendo bandas negras si es 1:1 o 16:9 en una pantalla que no coincide).
|
||
|
|
|
||
|
|
## Verification Plan
|
||
|
|
|
||
|
|
### Manual Verification
|
||
|
|
1. **Configuración**: Cambiar la relación de aspecto en la pantalla de configuración y verificar que se guarda correctamente.
|
||
|
|
2. **Cámara**: Abrir la cámara y comprobar que el área de visión cambia según la proporción elegida (1:1 debería verse cuadrado).
|
||
|
|
3. **Captura**: Tomar una foto y verificar en la galería local de la app que las dimensiones de la imagen resultante coinciden con la proporción configurada.
|