Skip Navigation Links
Novas Tecnologias
Ferramentas Adicionais
Ferramentas Adicionais
VS 2012 : Code Map
Data:5/7/2013

Translate this page now :





Categories: .NET , Visual Studio , ASP.NET

Gostou do texto ? Vote e dê sua opinião! Pontuação atual :
Adicione aos Favoritos!
BlogBlogs Rec6 Linkk Ueba Technorati Delicious DiggIt! StumbleUpon

Veja Também


 

O Visual Studio 2012 nos traz um novo recurso muito interessante para o entendimento de códigos complexos : O Code Map.

Basta clicarmos com o botão direito em nosso código e encontramos as opções referentes ao funcionamento do Code Map. Implementei um pequeno trecho de código em um webform para fazer um teste.

Veja o código :

        protected void Button2_Click(object sender, EventArgs e)
        {
            ListBox1.DataSource = Dados();
            ListBox1.DataBind();
        }

        private List<int> Dados()
        {
            List<int> l = new List<int>();
            for (var i = 0; i <= 10; i++)
            {
                l.Add(i);
            }

            return l;
        }

        protected void Button3_Click(object sender, EventArgs e)
        {
            ListBox1.DataSource = null;
            ListBox1.DataBind();
        }

O objetivo do Code Map é, claro, lidar com códigos bem mais complexos que esse, porém isso nos ajudará a analisarmos o resultado.

Com o cursor em Button2_Click, cliquei com o botão direito e selecionei “show on code map”

O resultado é extremamente simples :

SNAG-0018

Clicando em “Show related Itens”  selecionei “Show fields this references”. Como resultado, visualizamos a listbox no Code Map :

SNAG-0019

SNAG-0021

Novamente em “Show Related Items”, cliquei em “Show methods this calls”. Como resultado temos o método “Dados” e a indicação “External” (referente ao databind), veja :

SNAG-0022

Ainda no “Show Related Items”, cliquei em “Show containing type”, veja o resultado :

SNAG-0023

 

O click em “Find all references”, ultimo item do “Show Related Items”, não gerou nada novo no gráfico, o que já era esperado. Ocorre que todos os itens estão sendo executados para o objeto circulado de amarelo – o objeto selecionado que é o método click do button2.

Desta vez selecione a listbox e utilizei “Find all references” do “Show related items”. Temos então o Button3_click adicionado no gráfico :

SNAG-0025

É importante destacar que o gráfico não é estático : Conforme navegamos no código uma seta aponta para nós exatamente o ponto em que estamos no gráfico.

O gráfico apenas se completa conforme pedirmos. Por exemplo, não há ainda uma indicação de que o método Dados faz chamada externa. Se utilizarmos o “Show methods this calls” com o Dados selecionado, teremos isso no gráfico.

Clicando sobre um dos itens, vemos um menu flutuante com mais opções para manipularmos o gráfico. Podemos, por exemplo, criar comentários :

SNAG-0027

SNAG-0028

O agrupamento se mostra útil, mas deve ser utilizado com moderação, já que os relacionamentos para fora do grupo partem do grupo, não dos itens individuais, dificultando a leitura da imagem :

SNAG-0029

As opções para criação de flags, criação de novos itens e novas associações que não existem no código também podem ser úteis, mas especialmente esses dois últimos devem ser utilizados com moderação.

Sem dúvida, um excelente novo recurso para o Visual Studio.

Veja um outro exemplo de gráfico criado sobre o webform do exemplo em …. :

SNAG-0031



Categories: .NET , Visual Studio , ASP.NET


Nome :
E-mail:
Comentarios :
 
 
Os Últimos Comentários
Nenhum comentário foi realizado ainda. Seja o primeiro !
Dicas
Dica do Dia
Receba Dicas Por Email
E-mail :  
 


 (help)
Aceito receber informativos do devASPNet, informações de eventos e treinamentos

Veja Quais Informativos Você Receberá

Pesquisar Dicas
Pesquisar Artigos, Dicas e Noticias

Banco de Dados
Algumas Entrevistas
Links Importantes

Búfalo Informática, Treinamento e Consultoria
R. Alvaro Alvim, 37/920 Centro - Cinelândia - Rio de Janeiro Cep: 20031-010
Tel : (21) 2262-1368 (21) 9240-5134 E-mail : Contato@bufaloinfo.com.br