Botão imagem
Um botão de imagem é semelhante a um botão padrão. Entretanto, diferentemente de um botão padrão (que aceita três estados: ativado, desativado e clicado), um botão imagem tem uma imagem diferente para representar cada estado.
Os botões imagem podem ser utilizados de duas formas:
-
Como botões de comando num formulário. Nesse caso, o botão de imagem geralmente inclui quatro estados diferentes: ativado, desativado, clicado e rolado.
Por exemplo, uma tabela de miniaturas que tem uma linha de quatro colunas, cada miniatura corresponde aos estados Padrão, Clicado, Rolar e Desativado.Propriedade Nome JSON Valor Linhas rowCount 1 Colunas columnCount 4 Switch back when Released switchBackWhenReleased true Switch when Roll Over switchWhenRollover true Use Last Frame as Disabled useLastFrameAsDisabled true -
Como botão de imagem que permite ao usuário escolher entre várias opções. Neste caso, pode ser utilizado um botão de imagem em vez de um menu pop-up de imagem. Com Imagens Menus, todas as opções são exibidas simultaneamente (como os itens no menu pop-up), enquanto o botão de imagem mostra as opções consecutivas (como o usuário clica no botão).
Aqui está um exemplo de um botão de imagem. Suponha que você deseja dar aos usuários de um aplicativo personalizado a oportunidade de escolher o idioma da interface do aplicativo. Você implementa a opção como um botão de imagem em uma caixa de diálogo de propriedades personalizadas:
Clicar no objeto altera a imagem.
Usar os botões imagem
É possível implementar um botão imagem da seguinte forma:
-
Primeiro, prepare um único gráfico no qual a série de imagens esteja organizada em uma linha, uma coluna ou uma grade de linha por coluna.
Você pode organizar as imagens em colunas, linhas ou em uma grade de linha por coluna (como mostrado acima). Ao organizar as imagens em uma grade, elas são numeradas da esquerda para a direita, linha por linha, começando com 0. Por exemplo, a segunda imagem da segunda linha de uma grade que consiste em duas linhas e três colunas é numerada como 4 (a bandeira do Reino Unido no exemplo acima).
-
Em seguida, certifique-se de que a imagem esteja nos recursos do seu projeto e insira o caminho na propriedade Nome do caminho.
-
Definir as propriedades de linhas e colunas do gráfico.
-
Especifique quando as imagens mudam selecionando as propriedades animation adequadas.
Animação
Além do posicionamento padrão e configurações de aparência, você pode definir algumas propriedades específicas para botões de imagem, especialmente no que diz respeito a como e quando as imagens são exibidas. Estas opções de propriedade podem ser combinadas para melhorar seus botões de imagem.
- Por padrão (quando nenhuma opção de animação é selecionada), um botão de uma imagem exibe a imagem seguinte na série quando o usuário clica; mostra a imagem anterior na série quando o usuário mantém pressionada a tecla Shift e clica. Quando o usuário chega à última imagem da série, a imagem não muda quando o usuário clica novamente. Por outras palavras, não regressa à primeira imagem da série.
Estão disponíveis os seguintes outros modos:
- Repetir a sequência
- Switch back when Released
- Switch when Roll Over
- Alternar continuamente em cliques
- Utilizar o último marco como desativado
- Mudar a cada x ticks
A variável associada do botão de imagem retorna o número de índice, na tabela de miniaturas, da imagem atual exibida. A numeração das imagens no quadro começa com 0.
Propriedades compatíveis
Negrito - Estilo da linha de borda - Parte inferior - Estilo do botão - Classe - Colunas - Foco - Fonte - Cor da fonte - Altura - Dica de ajuda - Dimensionamento horizontal - Itálico - Esquerda - Retornar ao primeiro quadro - Nome do objeto - Nome do caminho - Direita - Linhas - Atalho - Ação padrão - Retornar quando liberado - Alternar continuamente em cliques - Alternar a cada x ticks - Título - Alternar ao rolar - Parte superior - Tipo - Usar o último quadro como desativado - Variável ou expressão - Dimensionamento vertical - Visibilidade - Largura