Belajar Xamarin – Aplikasi Penjumlahan Sederhana

Halo sobat Tutorial Networks! Pada postingan ini saya akan melanjutkan pembuatan aplikasi penjumlahan sederhana pada Android menggunakan Xamarin. Artikel ini bisa dibilang merupakan saingan dari postingan serupa namun menggunakan Android Studio.

Anda bisa membuka link berikut kalau penasaran: Membuat aplikasi android di Android Studio

Nah, langkah pertama adalah buatlah sebuah aplikasi baru di Xamarin. Jika lupa caranya anda bisa baca kembali atikel sebelumnya di sini: Membuat aplikasi baru di Xamarin

Tutorial Networks - Tutorial Xamarin Basic 07

Tambahkan widget Text dari panel toolbox dengan cara drag-drop dan ganti teksnya misalnya: Bilangan 1

Tutorial Networks - Tutorial Xamarin Basic 11

Tambahkan pula widget PlainText dari panel toolbox dengan cara yang sama.

Tutorial Networks - Tutorial Xamarin Basic 12

Lakukan hal yang serupa, namun kali ini untuk Bilangan 2

Tutorial Networks - Tutorial Xamarin Basic 13

Dan tambahkan lagi untuk penampilan nilai Hasil

Tutorial Networks - Tutorial Xamarin Basic 14

Tambahkan sebuah Button dan ganti textnya dengan misalnya, Hitung

Tutorial Networks - Tutorial Xamarin Basic 15

Sehingga secara umum tampilannya adalah sebagai berikut:

Tutorial Networks - Tutorial Xamarin Basic 16

Selanjutnya ketikkan script berikut pada file MainActivity.cs

1:  using System;  
2:  using Android.App;  
3:  using Android.Content;  
4:  using Android.Runtime;  
5:  using Android.Views;  
6:  using Android.Widget;  
7:  using Android.OS;  
8:  namespace App01  
9:  {  
10:    [Activity(Label = "App01", MainLauncher = true, Icon = "@drawable/icon")]  
11:    public class MainActivity : Activity  
12:    {  
13:      int count = 1;  
14:      protected override void OnCreate(Bundle bundle)  
15:      {  
16:        base.OnCreate(bundle);  
17:        // Set our view from the "main" layout resource  
18:        SetContentView(Resource.Layout.Main);  
19:        Button btn = (Button) FindViewById(Resource.Id.button1);  
20:        EditText txt1 = (EditText)FindViewById(Resource.Id.editText1);  
21:        EditText txt2 = (EditText)FindViewById(Resource.Id.editText2);  
22:        EditText txthasil = (EditText)FindViewById(Resource.Id.editText3);  
23:        btn.Click += delegate  
24:        {  
25:          int bil1, bil2, hasil;  
26:          bil1 = Int16.Parse(txt1.Text);  
27:          bil2 = Int16.Parse(txt2.Text);  
28:          hasil = bil1 + bil2;  
29:          txthasil.Text = hasil.ToString();  
30:        };  
31:      }  
32:    }  
33:  }  

Penjelasan:

Baris 19: Membuat variabel C# “btn” yang berkorelasi dengan variabel view pada layout dengan id “button1”

Baris 23: Membuat event onclick yang dimiliki oleh variabel “btn”

Baris 26: Melakukan konversi variabel dari string ke integer

Baris 29: Menampilkan hasil pada text dengan mengubah terlebih dahulu nilai integer ke string

Tes aplikasi anda dengan menjalankan klik Play. Masukan angkanya misalnya 1 + 1 dan klik Hitung.

Tutorial Networks - Tutorial Xamarin Basic 17

 

Loading...


2 thoughts on “Belajar Xamarin – Aplikasi Penjumlahan Sederhana

    • May 27, 2017 at 1:02 am
      Permalink

      Baris 13? *nengok ke atas, kaget! itu kan… baris sisa copy-paste yang kelewat ke-delete…, gawat! langsung mikir jawaban yang pas biar kelihatan pinter* Hmm, baris ke-13 itu kayaknya kena Hack, mas!

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Shares