Alternar música de fundo no Kwik 2

• Pode 10, 2024

Neste tutorial, continuaremos trabalhando no botão de alternância da música de fundo. Quando criamos botões em tutoriais anteriores, criamos primeiro a camada de botões e depois "anexamos" ações a essa camada de botões. Por exemplo, o botão Avançar possui uma ação Ir para a próxima página.

Desta vez, criaremos as duas ações para controlar o áudio antes anexamos essas ações ao botão. Por quê? Porque vamos anexar duas ações a um botão. Em seguida, informaremos o botão para lembrar qual ação foi executada por último e quando clicou novamente para executar a outra ação. Isso funciona como um interruptor de luz. Se a luz estiver apagada, use o interruptor para acender a luz. Se a luz estiver acesa, use o mesmo interruptor para desligar a luz. Isso geralmente é chamado de botão de alternância.

Antes de podermos definir o botão de alternância, precisamos criar as duas ações que controlarão a música.

Nota: já definimos o áudio para iniciar a reprodução quando o aplicativo é aberto na página de rosto.

Pausar o áudio
Retomar o áudio

1. Selecione os Ícone Projeto e Páginas na barra Categorias.
   
   
2. Clique no Ferramenta Ações no conjunto de ferramentas (terceira ferramenta na segunda linha)
   
   
3. Na caixa de diálogo Adicionar ações, renomeie a ação para "musicBgOFF".
   
   Observe que os controles de estado dos botões Padrão e Sobre estão acinzentados. Isso ocorre porque ainda não estamos anexando a ação a nenhuma camada.
   
   
4. No painel Interações, abra a lista Áudio e escolha Pausar áudio.
   
   
5. Escolha o arquivo de áudio musicBg na caixa pop-up.
   
   
6. Clique em Create.
   
   

Repita as etapas acima para a ação Continuar áudio.

1. Nomeie a ação "musicBgON".
   
   
2. Na lista Áudio, escolha Retomar áudio e selecione o mesmo arquivo de áudio musicBg como antes.
   
   

Agora estamos prontos para configurar o botão de alternância.

1. Selecione a camada musicbtn.
   
   
2. Selecione os Ícone de interações na barra Categorias.
   
   
3. Clique no Ferramenta Adicionar botão no conjunto de ferramentas para abrir a caixa de diálogo Adicionar botão.
   
   
4. Renomeie o botão para "musicBgTog".
   
   
5. Os estados dos botões Default e Over serão a camada musicbtn.
   
   
6. No painel Interações, abra a lista Comum.
   
   
7. Escolha a ação Reproduzir aleatória para abrir a caixa de diálogo Suffle.
   
   
8. Clique no botão Mais para abrir a lista de ações.
   
   
9. Selecione a ação musicBgOFF.
   
   
10. Clique no botão Mais novamente e escolha a ação musicBgON.
    
    
11. Clique em Criar para fechar a caixa de diálogo.
    
    Você notará que as duas ações são adicionadas ao painel Ações na caixa de diálogo Adicionar botão.
    
    
12. Clique em Criar para finalizar o botão.
    
    

Antes de avançarmos para outra página, vamos configurar o botão Informações na página de rosto para levar o leitor à página de informações, que é a página29.

1. Selecione a camada infobtn.
   
   
2. Clique no Ícone de interações na barra Categorias.
   
   
3. Clique no Botão Adicionar botão do conjunto de ferramentas.
   
   
4. Na caixa de diálogo Adicionar ação, nomeie o botão "info_pg".
   
   
5. Queremos usar a camada infobtn para os estados dos botões Padrão e Salvar.
   
   
6. Na seção Interações, expanda a lista Comum.
   
   
7. Selecione a opção Ir para página e escolha a página 29 na lista suspensa.
   
   
8. Clique em Create.
   
   

Clique em Arquivo - Salvar para salvar as alterações no arquivo psd de capa.

Selecione os Exporte apenas o ícone da página atual e clique em Publicar para visualizar a animação.

Vá para a pasta LearnKwik e faça uma cópia de backup da pasta do projeto Template. Renomeie a pasta de backup adicionando a data atual ao final. (Modelo MM-DD-AA).

← Voltar

Estes tutoriais são para a versão mais antiga do Kwik 2 e podem não ser de grande ajuda ao usar o Kwik 3 e superior. Se você estiver tendo problemas, use o fórum do Kwik

O produto Kwik, o logotipo Kwik e Kwiksher são propriedades de Kwiksher.com - Copyright 2011. Capturas de tela usadas com permissão.
Direitos autorais 2018 Adobe Systems Incorporated. Todos os direitos reservados. As capturas de tela do produto Adobe foram impressas com permissão da Adobe Systems Incorporated. Adobe, Photoshop, Álbum do Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst e Flash Paper é / é [a] marca registrada ou marca comercial da Adobe Systems Incorporated nos Estados Unidos e / ou em outros países.

Instruções De Vídeo: Xiaomi Yeelight Strip RGB Smart LED Light /RisoFan / РисоФан (Pode 2024).