A maior rede de estudos do Brasil

Grátis
1800 pág.
indroducao Xammarin.Froms

Pré-visualização | Página 6 de 50

/>
 <Entry x:Name="phoneNumberText" Text="1-855-XAMARIN" />
 <Button x:Name="translateButon" Text="Translate" Clicked="OnTranslate" />
 <Button x:Name="callButton" Text="Call" IsEnabled="false" Clicked="OnCall" />
 </StackLayout>
</ContentPage>
Respondendo à interação do usuárioRespondendo à interação do usuário
void OnTranslate(object sender, EventArgs e)
{
 translatedNumber = Core.PhonewordTranslator.ToNumber (phoneNumberText.Text);
 if (!string.IsNullOrWhiteSpace (translatedNumber)) {
 callButton.IsEnabled = true;
 callButton.Text = "Call " + translatedNumber;
 } else {
 callButton.IsEnabled = false;
 callButton.Text = "Call";
 }
}
<Button x:Name="translateButon" Text="Translate" Clicked="OnTranslate" />
Conceitos adicionais introduzidos no Phoneword
A classe MainPage usa um controle StackLayout para organizar automaticamente os controles na tela, não
importa o tamanho da tela. Cada elemento filho é posicionado um depois do outro, verticalmente na ordem em
que são adicionados. O controle StackLayout contém um controle Label para exibir o texto na página, um
controle Entry para aceitar entrada textual do usuário e dois controles Button usados para executar código em
resposta a eventos de toque.
Para saber mais sobre XAML no Xamarin.Forms, consulte Xamarin.Forms XAML Basics (Noções básicas de
XAML no Xamarin.Forms).
Um objeto definido em XAML pode acionar um evento que é processado no arquivo code-behind. O seguinte
exemplo de código mostra o método OnTranslate no code-behind para a classe MainPage , que é executada em
resposta ao disparo do evento Clicked no botão Traduzir.
O método OnTranslate traduz a phoneword para seu número de telefone correspondente e, em resposta, define
as propriedades no botão de chamada. O arquivo code-behind de uma classe XAML pode acessar um objeto
definido em XAML usando o nome atribuído a ele com o atributo x:Name . O valor atribuído a esse atributo tem
as mesmas regras que variáveis C#, no sentido de que deve começar com uma letra ou um sublinhado e não
conter espaços.
A fiação do botão de traduzir para o método OnTranslate ocorre na marcação XAML para a classe MainPage :
O aplicativo Phoneword para Xamarin.Forms introduziu vários conceitos não abordados neste artigo. Esses
conceitos incluem:
Habilitar e desabilitar botões. Um Button pode ser ativado ou desativado alterando sua propriedade 
IsEnabled . Por exemplo, o seguinte código de exemplo desabilita o callButton :
Teste e implantação
callButton.IsEnabled = false;
await this.DisplayAlert (
 "Dial a Number",
 "Would you like to call " + translatedNumber + "?",
 "Yes",
 "No");
async void OnCall (object sender, EventArgs e)
{
 ...
 var dialer = DependencyService.Get<IDialer> ();
 ...
}
return UIApplication.SharedApplication.OpenUrl (new NSUrl ("tel:" + number));
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" ... >
 <ContentPage.Padding>
 <OnPlatform x:TypeArguments="Thickness">
 <On Platform="iOS" Value="20, 40, 20, 20" />
 <On Platform="Android, UWP" Value="20" />
 </OnPlatform>
 </ContentPage.Padding>
 ...
</ContentPage>
Exibindo uma caixa de diálogo de alerta. Quando o usuário pressiona a chamada Botão, o aplicativo
Phoneword mostra uma Caixa de Diálogo de Alerta com a opção de fazer ou cancelar uma chamada. O
método DisplayAlert é usado para criar a caixa de diálogo, como mostrado no código de exemplo a
seguir :
Acessando recursos nativos por meio da classe DependencyService . O aplicativo Phoneword usa a classe 
DependencyService para resolver a interface IDialer para implementações de discagem de telefone
específicas da plataforma, como mostra o código de exemplo a seguir do projeto Phoneword:
Para saber mais sobre a classe DependencyService , consulte Acessando recursos nativos por meio do
DependencyService.
Fazendo uma chamada telefônica com uma URL. O aplicativo Phoneword usa OpenURL para inicializar o
aplicativo de telefone do sistema. A URL consiste em um prefixo tel: seguido pelo número de telefone a
ser chamado, como mostra o exemplo de código a seguir do projeto iOS:
Ajustando o layout da plataforma. A classe Device permite aos desenvolvedores personalizar o layout e a
funcionalidade do aplicativo por plataforma, conforme mostra o exemplo de código a seguir que usa outros
valores Padding nas plataformas para exibir corretamente a cada página:
Para saber mais sobre os ajustes de plataforma, consulte Device Class (Classe de Dispositivo).
Tanto o Visual Studio para Mac quanto o Visual Studio oferecem várias opções para testar e implantar um
aplicativo. Depurar aplicativos é uma parte comum do ciclo de vida de desenvolvimento de aplicativo e ajuda a
diagnosticar problemas de código. Para saber mais, consulte Definir um ponto de interrupção, Percorrer o código
Resumo
e Enviar as informações para a janela de log.
Simuladores são um bom lugar para começar a implantar e testar um aplicativo e eles apresentam recursos úteis
para testar aplicativos. No entanto, os usuários não consumirão o aplicativo final em um simulador, assim, os
aplicativos devem ser testados em dispositivos reais antecipadamente e com frequência. Para saber mais sobre o
provisionamento de dispositivo iOS, consulte Provisionamento de Dispositivo. Para saber mais sobre o
provisionamento de dispositivo Android, consulte Configurar o dispositivo para desenvolvimento.
Este artigo examinou os conceitos básicos do desenvolvimento de aplicativos usando o Xamarin.Forms. Os
tópicos abordados incluído a anatomia de um aplicativo Xamarin.Forms, arquitetura e conceitos básicos de
aplicativo e a interface do usuário.
Na próxima seção deste guia, o aplicativo será estendido para incluir várias telas, a fim de explorar conceitos e
arquiteturas mais avançados do Xamarin.Forms.
Multitela Hello, Xamarin.Forms
28/07/2018 • 2 minutes to read • Edit Online
Parte 1: início rápido
Parte 2: Aprofundamento
Links relacionados
Este guia expande o aplicativo Phoneword criado no guia do Hello, Xamarin.Forms para navegar até uma
segunda tela. Os tópicos abordados incluem navegação na página e vinculação de dados a uma coleção.
A primeira parte deste guia demonstra como adicionar uma segunda tela ao aplicativo Phoneword para controlar
o histórico de chamadas para o aplicativo.
A segunda parte deste guia examina o que foi compilado para desenvolver uma compreensão da navegação de
página e associação de dados em um aplicativo Xamarin.Forms.
Introdução ao Xamarin.Forms
Depurando no Visual Studio
Receitas do Visual Studio para Mac - Depuração
Aprendizado autodirigido gratuito (vídeo)
Introdução ao Xamarin (vídeo)
 
Início rápido da multitela do Xamarin.Forms
13/07/2018 • 11 minutes to read • Edit Online
O início rápido demonstra como estender o aplicativo Phoneword ao adicionar uma segunda tela para controlar o
histórico de chamadas para o aplicativo. O aplicativo final é mostrado abaixo:
Estenda o aplicativo Phoneword da seguinte maneira:
Visual Studio
Visual Studio para Mac
1. Inicie o Visual Studio. Na página inicial, clique em Abrir Projeto... e, na caixa de diálogo Abrir Projeto,
selecione o arquivo de solução para o projeto Phoneword:
2. No Gerenciador de Soluções, clique com botão direito do mouse no projeto Phoneword e selecione
Adicionar > Novo Item…:
3. Na caixa de diálogo Adicionar Novo Item, selecione Itens do Visual C# > Xamarin.Forms > Página de
Conteúdo, nomeie o novo item como CallHistoryPage e clique no botão Adicionar. Isso adicionará uma
página chamada CallHistoryPage ao projeto:
4. Em CallHistoryPage.xaml, remova todo o código de modelo e substitua-o pelo código a seguir. Esse
código