Desenvolver aplicativos usando o Visual Studio

O Microsoft Visual Studio é uma coleção de ferramentas que você pode usar para criar, codificar, depurar, localizar, empacotar e implantar aplicativos para dispositivos Windows 8.1 ou Windows 10. Em poucas palavras, o Visual Studio pode ajudá-lo a fazer praticamente tudo o que você precisa para desenvolver um aplicativo.

Se você nunca usou o Visual Studio, dê uma espiada aqui antes de começar a escrever código. O Visual Studio possui muitos componentes, mas você não precisa saber tudo sobre eles para começar a trabalhar. Depois de descrever as etapas básicas de configuração de um novo projeto, veremos o Editor de Códigos e outros recursos do Visual Studio.

Para saber mais sobre as ferramentas de desenvolvimento para aplicativos da Windows Phone Store obtidos quando você instala o Microsoft Visual Studio 2013 Update 2 ou superior, veja Ferramentas de desenvolvimento para aplicativos do Windows Phone.

Baixe o Visual Studio e comece a usá-lo

Para criar um aplicativo destinado a dispositivos Windows 10, instale as ferramentas do Windows 10 Technical Preview.

Para criar um aplicativo destinado a dispositivos Windows 8.1, instale o Microsoft Visual Studio 2013 ou Microsoft Visual Studio 2015 Preview. Consulte Downloads para criar aplicativos da Loja.

Para criar uma versão para Windows 8 de um aplicativo da Windows Store, use o Microsoft Visual Studio 2012.

Para manter uma versão do Windows 8 de um aplicativo da Windows Store usando o Visual Studio 2013, veja Atualizar a versão do Windows 8 do seu aplicativo.

Para criar ou manter uma versão do Windows Phone 8 do seu aplicativo da Windows Phone Store, instale o Windows Phone SDK 8.0. Este SDK é um componente opcional do Visual Studio 2013.

O que é suportado e o que não é

Para criar um aplicativo destinado a dispositivos Windows 10, recomendamos que desenvolva seu aplicativo usando o Windows 10 Technical Preview. Embora outras configurações possam funcionar, elas não são suportadas oficialmente nesta versão do Visual Studio Tools para Windows 10 Technical Preview.

Se você estiver planejando criar um aplicativo para dispositivos Windows 8.1, desenvolva seu aplicativo em um computador que executa o Windows 8.1. Não é possível usar o Windows 7 e as licenças de desenvolvedor não estão disponíveis para o Windows Server 2012. Portanto não é possível desenvolver seu aplicativo nesse sistema operacional.

Para criar um aplicativo da Windows Phone Store, instale o Visual Studio 2013 Update 2 ou posterior.

Obter uma licença de desenvolvedor para desenvolver aplicativos da Windows Store

Primeiro, obtenha uma licença de desenvolvedor. Você precisará de uma para desenvolver e testar um aplicativo da Windows Store para que a Windows Store possa certificá-lo.

Quando você executa o Visual Studio pela primeira vez, ele pede para você obter uma licença de desenvolvedor. Leia os termos da licença e clique em Aceito se você concordar. Na caixa de diálogo Controle de Conta de Usuário (UAC), clique em Sim para continuar.

Registre seu telefone para testar os aplicativos da Windows Phone Store

É importante testar seu aplicativo da Loja do Windows Phone em um telefone real. Antes de implantar aplicativos em seu Windows Phone, você precisa registrar o telefone para desenvolvimento. Depois de registrar seu telefone, é possível instalar, executar e depurar aplicativos no telefone.

Para saber mais, veja Registrar seu dispositivo Windows Phone para desenvolvimento.

Criar um projeto e escolher um modelo

Em seguida, decida qual linguagem de programação você deseja usar. Você pode escolher JavaScript, Visual Basic, Visual C# ou Visual C++ e, em seguida, localizar os modelos de projeto na caixa de diálogo Novo projeto. Você encontrará projetos voltados para dispositivos Windows 10 no grupo de modelos de projeto Windows 10. Para dispositivos Windows 8.1, a caixa de diálogo Novo Projeto organiza modelos em três grupos: Aplicativos do Windows, Aplicativos do Windows Phone e Aplicativos Universais para aplicativos destinados ao Windows e Windows Phone 8.1. Esta imagem mostra estes grupos sob o nó de linguagem Visual C#.

Categorias de aplicativos da Loja

Cada grupo contém uma lista de modelos. Alguns modelos importantes, como Aplicativo em Branco, Aplicativo de Grade e Aplicativo Dividido, são compartilhados entre as quatro linguagens de programação. Alguns modelos são específicos a uma linguagem. Para saber mais sobre eles, veja Modelos para acelerar o desenvolvimento de seu aplicativo.

Quando você cria um projeto, o Visual Studio cria uma solução, que é uma forma de gerenciar os vários elementos de origem do seu projeto (arquivos de código-fonte, imagens, folhas de estilo, configurações e assim por diante). Um contêiner de soluções pode conter vários projetos e um contêiner de projetos geralmente contém vários itens que representam as referências, as pastas e os arquivos necessários para criar seu aplicativo.

O Gerenciador de Soluções exibe soluções, seus projetos e os itens nesses projetos. No Gerenciador de Soluções, você pode abrir arquivos para edição, adicionar novos arquivos a um projeto e exibir propriedades da solução, projeto e do item. Esta é a aparência do Gerenciador de Soluções para um projeto de JavaScript no Visual Studio 2013 voltado para um aplicativo da Windows 8.1 Store:

Gerenciador de Soluções

Além dos arquivos de código-fonte, cada projeto tem também um arquivo package.appxmanifest que descreve o pacote do aplicativo para Windows, assim como diversos arquivos de imagem, como splashscreen.png para a imagem da tela inicial e storelogo.png que é usado para a Store. Você encontrará também um arquivo de certificado de origem do projeto (.pfx), necessário para assinar o pacote, incluído também em cada projeto.

Projetar a interface do usuário

Ao planejar a interface do usuário, é importante selecionar o modelo de projeto do Visual Studio mais apropriado como ponto de partida. Você pode desenvolver sua interface do usuário escrevendo código ou usando um designer visual. Um designer visual oferece uma interface orientada ao designer para projeto de aplicativos que inclui uma interface arrastar e soltar para compilação da interface do usuário.

Você pode também usar o designer visual oferecido no Blend for Visual Studio. Você pode abrir um projeto do Visual Studio no Blend for Visual Studio clicando com o botão direito do mouse no projeto, no Gerenciador de Soluções, e clicando em Abrir no Blend. Outra possibilidade é abrir o arquivo de solução (.sln) diretamente no Blend para Visual Studio.

Designer XAML no Visual Studio

Atualizar o manifesto do aplicativo

Você pode usar um designer no Visual Studio para editar o arquivo de manifesto do aplicativo que descreve o pacote do aplicativo. O Designer de Manifesto tem cinco guias:

  • Aplicativo. Defina configurações como a página inicial e a orientação inicial.
  • Identidades visuais. Especifique os logotipos que aparecem para o seu aplicativo.
  • Recursos. Especifique recursos ou dispositivos do sistema que seu aplicativo pode usar, como acesso à Internet, local atual e acesso às Músicas.
  • Declarações. Adicione declarações a contratos de aplicativos, como contratos de pesquisa e destino de compartilhamento, e especifique suas propriedades.
  • URIs de Conteúdo. Especifique URIs que seu aplicativo pode ou não acessar. Esta guia só é exibida em projetos JavaScript.
  • Empacotamento. Defina propriedades que identifiquem e descrevam seu pacote quando implantado.

Para obter mais informações sobre as configurações do manifesto do aplicativo, veja Configurar um pacote de aplicativo usando o designer de manifesto.

Para abrir o Designer de Manifesto, clique duas vezes no arquivo package.appxmanifest no Gerenciador de Soluções ou clique com o botão direito no arquivo e clique em Designer de Modo de Exibição.

Gravar o código

O Visual Studio inclui editores completos para as seguintes linguagens: JavaScript, HTML/XML/XAML, CSS, C#, Visual Basic, C++, HLSL. Os editores oferecem muitos recursos específicos a linguagens, que você pode personalizar para criar seu aplicativo:

  • IntelliSense, que fornece recursos como preenchimento de instruções e ajuda por parâmetros conforme você digita o código. Esta ilustração mostra uma lista de membros no Editor de Códigos do C#. Observe que a lista também exibe uma caixa de Informações Rápidas para o item selecionado.

    Lista de membros do IntelliSense

  • Inserção de trechos de códigos, disponível clicando com o botão direito em um arquivo de código e clicando em Inserir Trecho.
  • Recursos de navegação, como Ir para Definição, Indicadores e Navegar para.

    O comando Ir para Definição permite encontrar a definição de uma classe ou função clicando com o botão direito no identificador e clicando em Ir para Definição (Visual Basic e Visual C++ usam o Pesquisador de Objetos para exibir informações sobre tipos do Tempo de Execução do Windows).

    Esta ilustração mostra opções como Ir para Definição e Inserir Trecho no Editor de Códigos do JavaScript:

    Recursos no Editor de Códigos

    Para definir e usar Indicadores. clique em Editar > Indicadores ou use as teclas de atalho mostradas no submenu Indicadores.

    Abra a janela Navegar até pressionando Ctrl + vírgula com o Editor de Códigos aberto ou clicando em Editar > Navegar até. Navegar até pode encontrar definições de símbolos e nomes de arquivos na solução, mas não variáveis locais.

  • Estrutura de tópicos, quebra automática de linha, exibição de números de linhas e outros recursos.

Você pode personalizar o comportamento dos Editores de Código e habilitar ou desabilitar recursos como recuo, quebra automática de linha e preenchimento de instruções. Para personalizar o comportamento dos Editores de Código, clique em Ferramentas > Opções, expanda Editor de Texto, expanda o Editor de Códigos apropriado a ser configurado e selecione a categoria de opções adequada.

Criar seu aplicativo

Para compilar um aplicativo, clique em Compilar Solução (ou pressione F7) ou em Recompilar Solução (ou pressione Ctrl+Alt+F7) no menu Compilar. Você verá os resultados do processo de compilação na janela Saída.

Para executar o novo aplicativo no modo de depuração, clique em Depurar > Iniciar Depuração ou pressione F5. Por padrão, isso executa o aplicativo no computador host (para aplicativos do Windows Store) e um emulador do Windows Phone (para aplicativos da Windows Phone Store). Você pode optar por executar os aplicativos da Windows Store usando o simulador ou um dispositivo remoto. Você pode optar por executar aplicativos da Loja do Windows Phone em outros emuladores ou de um Windows Phone que esteja conectado ao seu computador. Para saber mais, veja Executando aplicativos da Windows Store no Visual Studio.

Empacotar seu aplicativo

Configure o pacote de implantação de seu aplicativo usando um designer. Basta clicar duas vezes no arquivo package.appxmanifest no Gerenciador de Soluções e o Designer de Manifesto será exibido. No designer, selecione a guia Empacotamento. Para obter mais informações, veja Configurar um pacote do aplicativo usando o designer de manifesto.

Localizar o aplicativo

Para localizar um aplicativo no Visual Studio, recomendamos que você adicione um ou mais arquivos de recurso ao seu projeto, como um arquivo .resjson para JavaScript. Você pode usar arquivos de recurso para especificar valores localizados para recursos de cadeia de caracteres identificados em seu aplicativo. Para saber mais e ver tutoriais relacionados à localização, confira Globalizando seu aplicativo.

Depurar e testar seu aplicativo

O Visual Studio inclui um depurador avançado que tem muitos recursos novos que suportam a depuração de aplicativos. Você pode depurar um aplicativo localmente, da mesma forma que depuraria um aplicativo de área de trabalho do Windows. Você também pode depurar o simulador na máquina local ou pode depurar um dispositivo remoto conectado diretamente por meio de um cabo Ethernet. Para aplicativos da Windows Phone Store, é possível depurar seu aplicativo usando um dos vários emuladores ou conectando um Windows Phone diretamente ao seu computador. Para obter informações gerais sobre depuração, veja Depurando e testando aplicativos. Para saber mais sobre a depuração de um aplicativo em JavaScript, veja o Guia de início rápido: depurar HTML, CSS e JavaScript e Como inspecionar regras CSS.

Próximas etapas

Para criar seu primeiro aplicativo, veja Seu primeiro aplicativo.

Para saber mais sobre como desenvolver um aplicativo usando os modelos do Visual Studio, veja estes tópicos:

Tópicos relacionados

Redirecione seu aplicativo do Windows 8 para o Windows 8.1.
Suporte e Acessibilidade do Produto
Acessibilidade em aplicativos da Store em JavaScript
Acessibilidade em aplicativos da Store (VB/C#/C++ e XAML)

 

 

Mostrar:
© 2015 Microsoft