Xamarin - Primeiro Aplicativo

Neste capítulo, veremos como criar um pequeno aplicativo Android usando o Xamarin.

Olá Xamarin! Inscrição

Primeiro de tudo, inicie uma nova instância do Visual Studio e vá para File → New → Project.

Na caixa de diálogo Menu que aparece, vá para Templates → Visual C# → Android → Blank App (Android).

Dê um nome apropriado para seu aplicativo. No nosso caso, nós o nomeamos“helloWorld”e salve-o no local padrão fornecido. Em seguida, clique no botão OK para o novo“helloXamarin” projeto para carregar.

No solution, abrir Resources → layout → Main.axmlArquivo. Alterne da Visualização de design e vá para oSource arquivo e digite as seguintes linhas de código para construir seu aplicativo.

<?xml version = "1.0" encoding = "utf-8"?> 
<LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" 
   android:orientation = "vertical" 
   android:background = "#d3d3d3" 
   android:layout_width = "fill_parent" 
   android:layout_height = "fill_parent"> 
   <TextView 
      android:text = "@string/HelloXamarin" 
      android:textAppearance = "?android:attr/textAppearanceLarge" 
      android:layout_width = "match_parent" 
      android:layout_height = "wrap_content" 
      android:id = "@+id/textView2" 
      android:textColor = "@android:color/black" /> 
</LinearLayout>

No código acima, criamos um novo Android textview. Em seguida, abra os valores da pasta e clique duas vezesStrings.xmlpara abri-lo. Aqui, vamos armazenar informações e valores sobre obutton criado acima.

<?xml version = "1.0" encoding = "utf-8"?> 
<resources> 
   <string name = "HelloXamarin">Hello World, I am Xamarin!</string> 
   <string name = "ApplicationName">helloWorld</string> 
</resources>

Abrir MainActivity.cs arquivo e substitua o código existente com as seguintes linhas de código.

using System; 
using Android.App; 
using Android.Content; 
using Android.Runtime; 
using Android.Views; 
using Android.Widget; 
using Android.OS;  

namespace HelloXamarin { 
   public class MainActivity : Activity { 
      protected override void OnCreate(Bundle bundle) { 
         base.OnCreate(bundle); 
         SetContentView(Resource.Layout.Main); 
      } 
   } 
}

Salve o aplicativo. Compile e execute-o para exibir o aplicativo criado em um emulador Android.

Se você não tiver um emulador Android, siga as etapas fornecidas na próxima seção para criar um.

Configurando um emulador Android

No menu do Visual Studio, vá para Tools → Android → Android Emulator Manager. Na janela pop-up que aparece, clique no botãoCreatebotão. Ele exibirá a seguinte tela.

Na tela acima, forneça o AVD namevocê quer. Selecione umadeviceque seja apropriado para sua tela, por exemplo, tela do Nexus 4 ”. Selecione seutarget platform. É sempre aconselhável testar em uma plataforma de destino mínima, por exemplo, API 10 Android 2.3 (Gingerbread) para garantir que seu aplicativo funcione em todas as plataformas Android.

Preencha o restante dos campos e clique no botão OK. Seu emulador agora está pronto. Você pode selecioná-lo na lista de dispositivos virtuais Android existentes e clicar emStart para iniciá-lo.

Modificando o aplicativo HelloXamarin

Nesta seção, vamos modificar nosso projeto e criar um botão que exibirá o texto ao clicar. Abrirmain.axml e mudar para source view. Depois do nossotextview que criamos, adicionaremos um botão conforme mostrado abaixo.

<Button 
   android:id = "@+id/MyButton" 
   android:layout_width = "fill_parent" 
   android:layout_height = "wrap_content" 
   android:text = "@string/ButtonClick" />

Depois de adicionar um botão, nosso código completo ficará assim -

<?xml version = "1.0" encoding = "utf-8"?> 
<LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" 
   android:orientation = "vertical" 
   android:layout_width = "fill_parent" 
   android:layout_height = "fill_parent"> 
   <TextView 
      android:text = "@string/HelloXamarin" 
      android:textAppearance = "?android:attr/textAppearanceLarge" 
      android:layout_width = "match_parent" 
      android:layout_height = "wrap_content" 
      android:id = "@+id/textView2" /> 
    
   <Button 
      android:id = "@+id/MyButton" 
      android:layout_width = "fill_parent" 
      android:layout_height = "wrap_content" 
      android:text = "@string/ButtonClick" /> 
</LinearLayout>

A seguir, registramos nossos valores de botão no strings.xml Arquivo.

<string name = "ButtonClick">Click Me!</string>

Depois de adicionar nosso botão no strings.xml arquivo, vamos abrir MainActivity.cs arquivo para adicionar uma ação para o nosso botão quando ele é clicado, conforme mostrado no código a seguir.

using System; 
using Android.App; 
using Android.Content; 
using Android.Runtime; 
using Android.Views; 
using Android.Widget; 
using Android.OS;  

namespace HelloXamarin {     
   [Activity(Label = "HelloXamarin", MainLauncher = true, Icon = "@drawable/icon")] 
   public class MainActivity : Activity { 
      protected override void OnCreate(Bundle bundle) { 
         base.OnCreate(bundle); 
         SetContentView(Resource.Layout.Main); 
         Button button = FindViewById<Button>(Resource.Id.MyButton); 
         button.Click += delegate { button.Text = "Hello world I am your first App"; }; 
      } 
   } 
}

Em seguida, crie e execute seu aplicativo.

Após clicar no botão, você obterá a seguinte saída -