Beta2 Flex-4: Imagem de fundo parou de funcionar

Question

Depois de atualizar um projeto de Flex4 Beta1 para Beta2, eu descobri que o estilo background-image não é mais suportada em componentes de Halo.

Por exemplo:

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

Note que questão jira SDK-23050 pontos o seguinte:

backgroundImage não é suportado para peles faísca.

Mas isso não está usando uma pele Spark, apenas um componente de Halo padrão.

Alguém tem alguma idéia?

Answer 1

acabei mudando backgroundImage para backgroundSkin, e que resolveu o problema.

Answer 2

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

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

Use o código acima. Qualquer faísca: BorderContainer tem a opção backgroundImage, quer outras opções backgroundImage. Adicionar a imagem que você quer sua fonte e colocar para image.jpg nome de sua imagem com a sua extensão. não se esqueça aspas simples.

Answer 3

Você tem que criar uma classe pele agora. Use um VGroup e especificar uma custom made pele.

Answer 4

componentes MX no Flex 4 permitem que você use peles faísca, e Adobe trocam de capa de ignição por padrão para que componentes MX e faísca na mesma aparência aplicação como eles pertencem juntos. Obviamente, peles de ignição suportar a funcionalidade diferente do que as peles de Halo, e agora você é esperado para ajustar as peles se você os quer olhar diferente (com exceção de alguns estilos de cor simples). Considerando como designers criativos pode ser, esta é uma abordagem muito melhor do que usando apenas CSS porque de forma mais flexível, mas ele pega pessoas familiarizadas com o fluxo de trabalho Flex 3 de surpresa.

Não é muito difícil de copiar a aparência padrão e adicionar um fundo a ele. No entanto, você também deve ser capaz de usar a pele velha de Halo para obter o apoio backgroundImage, se é isso que você preferir. Eu acredito que você quer dizer seu VBox usar mx.skins.halo.HaloBorder.