Este debate contiene 1 respuesta, tiene 2 mensajes y lo actualizó  Alfonso Martínez hace 8 meses.

GALERIA CON IMAGENES QUE SE AJUSTAN

  • He estado viendo varias aplicaciones de ejemplo como la de las Fiestas de Alcoy o la entrevista a Jennifer Pareja. En las dos aparecen galerías de imágenes en las que estas se pueden pasar con el dedo y se ajustan al recuadro, es decir, si dejas de arrastrar a mitad de la foto, esta se desplaza a la siguiente, ajustándose al tamaño (Ej. en la de Alcoy varias fotos de Moros y Cristianos). Con el efecto Scroll si dejo de arrastrar la imagen queda en ese punto. ¿Cómo se puede lograr ese ajuste?

    Por otro lado, el efecto externo de galería de imágenes no deja pasarlas arrastrando, sino que salen unos pequeños círculos abajo a la derecha sobre los que tienes que pulsar para pasarlas. ¿No se puede hacer que se puedan pasar arrastrando con el dedo o pulsando sobre unas flechas izq./der. que se inserten?).

    Gracias

    Respuesta

    Para lograr este efecto no tienes que utilizar la etiqueta ‘scroll’, sino la funcionalidad ‘galería de imágenes’. De esta manera irán cambiando una a una, quedando encajadas en el marco rectangular que tu hayas definido.

    Galería de imágenes

    Recuerda:

    Las imágenes deben estar en formato JPG o PNG (con o sin transparencia).
    Todas las imágenes deben tener el mismo tamaño o ser proporcinales.

    Guarda tus imágenes en la carpeta «Resources» o en la carpeta «Libraries» de tu proyecto. Para una mejor organización de tus ficheros, es aconsejable crear una subcarpeta y meter en ella las imágenes de tu galería.

    Para poder previsualizar el resultado tienes que enviar la app a tu dispositivo usando 480iViewer. De esta forma podrás comprobar el resultado, y podrás cambiar de imágen deslizando con el dedo.

    Saludos,

    Respuesta
Respuesta a: GALERIA CON IMAGENES QUE SE AJUSTAN
Tu información:





<a href="" title="" rel="" target=""> <blockquote cite=""> <code> <pre> <em> <strong> <del datetime=""> <ul> <ol start=""> <li> <img src="" border="" alt="" height="" width="">

Respuesta