Belajar Xamarin – List View Sederhana

Hal paling umum yang paling sering dijumpai dalam aplikasi berbasis Android adalah List View, yaitu sebuah kumpulan data atau informasi yang disajikan dalam bentuk list/daftar memanjang secara vertikal ke bawah.

Ada beberapa cara yang bisa digunakan untuk membuat aplikasi seperti itu, mulai dari yang paling sederhana sampai dengan yang cukup rumit dan bisa menampilkan detail dari sebuah item list jika item tersebut di klik.

Dalam artikel kali ini, saya akan membahas jenis pertama dari sebuah aplikasi list pada android yang paling sederhana menggunakan Xamarin. Caranya cukup mudah.

Pertama-tama buatlah sebuah project baru. Jika anda tidak tahu bagaimana caranya membuat project baru dengan menggunakan Xamarin anda bisa membaca artikel dasar di sini: Belajar Membuat Aplikasi Android Menggunakan Xamarin

Tutorial Networks - Tutorial Xamarin Basic 18

Klik file Main.axml untuk masuk ke dalam desain. Kemudian hapus button yang dibuat secara default oleh Xamarin dan tambahkan widget ListView pada View. Anda mungkin tidak bisa melihat apa pun yang tampil, tapi biarkan saja.

Tutorial Networks - Tutorial Xamarin List 01

Setelah itu klik MainActivity.cs dan ketikkan script berikut:

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:        List<string> mylist;  
20:        ArrayAdapter myadapter;  
21:        ListView mylistview;  
22:        mylist = new List<string>();  
23:        mylist.Add("Senin");  
24:        mylist.Add("Selasa");  
25:        mylist.Add("Rabu");  
26:        mylist.Add("Kamis");  
27:        mylist.Add("Jumat");  
28:        mylist.Add("Sabtu");  
29:        mylist.Add("Minggu");  
30:        myadapter = new ArrayAdapter<string>(this, Android.Resource.Layout.SimpleListItem1, mylist);  
31:        mylistview = (ListView)FindViewById(Resource.Id.listView1);  
32:        mylistview.Adapter = myadapter;  
33:      }  
34:    }  
35:  }  

Penjelasan:

Baris 19: Membuat variabel List bertipe string yang bisa dianggap sebagai sebuah array dinamik

Baris 20: Membuat variabel Array Adapter yang menangani bentuk tampilan dari sebuah List

Baris 21: Membuat variabel ListView yang menangani hasil tampilan list kepada user. Jadi secara umum urutannya, 1) Data disimpan di List 2) Di atur format dan tampilannya oleh Array Adapter 3) Ditampilkan kepada user melalui Widget List View

Baris 22: Inisialisasi variabel List kemudian memasukan beberapa value secara hardcore

Baris 30: Inisialisasi  Array Adapter dengan menggunakan Layout bawaan Xamarin yaitu SimpleListItem1 dengan menggunakan data dari mylist

Baris 32: Menampilkan Array Adapter melalui widget List View.

Jalankan aplikasi anda dan perhatikan hasilnya. Dalam tutorial ini, isi list diisikan secara hardcode untuk memberikan gambaran kepada anda terhadap hasil dari sebuah ListView. Mudah bukan?

Tutorial Networks - Tutorial Xamarin List 02

 

Loading...


Leave a Reply

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

Shares