Efecto visual en "carrusel" de imágenes

[[newtron]]

Hola a tod@s.


Tengo hecho un scrollbox con imágenes que se puede mover arriba y abajo con el dedo. Funciona sin problemas pero quiero darle un toque estético para indicar visualmente que hay imágenes por encima o por debajo que no se ven y que irán apareciendo según se vaya moviendo hacia arriba o abajo. Podría poner unas flechas pero me gustaría darle un toque más estético.


El diseñador que se ha encargado de prepararme las imágenes originalmente ha dibujado una especie de carrusel en la que las imágenes se van achicando y difuminando según se van separando de la parte central, cosa que no veo práctica, pero si se me ha ocurrido poner una imagen difuminada arriba y otra abajo que son las que saldrán si se mueve hacia arriba o hacia abajo.


Todo este rollo es para preguntar si se os ocurre algo para que la imagen que aparece en la parte superior de la "Imagen 2" saliera difuminada o inclinada o con algún efecto óptico.


Gracias y un saludo

[Casimiro Noteví]

No sé si puede servir este hilo.

[[newtron]]

Antonio.


Gracias por tu respuesta pero no es exactamente la idea, la idea es que todas las imágenes "activas" tengan el mismo tamaño y solo se diferencien la de arriba y la de abajo del todo, que no tendrán efecto si se pulsa en ellas.


Por otro lado el proyecto no es un proyecto firemonkey así que tampoco podría usar sus controles.


Yo me conformaría con poder darle un "toque" distinto a la imagen de arriba de la "Imagen 2", algo como si estuviera velada o turbia la imagen, o haciendo algún tipo de perspectiva.


Gracias y un saludo

[Casimiro Noteví]

Con los componentes clásicos para "png", la única posibilidad que veo en sus propiedades es desactivarlas y quedan en tonos de grises, en lugar de color.

[dec]

Hola a todos,

Yo supongo que debe haber alguna manera de conseguir lo que quieres... aunque no sabría decir de qué manera tendría que hacerse. Lo que se me ocurre que acaso puedes plantearte es usar un componente WebBrowser (o un "EdgeBrowser") y buscar alguna posible librería HTML / CSS / Javascript que te pueda interesar. Puesto que podemos interactuar con dicho componente "navegador" (saber si se ha pulsado en una imagen, etc.), tal vez esta sea una opción que podrías considerar, en un momento dado.

[Neftali [Germán.Estévez]]

Empezado por newtron

Todo este rollo es para preguntar si se os ocurre algo para que la imagen que aparece en la parte superior de la "Imagen 2" saliera difuminada o inclinada o con algún efecto óptico.

¿Estás con VCL o FMX?
Con FMX tienes bastantes efectos a aplicar. Grises, Blur, difuminados,...
Si estás con VCL, se me ocurre aplicar un efecto de GRIS à la imagen, que creo recordar que no es muy complicado (creo que el código ya ha salido en los foros).

UPDATED: Me sonaba que lo había visto...
Este ejemplo del FTP tiene el código para convertir una imagen a "sepia", a "grises" o "invertirla".
https://terawiki.clubdelphi.com/Delp...a_a_imagen.zip

Aquí también tienes modificaciones de colores de una imagen.
https://terawiki.clubdelphi.com/Delp...ula_imagen.zip

Esta es otra implementación de convertir la imagen a gris:
https://terawiki.clubdelphi.com/Delp...magen_gris.zip

Y este permite modificar colores RGB:
https://terawiki.clubdelphi.com/Delp...olor_image.zip

A ver si alguno te srive...

[[newtron]]

Gracias a todos por vuestras respuestas.



Efectivamente había pensado en pasar la imagen a tonos de grises o bajarle la resolución para "pixelarla". Le echaré un vistazo a esos links.


Gracias de nuevo y un saludo

[Casimiro Noteví]

Mira lo que comenté antes, los componentes para png tienen una propiedad para convertirlos a grises, no sé si los que trae delphi ahora lo siguen teniendo, y trabajo que te ahorras.

[[newtron]]

Empezado por Casimiro Notevi

Mira lo que comenté antes, los componentes para png tienen una propiedad para convertirlos a grises, no sé si los que trae delphi ahora lo siguen teniendo, y trabajo que te ahorras.

¿A qué componentes para png te refieres? porque en el Timage no veo ninguna propiedad para eso.



Gracias y un saludo

[Casimiro Noteví]

Empezado por newtron

¿A qué componentes para png te refieres? porque en el Timage no veo ninguna propiedad para eso.
Gracias y un saludo

Me refiero a los "pngcomponents" que se usaban antes de que delphi permitiera usar png.
Cuando se cambia la propiedad a "Enabled=False", había otra propiedad que la dibujaba en tonos de grises si la activabas.
No sé si las "Timage" nuevo tienen esa propiedad".

[[newtron]]

Antonio.


No encuentro esos componentes en Delphi Berlin, imagino que los habrán descartado en las últimas versiones.



Gracias y un saludo

[Casimiro Noteví]

Son instalables desde el IDE, aunque de todas formas estuve echándoles un vistazo anoche y para lo que tienes hecho creo que no te servirían.
Seguramente lo más cómodo en tu caso es llamar a una función que los ponga en tonos de grises, o incluso tener guardados 2 versiones de la imagen: la original a color y una copia en grises, y mostrar la que convenga en cada caso.

[[newtron]]

Antonio.


Si, ya veré qué solución le doy, por lo menos tengo opciones.


Gracias y un saludo