Xamarin adalah platform yang memungkinkan Anda membangun aplikasi seluler. Ini open-source dan memiliki dukungan komunitas dari pengembang dan pengguna di seluruh dunia.

Anda dapat membuat aplikasi seluler di berbagai platform, seperti iOS, Android, atau Windows. UI juga dapat spesifik untuk platform, atau dapat dibagikan di seluruh platform, tergantung pada apakah Anda menggunakan Xamarin Native atau Xamarin Forms.

Visual Studio memungkinkan Anda untuk membuat proyek Xamarin baru dan menambahkan konten Anda ke aplikasi seluler Anda. Anda kemudian dapat menguji aplikasi seluler Anda dengan menjalankannya melalui emulator.

Apa Bentuk Asli Xamarin dan Xamarin?

Xamarin Native termasuk Xamarin iOS, Xamarin Windows, atau Xamarin Android. Ini memungkinkan Anda membangun antarmuka pengguna untuk platform tertentu.

Misalnya, Anda dapat menggunakan beberapa komponen UI hanya di Android dan komponen UI lainnya hanya di iOS. Ini bagus jika Anda menginginkan desain khusus untuk platform yang berbeda, tetapi dapat menyebabkan pengembangan lebih lambat.

instagram viewer

Formulir Xamarin, di sisi lain, memungkinkan Anda untuk membangun komponen UI bersama yang dapat Anda gunakan kembali di banyak platform. Ini bagus untuk komponen umum seperti tombol atau kotak teks yang akan terlihat sama di semua perangkat. Ini juga umumnya mengarah pada perkembangan yang lebih cepat.

Microsoft saat ini sedang dalam proses mengganti Xamarin dengan .NET MAUI (Multiform App User Interface), sebagai bagian dari .NET 6. Berdasarkan Blog .NET Microsoft, salah satu fitur barunya adalah kemampuan untuk menggunakan satu proyek, bukan banyak proyek di banyak platform.

Cara Mengunduh dan Menginstal Pengembangan Seluler untuk .NET

Untuk membangun sebuah Microsoft Xamarin aplikasi seluler yang perlu Anda unduh dan instal Pengembangan Seluler untuk .NET di Visual Studio. Ini memberi Anda kemampuan untuk membuat proyek Xamarin. Itu juga dilengkapi dengan emulator untuk menguji aplikasi seluler Anda di PC.

  1. Buka Penginstal Visual Studio.
  2. Memilih versi Visual Studio Anda ingin menggunakan, dan klik pada Memodifikasi.
  3. Gulir ke bawah ke kategori Seluler dan Permainan. Pilih Pengembangan seluler dengan .NET. Anda dapat melihat daftar apa yang termasuk di panel sebelah kanan.
  4. Di kanan bawah, pilih Instal saat mengunduh, dan klik Memodifikasi. Tunggu hingga proses instalasi selesai.

Cara Membuat Proyek Xamarin Baru

Setelah Anda menginstal pengembangan Seluler dengan .NET, buka Visual Studio dan buat proyek Xamarin baru.

  1. Di bagian atas Visual Studio, buka Mengajukan tab. Arahkan kursor ke atas Baru, dan pilih Proyek.
  2. Gunakan bilah pencarian untuk mencari Xamarin. Jendela akan terisi dengan daftar proyek Xamarin yang dapat Anda buat, termasuk proyek untuk Xamarin Native atau Xamarin Forms.
  3. Pilih Aplikasi Seluler (Formulir Xamarin).
  4. Pilih salah satu Kosong templat. Dibawah Platform, pilih platform tempat Anda ingin membuat aplikasi seluler (bisa Android dan iOS).

Komponen Dasar Aplikasi Xamarin

Secara default, beberapa proyek membuat aplikasi Xamarin. Itu Proyek Xamarin menyimpan elemen atau logika UI bersama. Ini berisi Halaman Utama.xaml file, yang menyimpan elemen UI bersama yang akan berfungsi untuk perangkat iOS dan Android.

Itu Proyek Xamarin juga berisi folder Dependensi, yang menyimpan beberapa paket NuGet. Paket NuGet ini menyertakan fungsi yang diperlukan agar proyek Xamarin dapat berfungsi.

Ada juga dua proyek terpisah lainnya, masing-masing untuk platform Android dan iOS. Jika Anda menjalankan aplikasi seluler menggunakan Android, aplikasi dimulai dari MainActivity.xaml mengajukan. Jika Anda menjalankan aplikasi seluler menggunakan iOS, aplikasi dimulai dari Utama.cs mengajukan.

Cara Menambahkan Konten ke Aplikasi Xamarin Anda

Tambahkan beberapa konten ke aplikasi seluler Anda. Xamarin menyertakan berbagai elemen bawaan seperti label, tombol, atau kotak yang dapat Anda gunakan untuk membangun antarmuka Anda.

Setiap elemen juga memiliki atribut, seperti warna, teks, atau gaya lain yang berlaku. Sintaksnya sedikit mirip dengan cara Anda membuat tag HTML. Sebagai contoh:

<Teks Label = "Halo" />

Dalam Halaman Utama.xaml ubah kode untuk menambahkan beberapa elemen UI dasar, seperti label dan tombol.

  1. Tambahkan Label di dalam elemen StackLayout. Elemen StackLayout memungkinkan Anda mengatur elemen di dalamnya secara berurutan, baik secara vertikal maupun horizontal.
    <Padding StackLayout = "50">
    <Teks Label = "Aplikasi Seluler Baru Saya"
     Opsi Horizontal = "Tengah"
     Opsi Vertikal = "PusatDanPerluas"
     FontAttribut = "Tebal miring"
     Ukuran Font = "24"
     Warna Teks = "Hitam" />
    </StackLayout>
  2. Di bawah Label, dan masih di dalam elemen StackLayout, tambahkan Tombol.
    <Teks Tombol = "Tombol 1"
     x: Nama = "Tombol1"
     diklik = "KlikTombol"
     Warna Latar = "#2196F3"
     Warna Teks = "Asap putih"
     Permintaan Tinggi = "50" />
  3. Tambahkan fungsi di Halaman Utama.xaml.cs, yang akan dijalankan saat Anda mengklik tombol.
    tidak sinkronruang kosong ClickButton (pengirim objek, EventArgs e)
    {
     // Mengubah itu teksdari tombolnya Kapan dia adalah diklik pada
     Tombol tombol = (Tombol) pengirim;
     tombol. Teks = "Tombol telah diklik!";
    }

Cara Menjalankan Aplikasi Xamarin Menggunakan Emulator Android

Anda dapat menjalankan aplikasi Xamarin menggunakan emulator, yang dapat Anda pilih di bagian atas bilah alat di Visual Studio.

  1. Di bagian atas Visual Studio, klik dropdown. Di sini Anda dapat memilih platform mana yang ingin Anda gunakan. Pilih Proyek Xamarin. Android.
  2. Klik tombol putar hijau di sebelah dropdown, untuk meluncurkan aplikasi seluler.
  3. Jika Anda menggunakan Windows dan memiliki Hyper-V, Anda mungkin diminta untuk mengaktifkan Hyper V. Dalam hal ini, buka Mengaktifkan atau menonaktifkan Fitur Windows, dan pilih Hyper-V.
  4. Saat emulator diluncurkan, Anda dapat menjelajahi fungsi yang tersedia untuk Anda. Ini termasuk fungsi seluler standar seperti menghidupkan atau mematikan ponsel Anda. Anda juga dapat mengakses lokasi dan informasi seluler, sensor virtual, dan pengaturan tambahan.
  5. Tunggu hingga proyek Visual Studio selesai dibangun. Setelah selesai, layar ponsel pada emulator akan berubah untuk menampilkan halaman utama aplikasi seluler Anda.
  6. Untuk menguji aplikasi Anda menggunakan iOS, ubah dropdown untuk memilih iOS alih-alih Android, lalu klik tombol putar hijau lagi.

Membuat Aplikasi Mobile Menggunakan Xamarin

Xamarin memungkinkan Anda membangun aplikasi Seluler di banyak platform, seperti iOS, Android, atau Windows. Ini memungkinkan Anda untuk menggunakan elemen UI yang dapat digunakan kembali atau elemen UI yang dapat Anda bagikan di banyak platform.

Saat Anda membuat proyek Xamarin baru, Anda dapat menambahkan konten Anda di file xaml dan C# yang tersedia. Anda juga dapat menguji seperti apa tampilan aplikasi seluler Anda dengan membukanya menggunakan emulator.

Ada banyak kursus dan sumber daya yang dapat Anda jelajahi untuk meningkatkan pengetahuan Anda tentang cara membangun aplikasi seluler. Ini juga mencakup kursus pengembangan untuk platform tertentu, seperti pengembangan Android atau iOS.