Modelos de apps ionic para começar um novo projeto - parte II

 

    Olá amiguinhos e amiguinhas, neste post finalizaremos os modelos que usamos para iniciar um novo projeto com o ionic framework!

    Sem frescuras já comecemos pelo list, para criarmos um aplicativo com este modelo damos o seguinte comando no prompt de comando (se você chegou agora convido a ler este artigo para entender melhor esta parte):

ionic start nomeDoAplicativo04 list --type=angular

     Assim ele criará um projeto com este modelo, mas o que faz este modelo? Ele cria um aplicativo com uma lista de itens clicáveis levando a telas personalizadas conforme o item clicado, as imagens abaixo demonstram ele executado após o "ionic serve":

Tela da lista

Item clicado

    Por fim o último modelo é o mais complexo de todos o my-first-app, que cria um aplicativo com 3 abas, sendo a segunda aba um gerenciador de galeria de fotos tiradas pelo app. O comando para criar o projeto é: 

 ionic start nomeDoAplicativo05 my-first-app --type=angular

Vejamos a tela e a dinâmica de funcionamento:

Tab 1

Tab 2 : App de galeria de fotos

Tab 3

Tab 2:  ao clicar no símbolo da câmera

Tab 2: ao clicar no botão de tirar a foto

Tab 2: ao clicar no "V" confirmando a foto

Tab 2: ao clicar na foto produzida

    Vamos entender melhor a dinâmica deste modelo, ele cria um aplicativo que tira fotos tanto no dispositivo físico (celular), quanto no exemplo que se seguiu acima onde tirei a foto de uma webcam, as fotos ficam armazenadas no "storage"do html5, portanto, no computador ele não armazena na "pastinha", para "pegar" a foto teríamos que fazer o bom e velho "botão direito do mouse e salvar imagem", no celular ele vai para a galeria do celular. Se você deletar com a opção que ele dá quando clicamos na foto, ela vai para o espaço sideral se transformando em pó de estrelas. Cada foto capturada fica registrada na tab2 que cria duas colunas de fotos, criando desta forma, se pudermos dizer, uma "galeria de fotos".

    Muuuuuuuuuuuuito bem! As últimas considerações são, depende! Sim, depende do que você vai fazer, que aplicativo quer desenvolver, se pretende desenvolver algo que tenha um menu esquerdo, já inicie com sidemenu, se precisa de abas, inicie com o tabs, e assim sucessivamente, você é o capitão da sua alma, espero que tenha gostado deste artigo, grande abraço e fiquem com Deus!!!