[Desenvolvimento] Menu de contexto no Windows Phone

1

wp-context-menuOlá pessoal, tudo bom?

Este post é para responder uma dúvida que me foi enviada através do Blog. A dúvida diz respeito a como inserir menu de contexto (Context Menu) em APPs para Windows Phone.

A primeira coisa que temos que saber é que o serviço context menu faz parte da Toolkit do Windows Phone, portanto, será necessário adicioná-la ao seu projeto, sendo que para isso, faça o seguinte:

Abra seu projeto no Visual Studio, acesse o menu TOOLS -> Library Package Manager -> Package Manager Console

No console, digite Install-Package WPToolkit [ENTER] e aguarde o término da instalação

Após a instalação da Toolkit no seu projeto, precisamos entender que o menu de contexto deve ser inserido entre o objeto que irá chamá-lo, ou seja, se sua intenção é que o menu apareça após pressionar e segurar (hold) um botão, então os elementos do context menu deverão estar entre ele, se sua intenção é que ele “apareça” ao pressionar checkbox que faz parte de uma lista, então os elementos do context menu deverão estar entre esse checkbox e assim por diante…

Nesse exemplo, estou inserindo um menu de contexto em uma lista de carros (ver imagem no início do post) e a função do menu é questionar se o usuário deseja fazer com que o nome do carro fique todo em maiúsculo ou todo em minúsculo.

Definições para o arquivo XAML

Repare que estou colocando apenas um trecho do código, mas o que importa nesse exemplo é a forma como o menu de contexto está inserido dentro do checkbox

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<phone:PhoneApplicationPage
...
  xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
...
...
<phone:PivotItem Header="check list">
  <StackPanel>
    <ListBox Name="lbCheck" Height="490">
      <ListBox.ItemTemplate>
        <DataTemplate>
          <StackPanel Orientation="Horizontal" Margin="5,0,0,0">
            <CheckBox Height="Auto" Content="{Binding Nome, Mode=TwoWay}"
                      IsChecked="{Binding IsSelected, Mode=TwoWay}" FontSize="30">
              //Definição do serviço do menu de contexto
              <toolkit:ContextMenuService.ContextMenu>
                <toolkit:ContextMenu Name="ctmMenu">
                  //Definição dos itens do menu de contexto
                  <toolkit:MenuItem Name="mitemCaixaAlta" Header="Caixa ALTA" Tap="mitemCaixaAlta_Tap"/>
                  <toolkit:MenuItem Name="mitemCaixaBaixa" Header="Caixa baixa" Tap="mitemCaixaBaixa_Tap"/>
                </toolkit:ContextMenu>
              </toolkit:ContextMenuService.ContextMenu>
            </CheckBox>
            <TextBlock Text="{Binding Cor, Mode=TwoWay}" VerticalAlignment="Center" FontSize="30"
                       Style="{StaticResource PhoneTextAccentStyle}" />
          </StackPanel>
        </DataTemplate>
      </ListBox.ItemTemplate>
    </ListBox>
  </StackPanel>
</phone:PivotItem>
...

Definições para o arquivo em C#

Abaixo temos apenas as ações necessárias para os métodos que estão sendo chamados pelos itens do menu de contexto

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
...
private void mitemCaixaAlta_Tap(object sender, System.Windows.Input.GestureEventArgs e)
{
  MenuItem mi = sender as MenuItem;
  Carro c = mi.DataContext as Carro;
  c.Nome = c.Nome.ToUpper();
}
 
private void mitemCaixaBaixa_Tap(object sender, System.Windows.Input.GestureEventArgs e)
{
  MenuItem mi = sender as MenuItem;
  Carro c = mi.DataContext as Carro;
  c.Nome = c.Nome.ToLower();
}
...

Grande abraço !

Eduardo Henrique Rizo (@eduardorizo)

Post Relacionado: 

Fonte: Blog do Eduardo H. Rizo

Share.

About Author

Bacharel em Ciência da Computação pela FIPP/Unoeste, Pós-Graduado em Desenvolvimento de Sistemas Web, Segurança da Informação e Avaliação do Ensino e da Aprendizagem, Professor universitário e responsável pelo setor de desenvolvimento de sistemas web da Universidade do Oeste Paulista. MCP e MCPS pela Microsoft e nas horas vagas dedica um pouco do seu tempo escrevendo posts técnicos sobre desenvolvimento de sistemas web, windows phone, gerenciamento de servidores e outros assuntos para a comunidade.

  • Eryck

    Boa Noite editores, vocês poderiam me indicar algumas fontes, tipo livros e sites que ensinam desenvolvimento para o WP8, eu comprei o Livro Desenvolvendo para Windows 8 do Ricardo R.Lecheta, mais o livro já está desatualizado, e ainda mais agora com o WP8.1. Se tiverem algumas dicas de livros e sites vou ficar muito grato!