Iniciando seu primeiro projeto Kwik 2
Antes de iniciarmos nosso primeiro projeto Kwik, precisamos definir as configurações gerais do plugin. Essas configurações informarão ao Kwik onde encontrar o Corona SDK Simulator e onde armazenar os arquivos do seu projeto. Na parte inferior do painel Kwik, você verá o Ícone do Gears, que abre a caixa de diálogo Configurações.

A caixa de diálogo Configurações possui três guias: Geral, Exportação e Registro. Vamos configurar os caminhos para o simulador e a pasta principal do projeto na guia Geral. A guia Exportar contém opções sobre como o Kwik exportará seu projeto e a guia Registro é onde você pode inserir sua chave de ativação após a compra do Kwik. Isso desbloqueará as limitações da versão de avaliação.

Guia geral

  1. Localização do Corona Simulator: use o botão Procurar para localizar o caminho para o aplicativo Corona Simulator.

    Aplicativos - CoronaSDK - Corona Simulator.app

  2. Localização da pasta do projeto: use o botão Procurar para informar ao Kwik onde armazenar seus arquivos de projeto. Enquanto você estiver aprendendo a usar o Kwik, crie uma pasta na área de trabalho chamada LearnKwik. Para cada um dos seus projetos de aplicativos para livros, o Kwik criará uma nova pasta dentro desta pasta do LearnKwik. O nome de cada pasta do projeto será o mesmo que você atribui ao seu projeto.

    Área de trabalho - LearnKwik - Pastas de projeto

  3. Para as outras configurações na caixa de diálogo, manteremos as configurações padrão.

Agora estamos prontos para iniciar um novo projeto.

  1. No painel Kwik, você verá uma seta Iniciar aqui apontando para o Novo ícone do projeto. Clique no ícone para abrir a caixa de diálogo Novo Projeto.

  2. Nosso primeiro passo é dar um nome ao nosso projeto. Para o nosso exemplo, chamaremos este projeto de "Modelo".

  3. Na segunda linha, temos a lista suspensa Dispositivo. Nosso projeto será para os novos iPads com tela retina (The New iPad - iPad 3) e iPads sem retina (iPad 1 e 2). Forneceremos à Kwik as imagens de alta resolução (2048 de largura x 1536 de altura em pixels) para o nosso aplicativo de livros. Quando escolhemos Novo iPad da lista, o Kwik saberá gerar as imagens de alta e baixa resolução para os dois tipos de iPads a partir das imagens que fornecemos.

    Também podemos segmentar os dispositivos de exibição de retina ao escolher a opção Nova Universal. No entanto, como este é o nosso primeiro livro, vamos nos concentrar apenas na construção de um projeto para o iPad.

  4. Dependendo do layout do seu próprio livro, você desejará escolher a orientação Retrato ou Paisagem. Para nosso aplicativo de livro de exemplo, usaremos Paisagem.

  5. Clique em Criar para iniciar o novo projeto. Você receberá uma mensagem lembrando que você deve dar um nome exclusivo a cada camada.

    Convém usar uma conversão de nomenclatura que use o número da página como parte do nome da camada. Existem algumas regras a serem lembradas ao nomear coisas no Kwik.

    • O nome deve ter 15 caracteres ou menos
    • O primeiro caractere no nome NÃO é um número
    • Não use caracteres especiais como
    • Não use comandos Lua como nomes.
    • Camadas e funções (botões, animação etc.) não podem ter o mesmo nome
Por padrão, o Kwik criará um projeto vazio e você também verá algumas alterações no painel do Kwik. O logotipo da Kwik foi substituído por três seções: conjunto de ferramentas, informações do projeto e lista de páginas / componentes.

Vamos dar uma olhada no painel e nas ferramentas do Kwik em um tutorial futuro. Mas, por enquanto, observe que a seção Informações do projeto exibe o nome do nosso projeto e a opção de dispositivo que definimos na caixa de diálogo Novo projeto. Além disso, nossa página padrão está listada na seção Páginas / Componentes.

Quando o Kwik criou nosso projeto vazio, ele nos deu uma página (denominada página1) e uma camada para essa página (denominada Camada 1) no painel Camadas. Você também notará que ele abriu uma janela em branco do Photoshop e o nomeou page1.psd. A imagem psd possui as dimensões padrão para a exibição da retina (2048 de largura x 1536 de altura em pixels). Obviamente, isso seria revertido se tivéssemos escolhido a orientação Retrato.

Finalmente, se dermos uma olhada em nossa pasta LearnKwik em nossa área de trabalho, veremos que temos uma nova pasta chamada Template dentro da pasta LearnKwik. Esta pasta do projeto contém a página page1.psd e o arquivo Template.kwk Kwik.

LearnKwik
Modelo
page1.psd
Template.kwk

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: Ionic #01 - INSTALANDO e criando o PRIMEIRO PROJETO (Pode 2024).