CrappUIButtonIcon

Características	Valor
Class	crapp.ui.display.button.CrappUIButtonIcon
Extends	CrappUIIcon
Style Tag	CrappUIStyleDefaultTagType.BUTTON_ICON
Composites	OverEffectComposite, ButtonableComposite, DisabledEffectComposite

Exemplos

<priori>
    <imports>
        <crapp.ui.display.button.CrappUIButtonIcon />
        <crapp.ui.display.layout.CrappUILayout />
    </imports>
    <view>
        <private:CrappUILayout hLayoutAlignment="CENTER" vLayoutDistribution="SIDE" vLayoutGap="10" left="10" right="10" top="10" bottom="10" >
            <private:CrappUIButtonIcon />

            <private:CrappUIButtonIcon size="TINY" />
            <private:CrappUIButtonIcon size="SMALL" />
            <private:CrappUIButtonIcon size="UNDER" />
            <private:CrappUIButtonIcon size="BASE" />
            <private:CrappUIButtonIcon size="EXTRA" />
            <private:CrappUIButtonIcon size="LARGE" />
            <private:CrappUIButtonIcon size="XLARGE" />
            
            <private:CrappUIButtonIcon icon="BAN" disabled=":true" />

            <private:CrappUIButtonIcon icon="THUMBS_UP" />
            <private:CrappUIButtonIcon id="button" icon="VOLUME_UP" z="3" />
        </private:CrappUILayout>
    </view>
</priori>

Propriedades do Componente

• id: Permite identificar o botão para manipulá-lo de forma individual.

• icon: Define o ícone que será exibido, geralmente um valor do tipo CrappUIIconType, determinando a figura que o botão apresentará.

• disabled: Quando definido (por exemplo, disabled=":true"), desativa a interação com o botão. O botão torna-se semi transparene quando desabilitado.

• size: Determina o multiplicador do tipo CrappUISizeReference (TINY, SMALL, UNDER, BASE, EXTRA, LARGE, XLARGE) que será aplicado ao style.size, aumentando ou diminuindo o tamanho do botão. Essa propriedade afeta tanto a escala do ícone quanto o espaço interno do botão.

Propriedades Não Recomendadas

• width e height: As propriedades de altura e largura serão ignoradas quando aplicadas. A forma correta de alterar o tamanho do componente será utilizando a propriedade size.

Efeitos do Estilo

• style.color: Define a cor de fundo do botão.

• style.on_color: Define a cor do ícone do botão.

• style.space: Utilizado para calcular o espaçamento interno do componente. Esse espaço determina a posição do ícone dentro do botão, centralizando-o ou ajustando a distância das bordas.

• style.size: Atua como um fator multiplicador para o tamanho do ícone sendo exibido, escalando-o conforme o valor definido no style em conjunto com a referência de tamanho do componente definido na propriedade size.