Mário Pimentel  Severino  Http://mozit.tv@MarioPimentelMarioPimentelJrmariopimentel@mozit.tv
O que veremos nesse curso?
FOCO DO CURSO• Silverlight   – XAML   – Binding   – Controles   – Blend e Visual Studio 2010
FOCO DO CURSO• WP7  – Criando uma aplicação com Silverlight     •   Layouts     •   Recursos do Aparelho     •   Armazenam...
Introdução aoWindows phone 7 “Mango”
Visão geral do Windows Phone      Nova plataforma mobile da Microsoft.      Foco no usuário final      Nova interface –...
Hardware do Windows Phone    Padronização junto aos fabricantes.    Mínimo: 256 MB RAM e 8 GB de storage    Botões – Ba...
Arquitetura do Windows Phone
Ciclo de Vida de Desenvolvimento
Introdução ao xaml
O que é XAML?    • É uma linguagem de marcação.    • Tecnologia de criação de interface do .NET      Framework.    • Dispo...
Poderes e limitações do XAML    •   É uma linguagem declarativa.    •   Mais usada para criar e instanciar objetos.    •  ...
Sintaxe do XAML    • Elementos do objeto       – Um elemento do objeto declara a instância de um tipo         (componente)...
Sintaxe do XAML   • Atributos (Propriedades)       – Propriedades podem ser declaradas como         atributos no XAML.   <...
Elementos Contêiner   • Facilita questão diversas do layout como     posicionamento e redimensionamento.   • Todos element...
Elementos Contêiner   • Canvas      – Define uma área na qual os      Elementos filhos podem definir      coordenadas rela...
Elementos Contêiner   • Grid     – Define uma área       flexível que consiste       em colunas e       linhas..          ...
Elementos Contêiner    • Grid
Elementos Contêiner   • StackPanel       – Organiza os elementos filhos em uma         única linha que pode ser orientada ...
Data binding
Data Binding    • Disponibiliza uma forma simples para exibir      dados no layout.    • Estabelece uma conexão entre o UI...
Data Binding    • Exemplo:     XAML     <TextBox x:Name="MyTextBox" Text="Text"     Foreground="{Binding Brush1, Mode=TwoW...
PANORAMA E PIVOT
Panorama    • Oferece uma experiência única de ver controles, dados e      serviços usando uma tela horizontal.    • Não f...
Panorama
Panorama    • PanoramaItem é o controle secundário que      serve como contêiner para o conteúdo de      um Panorama.
Pivot   • Uma forma rápida de gerenciar layout ou páginas.   • O usuário tem a liberdade de navegar para esquerda ou     d...
Pivot
Pivot   • PivotItem é o controle secundário que serve como     contêiner para o conteúdo de um Pivot.                 Tamb...
CICLO DE VIDA
Ciclo de Vida                              running                  activated             deactivated     Tombstoned      ...
Ciclo de Vida   • OnNavigatedTo     – Chamado quando o usuário navega para a página.   • OnNavigatedFrom     – Chamado qua...
Ciclo de Vida    • Desactived       – Chamado quando o usuário:           • Pressiona o botão Start           • Muda para ...
Ciclo de Vida     • Launching        – Chamado quando o usuário:            • Abre o programa pela lista de aplicativos   ...
Quando ousuário                 Ciclo de Vida   Quando o                                 aplicativo éaperta em            ...
ISOLATED STORAGE
Isolated Storage   • Permite armazenar dados no próprio     Windows Phone.   • Toda ação de armazenamento e leitura de    ...
Opções de armazenamento   • É possível armazenar:     – Chave/Valor: Gravar dados com o par       key/value usando a class...
Opções de armazenamento
Opções de armazenamento• Chave/Valor (IsolatedStorageSettings):    Códigostring NomeUsuario;if( IsolatedStorageSettings.Ap...
Opções de armazenamento• Arquivos/Pastas (IsolatedStorageSettings): Códigovar store = IsolatedStorageFile.GetUserStoreForA...
Opções de armazenamento    • LINQ to SQL:     Código     var toDoItemsInDB = from ToDoItem todo in toDoDB.ToDoItems select...
DEMO
Mário Pimentel                    Severino                    Http://mozit.tv                  @MarioPimentel             ...
Treinamento Windows Phone
Treinamento Windows Phone
Próximos SlideShares
Carregando em…5
×

Treinamento Windows Phone

1.360 visualizações

Publicada em

Treinamento de Windows Phone

Publicada em: Educação
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.360
No SlideShare
0
A partir de incorporações
0
Número de incorporações
464
Ações
Compartilhamentos
0
Downloads
12
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Treinamento Windows Phone

  1. 1. Mário Pimentel Severino Http://mozit.tv@MarioPimentelMarioPimentelJrmariopimentel@mozit.tv
  2. 2. O que veremos nesse curso?
  3. 3. FOCO DO CURSO• Silverlight – XAML – Binding – Controles – Blend e Visual Studio 2010
  4. 4. FOCO DO CURSO• WP7 – Criando uma aplicação com Silverlight • Layouts • Recursos do Aparelho • Armazenamento local • Ciclo de vida • Serviços – Publicação no Market
  5. 5. Introdução aoWindows phone 7 “Mango”
  6. 6. Visão geral do Windows Phone  Nova plataforma mobile da Microsoft.  Foco no usuário final  Nova interface – Metro  Interface também adotada no Windows 8.  Utilização de HUBS  Desenvolvimento .NET  Windows Phone Marketplace.
  7. 7. Hardware do Windows Phone Padronização junto aos fabricantes. Mínimo: 256 MB RAM e 8 GB de storage Botões – Back (Voltar) , Start (Iniciar) e Search (Procurar) Tela – Multitouch capacitivo (800x480) Câmera – mínimo de 5 megapixels + flash Sensores e serviço  Wi-fi  Accelerometer  Compass (Bússola)  Location (GPS)  Speech (Reconhecimento de voz)  Vibration  Push Notifications
  8. 8. Arquitetura do Windows Phone
  9. 9. Ciclo de Vida de Desenvolvimento
  10. 10. Introdução ao xaml
  11. 11. O que é XAML? • É uma linguagem de marcação. • Tecnologia de criação de interface do .NET Framework. • Disponível desde o .NET Framework 3.0 • Criação de interface para as plataformas: – WPF (Windows Presentation Foundation) – Silverlight para Web – Silverlight para Windows Phone – Windows 8
  12. 12. Poderes e limitações do XAML • É uma linguagem declarativa. • Mais usada para criar e instanciar objetos. • Templates • Data Binding • Animações/Efeitos de Transição • Há coisas que só podem ser feitas no XAML, outras apenas no código e outras em ambas.
  13. 13. Sintaxe do XAML • Elementos do objeto – Um elemento do objeto declara a instância de um tipo (componente). – Para iniciar o objeto sempre começa com “<”, seguido do nome do objeto e finaliza com “>”. – Para fechar um objeto com conteúdo, começa com “</”. – Para fechar um objeto sem conteúdo, termina com “/>”. <StackPanel> <Button Content="Click Me"/> </StackPanel>
  14. 14. Sintaxe do XAML • Atributos (Propriedades) – Propriedades podem ser declaradas como atributos no XAML. <Button Background="Blue" Foreground="Red" Content="This is a button"/>
  15. 15. Elementos Contêiner • Facilita questão diversas do layout como posicionamento e redimensionamento. • Todos elementos de objeto precisam estar em pelo menos um Elemento Contêiner. • Alguns Elementos Contêiner são: – Grid – Canvas – StackPanel.
  16. 16. Elementos Contêiner • Canvas – Define uma área na qual os Elementos filhos podem definir coordenadas relativas a essa área. - Mais fácil de trabalhar com Posições X e Y. <Canvas Width="640" Height="480" Background="White"> <Rectangle Canvas.Left="30" Canvas.Top="30" Fill="red" Width="200" Height="200" /> </Canvas>
  17. 17. Elementos Contêiner • Grid – Define uma área flexível que consiste em colunas e linhas.. <Grid Width="400" Height="300"> <Grid.ColumnDefinitions> … </Grid.ColumnDefinitions> <Grid.RwDefinitions> ... </Grid.RowDefinitions> //Restante dos elementos </Grid>
  18. 18. Elementos Contêiner • Grid
  19. 19. Elementos Contêiner • StackPanel – Organiza os elementos filhos em uma única linha que pode ser orientada horizontalmente ou verticalmente. <StackPanel Margin="20"> <Rectangle Fill="Red" Width="50" Height="50" Margin="5" /> <Rectangle Fill="Blue" Width="50" Height="50" Margin="5" /> <Rectangle Fill="Green" Width="50" Height="50" Margin="5" /> <Rectangle Fill="Purple" Width="50" Height="50" Margin="5" /> </StackPanel>
  20. 20. Data binding
  21. 21. Data Binding • Disponibiliza uma forma simples para exibir dados no layout. • Estabelece uma conexão entre o UI e um objeto de dados. – Exemplo: Um usuário edita um TextBlock. O valor atribuido a esse elemento é automaticamente atualizado no objeto de origem também.
  22. 22. Data Binding • Exemplo: XAML <TextBox x:Name="MyTextBox" Text="Text" Foreground="{Binding Brush1, Mode=TwoWay}"/> Código MyColors textcolor = new MyColors(); textcolor.Brush1 = new SolidColorBrush(Colors.Red); MyTextBox.DataContext = textcolor;
  23. 23. PANORAMA E PIVOT
  24. 24. Panorama • Oferece uma experiência única de ver controles, dados e serviços usando uma tela horizontal. • Não fica limitado ao tamanho da tela do Windows Phone. • O usuário tem a liberdade de navegar para esquerda ou direita.
  25. 25. Panorama
  26. 26. Panorama • PanoramaItem é o controle secundário que serve como contêiner para o conteúdo de um Panorama.
  27. 27. Pivot • Uma forma rápida de gerenciar layout ou páginas. • O usuário tem a liberdade de navegar para esquerda ou direita, mas não tem um pré-visualização da parte direita.
  28. 28. Pivot
  29. 29. Pivot • PivotItem é o controle secundário que serve como contêiner para o conteúdo de um Pivot. Também é possível navegar tocando nos títulos das páginas
  30. 30. CICLO DE VIDA
  31. 31. Ciclo de Vida running activated deactivated Tombstoned dormant
  32. 32. Ciclo de Vida • OnNavigatedTo – Chamado quando o usuário navega para a página. • OnNavigatedFrom – Chamado quando o usuário sai da página.
  33. 33. Ciclo de Vida • Desactived – Chamado quando o usuário: • Pressiona o botão Start • Muda para outro aplicativo. • Actived – Chamado quando o aplicativo retorna do estado: • Dormant. • Tombstoned.
  34. 34. Ciclo de Vida • Launching – Chamado quando o usuário: • Abre o programa pela lista de aplicativos • Abre o programa via Tile. • Recebe uma notificação pedindo para abrir o aplicativo e ele aceita. • Closing – Chamado quando o usuário aperta o botão “Back” do Windows Phone para sair do aplicativo.
  35. 35. Quando ousuário Ciclo de Vida Quando o aplicativo éaperta em aberto via“Back” saindo lista, Tite oudo aplicativo. Notification Quando o usuárioQuando o aperta emusuário volta Start ouao aplicativo selecionaapertando outro“Back” ou aplicativoquando aberto.retorna deTombstonedou Dormant.
  36. 36. ISOLATED STORAGE
  37. 37. Isolated Storage • Permite armazenar dados no próprio Windows Phone. • Toda ação de armazenamento e leitura de dados locais está restrita ao Isolated Storage. • É mais seguro, reduz as chances de acessos não autorizados e erros.
  38. 38. Opções de armazenamento • É possível armazenar: – Chave/Valor: Gravar dados com o par key/value usando a classe IsolatedStorageSettings. – Arquivos e Pastas: Gravar arquivos e pastas usando a classe IsolatedStorageFile. – Dados relacionais: Gravar dados em um banco de dados local usando LINQ to SQL.
  39. 39. Opções de armazenamento
  40. 40. Opções de armazenamento• Chave/Valor (IsolatedStorageSettings): Códigostring NomeUsuario;if( IsolatedStorageSettings.ApplicationSettings.TryGetValue<string>("NomeUsuario", out NomeUsuario)){IsolatedStorageSettings.ApplicationSettings.Add("NomeUsuario","José");}
  41. 41. Opções de armazenamento• Arquivos/Pastas (IsolatedStorageSettings): Códigovar store = IsolatedStorageFile.GetUserStoreForApplication()store.CreateDirectory("MyApp1");IsolatedStorageFileStream rootFile = store.CreateFile("InTheRoot.txt");rootFile.Close();if (store.FileExists(filePath)) { StreamWriter sw = new StreamWriter( store.OpenFile( "InTheRoot.txt”, FileMode.Open, . .FileAccess.Write));}
  42. 42. Opções de armazenamento • LINQ to SQL: Código var toDoItemsInDB = from ToDoItem todo in toDoDB.ToDoItems select todo; ToDoItems = new ObservableCollection<ToDoItem>(toDoItemsInDB);
  43. 43. DEMO
  44. 44. Mário Pimentel Severino Http://mozit.tv @MarioPimentel MarioPimentelJr mariopimentel@mozit.tvWINDOWS PHONE 7

×