Botões da página de rosto do aplicativo Kwik Book

• Pode 11, 2024

Esta é uma continuação do último tutorial, onde adicionamos nosso primeiro botão ao modelo.

Agora podemos repetir essas etapas para o botão Avançar.

• Selecione a camada kwknextbtn.
  
  
• Selecione os Adicione a ferramenta Botão para abrir a caixa de diálogo.
  
  
• Nomeie este botão "next_pg".
  
  
• Definiremos os estados Padrão e Sobre como a camada kwknextbtn.
  
  
• Defina Transição como Nenhuma.
  
  
• Ao definir a ação Ir para a página, escolha Avançar (automático) para a opção Selecionar página. Isso nos levará para o que for a próxima página.
  
  

Repita essas etapas para o botão Páginas, que alterna o menu de navegação. Observe que nomeamos a camada do botão Páginas como "kwkpagesbtn", porque já definimos essa camada como um ativo compartilhado. Para dizer ao Kwik que essa é outra instância desse mesmo ativo compartilhado, precisamos apenas nomear a camada com o mesmo nome "kwkpagesbtn".

• Selecione a camada kwkpagesbtn.
  
  
• Selecione os Adicione a ferramenta Botão para abrir a caixa de diálogo.
  
  
• Nomeie este botão "tog_nav" para alternar a navegação aberta e fechada.
  
  
• Definiremos os estados Padrão e Sobre para a camada kwkpagesbtn.
  
  
• Na lista Ação do Commons, está a ação Mostrar / ocultar navegação. Observe que não temos uma caixa de diálogo pop-up para definir a página de destino, pois isso abrirá e fechará (alternará) o menu de navegação.
  
  
• Clique aqui para adicionar a ação a este botão.
  
  

Definir botões na página de rosto

Agora que temos uma página1, podemos definir o botão Enter e Pages na capa para abrir o livro na página 1 ou mostrar o menu de navegação.

Na seção Página / Componentes do painel Kwik, clique no ícone Alternar para exibição de páginas para mostrar a lista de páginas.

Selecione a página de rosto da lista. Você deverá ver "@ cover" na parte superior da seção.

Repita as etapas para o botão Enter na página de rosto.

• Selecione a camada enterbtn.
  
  
• Selecione os Adicione a ferramenta Botão para abrir a caixa de diálogo.
  
  
• Nomeie este botão "enter_bk".
  
  
• Definiremos os estados Padrão e Sobre para a camada enterbtn.
  
  
• Defina Transição como Nenhuma.
  
  
• Ao definir a ação Ir para a página, escolha a página1 para a opção Selecionar página. Isso nos levará à primeira página do nosso livro.
  
  

Repita o processo acima para o botão Páginas na capa. Já definimos essa camada como um ativo compartilhado. Agora vamos "programar" essa camada para alternar o menu de navegação, como fizemos no modelo da página1.

• Selecione a camada kwkpagesbtn.
  
  
• Selecione os Adicione a ferramenta Botão para abrir a caixa de diálogo.
  
  
• Nomeie este botão "tog_nav" para alternar a navegação aberta e fechada.
  
  
• Definiremos os estados Padrão e Sobre para a camada kwkpagesbtn.
  
  
• Na lista Ação do Commons, está a ação Mostrar / ocultar navegação.
  
  
• Clique aqui para adicionar a ação a este botão.
  
  

Nota de atualização: Com a atualização para o Kwik 2.1, agora podemos copiar / colar as interações dos botões e outros componentes da própria página para outra. Para manter este tutorial com uma duração razoável, abordaremos como usar o recurso copiar / colar em um tutorial futuro.

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.
O produto Kwik, o logotipo Kwik e Kwiksher são propriedades de Kwiksher.com - Copyright 2011. Capturas de tela usadas com permissão.

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 Kwik.

Instruções De Vídeo: App Lab: Make a Simple App (Pode 2024).