Editor de navegação de estúdio android

Usar o Editor de navegação do Android Studio, você pode controlar o fluxo dentro de um aplicativo de uma atividade para outra. Para fazê-lo, tente o seguinte experimento:

  1. Lançar Android Studio e criar um novo projeto Android.

    Video: [Android Studio] Aula 07 Navegação entre telas e passando parâmetros

    Ao criar o projeto, aceitar todos os padrões.

  2. No menu principal do Android Studio, selecione Ferramentas → Editor do Android → Navegação.

    Quando o fizer, Estúdio Android exibe uma representação pictórica do conteúdo de um dos arquivos do seu projeto. O nome do arquivo é main.nvg.xml.

    O Editor de navegação
    O Editor de navegação

    Aqui, o Editor de navegação ilustra uma relação entre a actividade principal da sua aplicação e o menu principal da atividade.

    Video: Navigation Drawer, DrawerLayout, and NavigationView (Android Development Patterns Ep 8)

  3. direito; clique (em um PC) ou Control + clique (em um Mac) em qualquer lugar na área cinzenta no painel Editor de navegação.

    Video: Media Studio PRO Editor de Vídeos Análise + DOWNLOAD (EDITOR ANDROID COM CHROMA KEY )

    Quando o fizer, você verá um menu contextual que contém um item de Nova Atividade.

  4. Clique no item New Activity.

    Estúdio Android exibe o familiar adicionar uma atividade para a caixa de diálogo Mobile.

  5. Selecione Atividade em branco e, em seguida, clique em Avançar.

    Como de costume, você vê um Personalizar a caixa de diálogo Atividade.

  6. Aceite os padrões. (Isto é, clique em Concluir.)

    Como resultado, você retornar ao Editor de navegação do Android Studio. Agora, o editor exibe duas atividades.

    Você tem duas atividades!
    Você tem duas atividades!

    Se você olhar para janela da ferramenta de projeto, você vê Atividade principal e Main2Activity na árvore da janela da ferramenta.



  7. No Editor de navegação, clique duas vezes dentro da imagem do original Atividade principal.

    Quando o fizer, Estúdio Android abre a ferramenta de Designer e exibe uma pré-visualização do Atividade principal tela.

  8. Na paleta, arraste um botão ao Atividade principal tela.

    Video: Tabs and ViewPager (Android Development Patterns Ep 9)

    Seu objetivo é fazer um clique neste botão iniciar a outra atividade (o Main2Activity). Aqui é onde o Editor de navegação mostra a sua força real!

    Procure as abas que aparecem acima da ferramenta de Designer. Uma das abas é rotulado main.nvg.xml.

  9. Voltar para o Editor de navegação, selecionando o main.nvg.xml aba.

    Em representação pictórica do Editor de navegação de Atividade principal, você vê o botão que você adicionou na etapa 8.

  10. Enquanto você mantenha pressionada a tecla Shift, arraste o cursor do mouse do botão para o quadro da segunda atividade (Main2Activity).

    Quando o fizer, Estúdio Android desenha uma seta entre o botão ea segunda atividade.

    Clicando no botão lança a segunda atividade
    Clicando no botão lança a segunda atividade
  11. Selecione a guia MainActivity.java pouco acima do Editor de navegação.

    No código, você pode ver que o clique do botão inicia a segunda atividade.

    @Overrideprotected onCreate (Bundle savedInstanceState) {super.onCreate (savedInstanceState) -setContentView void (R.layout.activity_main) -findViewById (R.id.button) .setonclickListener (novo View.onclickListener () {void @Overridepublic onclick(Ver v) { startActivity (new Intent (MainActivity.this, Main2Activity.class)) -}}) -}

    Você não tem que digitar esse código. O Editor de navegação compôs o código para você. Além do mais, o Editor de navegação pode dar-lhe uma representação pictórica do fluxo de atividades dentro de seu aplicativo. Como a complexidade da sua aplicação aumenta eo fluxo torna-se complexa, tendo uma imagem do fluxo pode ser muito útil.

  12. Execute o aplicativo e clique no botão principal da atividade original.

    Claro, ele funciona. Mas experimentá-lo de qualquer maneira, só para sentir o poder!


Publicações relacionadas