Flex-4 Beta2: la imagen de fondo dejó de funcionar

Question

Después de actualizar un proyecto de Flex4 Beta1 a Beta2, descubrí que el estilo de imagen de fondo ya no es compatible con los componentes de Halo.

Por ejemplo:

<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
         backgroundImage="@Embed(source='myImage.png')" />

Tenga en cuenta que el problema de jira SDK-23050 señala lo siguiente:

  

backgroundImage no es compatible con las máscaras de Spark.

Pero esto no es usar una máscara Spark, solo un componente Halo estándar.

¿Alguien tiene alguna idea?

Answer 1

Terminé cambiando la imagen de fondo a la máscara de fondo, y eso resolvió el problema.

Answer 2

<s:BorderContainer x="100" y="100" width="200" height="200"

                   backgroundImage="@Embed(source='image.jpg)" >
</s:BorderContainer>

Use el código de arriba. Cualquier chispa: BorderContainer tiene la opción backgroundImage, u otras opciones de backgroundImage. Agregue la imagen que desea a su fuente y coloque para image.jpg el nombre de su imagen con su extensión. no olvide las comillas simples.

Answer 3

Tienes que crear una clase de máscara ahora. Use un VGroup y especifique una máscara personalizada.

Answer 4

Los componentes MX en Flex 4 le permiten usar máscaras de Spark, y Adobe usa máscaras de Spark de manera predeterminada para que los componentes MX y Spark en la misma aplicación parezcan estar juntos. Obviamente, las máscaras de Spark admiten una funcionalidad diferente a las máscaras de Halo, y ahora se espera que modifique las máscaras si desea que se vean diferentes (a excepción de algunos estilos de color simples). Teniendo en cuenta lo creativos que pueden ser los diseñadores, este es un enfoque mucho mejor que usar solo CSS porque es mucho más flexible, pero sorprende a las personas familiarizadas con el flujo de trabajo de Flex 3.

No es demasiado difícil copiar la máscara predeterminada y agregarle un fondo. Sin embargo, también deberías poder usar la vieja máscara de Halo para obtener la compatibilidad con backgroundImage, si eso es lo que prefieres. Creo que quiere decirle a su VBox que use mx.skins.halo.HaloBorder.