Seleções de botões de anime para torná-los mais fáceis de entender
Ambiente de verificação
- Windows
-
- Janelas 11
- Unity Editor
-
- 25.3.2020F1
Pré-requisitos para esta dica
As configurações a seguir foram feitas com antecedência como pré-requisito para a explicação dessas dicas.
referência
Inicialmente
Se um botão for selecionado, ele ficará um pouco mais escuro por padrão.
No entanto, pode ser confuso, então você pode alterar a cor da seleção no inspetor.
Aqui, gostaríamos de fazer com que o botão pareça maior quando o botão é selecionado como um elemento adicional. Quando o botão se torna maior, ele também adiciona um movimento, como aumentar gradualmente no anime.
Posicionamento do botão
Coloque os botões normalmente. Leve em conta que os botões serão maiores, então deixe uma pequena pausa.
Configurar anime
Com o botão selecionado, Button altere "Transição" para "Anime" do componente.
Em seguida, um botão chamado "Auto Generate Animation" aparecerá, então clique nele.
A caixa de diálogo Salvar controlador de anime é exibida.
O local é arbitrário, mas desta vez será salvo na mesma pasta Scenes da cena.
O nome do arquivo é ButtonSelected .
Os seguintes arquivos são criados no projeto: O tipo de anime está relacionado ao comportamento do botão.
Exibe a janela do anime.
Selecione o botão para o qual você acabou de gerar o anime.
Em seguida, o conteúdo da guia anime será ativado, então selecione a partir do tipo Selected de anime .
Clique no botão Gravar. Se você alterar cada valor no inspetor nesse estado, ele será registrado como um parâmetro durante o anime.
Nesse estado, Rect Transform defina a Escala de componentes como 1.25 .
A propósito, a cor do componente também é definida como azul claro como a Image cor ao selecionar.
Quando terminar, clique no botão de gravação para interrompê-lo. Você pode ver que a escala e Image.Color estão definidos.
Execute o jogo e tente colocá-lo em movimento. Acho que você pode ver que a escala e a cor mudam durante o anime quando o botão é selecionado.
As configurações do anime serão salvas no criado ButtonSelected.controller anteriormente, então
Se você quiser aplicar o mesmo anime a outros botões, você pode anexar esse arquivo ao botão e aplicar a mesma animação.
Não se esqueça de fazer as transições anime.
Alterar a hora do anime
O tempo de operação padrão para o anime criado é definido como 0,25 segundos. Se isso é cedo ou tarde ou apenas certo pode depender da pessoa.
Se você quiser alterar a hora deste anime, você pode fazê-lo seguindo os passos abaixo.
Clique duas vezes no controlador de anime (ButtonSelected.controller) que você criou a partir do projeto.
A guia anime é selecionada e a tela a seguir é exibida, então Any State selecione a linha de conexão e Selected .
Se você expandir as configurações do inspetor, haverá um "intervalo de transição (s)", então desta vez defina-o 0.1 como .
Verifique se o anime está ficando mais rápido.