Estilos, Skins e CSS

Quando usar

Qualquer programa sendo executado pelo framework deve seguir os estilos definidos pelo recursos de estilos do Datasul Framework Flex. Para habilitar essa característica em seu componente não é necessário qualquer instrução MXML nos fontes dos mesmos.

• Para seguir os padrões propostos de design e ergonomia das interfaces geradas;
• Para garantir interfaces que atendam os padrões definidos e garantir evolução conforme atualização da plataforma;
• Para garantir consistência entre as diversas interfaces projetadas.

Estrutura

Comportamentos

Boas Práticas

Um estilo customizado somente poderá ser utilizado em componentes quando o objeto de negócio em si exclusivamente possuir uma característica única. Deverá ser adicionado ao código Flex MXML uma sessão de estilo em modo incorporado como no exemplo abaixo:

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">
      <mx:Style>
          Button {
               color: #ffffff;
               roll-over-color: #678BD1;
          }
      </mx:Style>
      <mx:Script>
          <![CDATA[
               import ...

Assim sendo sua sessão de estilo automaticamente já estará herdando em cascata os estilos definidos pelo Datasul Framework Flex e você somente complementará com a característica específica de seu componentes de interface.

Exemplo

Código fonte

Referências

• http://designinginterfaces.com/

Ver Também

{sdk_doc_footer: